Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Hey, remove the margin:-1px this caused an issue in some versions of VoiceOver.
Other than that a nice and robust visually hidden class 💪
Also opacity:0 was causing some issues with it being treated as hidden so opacity 0.01 was recommended, however I can find the source for that one so I can’t remember which screen reader browser combo it was.
As always a great addition to the series, enjoyed the HTML one and I am enjoying this one even more ❤️
Front-end developer. Cyclist. Fan of trains, dinos and XIX century travels. Trying to do my part for making an accessible, light and fast internet for everyone.
Front-end developer. Cyclist. Fan of trains, dinos and XIX century travels. Trying to do my part for making an accessible, light and fast internet for everyone.
Regarding opacity: 0, I've found this article from Scott O'Hara:
Testing today (June 17, 2021) after a prompt by Rachel Leggett, it appears this is no longer a bug and opacity: 0 will no longer incorrectly completely hide content from the screen reader.
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Hey, remove the
margin:-1pxthis caused an issue in some versions of VoiceOver.Other than that a nice and robust visually hidden class 💪
Also opacity:0 was causing some issues with it being treated as hidden so opacity 0.01 was recommended, however I can find the source for that one so I can’t remember which screen reader browser combo it was.
As always a great addition to the series, enjoyed the HTML one and I am enjoying this one even more ❤️
Thank you very much for the tips, I write them down, I will research them for documentation and update the article 🙂
It makes me very happy that there are people who enjoy the articles and find them useful ❤️
Regarding
opacity: 0, I've found this article from Scott O'Hara:Thanks for that, it is always hard to know if stuff you know is outdated, saves me a load of time (and stops me spreading misinformation!)