Theme colour switcher

CSS table display property causes NVDA to announce a table

Weird little accessibility note: using the CSS property display: table causes NVDA to announce the element as a table. (I'm not sure about other screen readers).

Putting role="presentation" on the element with this property stops it announcing as a table.

This is yet another reason you're better off using Flexbox or Grid for layout (as if we needed any more reasons). They're a lot more flexible and powerful than good old tables, and you won't risk this weird little accessibility gotcha.

Tags:

Add new comment

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.