Further accessibility improvements of the modal

Created on 19 November 2021, almost 3 years ago

Following this accessibility issue → , further testing by @Reszli with accessibility tools like Lighthouse, Siteimprove and Axe revealed some more issues that should be fixed:

the info in the popup header appears to be with white color on white background due to the use of pseudo element:
the aria-checked attribute is not allowed on the label
but since it's there, it should be updated when the states are restored from cookies on load or when toggling via mouse or keyboard
the "ON" label is not showing when the states are restored from cookies on load
toggling the categories with keyboard does not toggle the "ON" label

🐛 Bug report

Status

Active

Version

1.0

Component

Code

Created by

🇧🇪Belgium rembrandx

Live updates comments and jobs are added and updated live.

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment about 1 year ago →
🇷🇴Romania reszli Târgu Mureș
apparently you can't toggle the categories with the keyboard (space) anymore
maybe related to 🐛 Remove overflow:hidden rule for body when popup is rendered Fixed since now space is scrolling the page instead

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024