Short note on what CSS display properties do to table semantics – TPGi
Imported
Short note on what CSS display properties do to table semantics
Steve Faulkner | March 4, 2018 | Development
Share:
Share this page on Facebook
Share this page on Twitter
Share this page on Twitter
Pin this page on Pinterest
Send this link in an email message
The CSS display properties are powerful. You can change the visual display of elements to match your desired styling, but sometimes doing this can have an unintended effect of nuking the semantics of the elements, as conveyed to screen reading software, in the browser accessibility tree. Screen readers and other assistive tech, in general, do not have direct access to the HTML DOM, they are provided access to a subset of information in the HTML DOM via Accessibility APIs. Sometimes what an element represents in the HTML DOM is not how it is represented in the accessibility tree.
If what is represented in the accessibility tree does not represent the developer’s intended UI, it’s either (wittingly/unwittingly) the fault of the developer or the browser. But what we can be sure of, in [...]