I am Marcy Sutton. Ask me anything.

View other answers to this thread

Learn Something New Everyday,
Connect With The Best Developers!

Sign Up Now!

& 500k+ others use Hashnode actively.

Grey Davis's photo

Hey Marcy! thanks for hosting the AMA...

I'm interested in knowing how modern CSS affects accessibility.

With things like flexbox and grid layout, the visual layout can be completely different from the DOM tree and can really mess up with accessibility functions like screen readers.

Do you think as we are going advanced with our layouts, we are making web less accessible?

Marcy Sutton's photo

Senior front-end engineer, accessibility advocate & public speaker

As far as I know, sadly the answer is yes (right now). I think browsers need to do more work to make flex and grid layouts more accessible by default. For example, if you reverse the order of flex items they will impact the reading order but not the tab order. So a keyboard or screen reader user might be confused about the order of content on a page. There has been some discussion around this recently, and I think Firefox even did the right thing at one point–I'm unsure of the status without doing some testing myself. But here are some links for further information:

Want to read more?

Browse featured discussions

© 2020 · Hashnode