Hey @Aditus_a11y ! I love your accessible accordion pattern, but I wasn't able to share it with my team because there's an error in the ARIA Roles, States and Properties section: It states that aria-expanded should be on the panel, when it should instead be on the button.
"If you’re on a macOS computer, you shouldn’t test solely with VoiceOver. It is more opinionated and does not always reflect what the majority of screen reader users experiences." @SaraSoueidan https://t.co/eJW5jMAOtS
#Accessibility doesn't have to be an all or nothing approach. Just because your product has accessibility gaps does not mean iterative improvements like increased contrast won't be valued by your users. Don't let perfection get in the way of progress.
Designing for users with low vision? Windows High Contrast mode is used by approximately 4% of active devices which equates to roughly fifty-six million people. Try a High Contrast theme yourself to understand the experience. #a11y
I wrote up current support for the `<dl>` element in browser / screen reader pairings (announcement, navigation, ARIA):
https://t.co/Z90BJAP1TU
I look forward to referencing this often in project work.
Also, my “brief notes” are getting less brief.
Starting something new as part of #365DaysIOSAccessibility. The Advent of iOS Accessibility. 24 days with some of the most common accessibility issues (in my experience) how to find them, and how to fix them too. Hope you like the idea.
Day 198. Some recommendations for improving your accessibility labels: don't add the element type, avoid redundancy and verbosity, localize...
@MobileA11y has an excellent blog post on it: https://t.co/OdXQAUpPuF
@jordyn2493 has a great video too: https://t.co/uC5Kl3m8rX
Was about to use <input type=“number”> for the first time in years but remembered it had some usability & #a11y issues that were previously shared by the awesome folks at @GOVUK
https://t.co/l93TY015LY
Use <input type="text" inputmode="numeric" pattern="[0-9]*"> instead.
All these website have got to stop switching to dark mode by default without providing an option to switch back to light mode.
Not all of us find reading in dark theme comfortable.
The more websites do this, the more I want browsers to to enable us to undo it.
#a11y
Hands-down one of the most practically useful uses of the #CSS visibility property I have seen:
https://t.co/Jb7KKzvcf6
@scottohara uses the fact that children of a hidden element can be unhidden to create responsive sections that become an accordion on mobile.
#a11y