Twitter | Search | |
Sara Soueidan
that removing list bullets with `list-style: none` removes <ul/ol> semantics in VoiceOver. Adding zero-width space fixes this; so this is yet another thing to add to our base files. via
With that bit of additional CSS, we are able to return the list semantics for VoiceOver users without needing to touch the markup.
Reply Retweet Like More
Eric Eggert Jan 11
That’s a weird bug. , can we please fix that, so people don’t need to jump hoops.
Reply Retweet Like
Sara Soueidan Jan 11
Replying to @yatil @scottohara and 2 others
Yes, please!
Reply Retweet Like
Eric Eggert Jan 11
We really need an open conversation on what CSS is allowed to overwrite semantics. Apart from display:none/visibility:hidden, I personally think no CSS should alter the semantics of the page.
Reply Retweet Like
Sara Soueidan Jan 11
Replying to @yatil @scottohara and 2 others
Yes yes yes! I agree. Related: I’d also love a native property fir visually hiding elements while keeping them available for SRs instead of having to use a dedicated urility class for that all the time.
Reply Retweet Like
Scott O'Hara Jan 11
i agree. i should do a write up of the random little css bugs i and others (like this one) have found. (adds to my never ending list of things to write) :)
Reply Retweet Like
Scott O'Hara Jan 11
i remember talking to you about this before. i'm still wary of this...
Reply Retweet Like
Sara Soueidan Jan 11
Replying to @scottohara @yatil and 2 others
Yeah I know :(
Reply Retweet Like
Sara Soueidan Jan 11
Replying to @scottohara @yatil and 2 others
I’ll push you to do it. I think I’m a good writing pusher, from what I’ve heard.
Reply Retweet Like
Mynor Morales Jan 11
Hi Sara! Quick question, how do you remember to add/do these accessibility tips when working on new projects? Do you have something like a design system, modify them there and then copy/import in new projects?
Reply Retweet Like
Sara Soueidan Jan 11
I’m working on my own design system / reusable component library, and all these small and important bits go in it whenever I find about then, yes. :)
Reply Retweet Like
Matija Marohnić Jan 11
Hey , this no longer seems to be an issue. I just tested it on VoiceOver and the only difference in "list-style-type: none" is that it does not announce the bullet characters, which is expected.
Reply Retweet Like
Sara Soueidan Jan 11
That’s good news. What OS version are you on?
Reply Retweet Like
Matija Marohnić Jan 11
macOS Mojave, 10.14.2
Reply Retweet Like
Sara Soueidan Jan 11
Hmm. That’s great! So is it announced as a list like it should be?
Reply Retweet Like
Matija Marohnić Jan 11
Yes, it says how many items, and at the end it says end of list, exactly what the article says was missing. I compared it multiple times just to be sure. Note that the article is from 2017, so it makes sense that they fixed it in the meantime.
Reply Retweet Like
Sara Soueidan Jan 11
Great! Thanks so much for comfirming
Reply Retweet Like
Facundo Corradini Jan 11
Wut? Why doesn't it announce it as a list, and how come a zero width space fixes it? Really buggy behavior. Or am I missing something here?
Reply Retweet Like
Sara Soueidan Jan 11
The zero-space is needed but apparently not in the very latest version of macOS
Reply Retweet Like
Scott O'Hara Jan 11
just updated to 10.14.2 and still encountering the bug. Interested in reviewing your test files Matija
Reply Retweet Like