“Fixing” Lists
Published:
Jan 12, 2019
|
Updated:
2019.11.15
Tag(s): accessibility, Webkit, CSS
In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an article on the how VoiceOver and Safari (Webkit) (macOS and iOS) remove list element semantics when list-style: none is used. It’s not just using list-style: none, but any CSS that would remove the bullet or number indicators of a list’s items will also remove the semantics.
This isn’t the only instance of CSS modifying how elements are exposed to assistive technologies, such as screen readers. Modifying display and visibility to “none” or “hidden”, respectively, will not only visually hide content, but remove the elements from being exposed to accessibility APIs. However, where those properties will consistently hide and show content to all browsers and screen reader pairings, this example of changing the list style is unique to Safari/Webkit.
Why is Webkit the only browser engine that behaves this way?
When a bug is a feature is a bug?
In March of 2017, a bug was filed about [...]