[csswg-drafts] [css-display][css-tables][css-speech] Is the 'display' value supposed to affect the semantics exposed to screen readers?

SelenIT has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-display][css-tables][css-speech] Is the 'display' value supposed to affect the semantics exposed to screen readers? ==
Adrian Roselli recently raised [the very important issue](http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html) that setting non-table `display` value to HTML `<table>` element, as well as setting `display:table` to other elements than `<table>` , can affect the way these elements are presented to the screen readers (and thus should be avoided).

For me, this seems to be directly contradicting to the purpose of CSS in terms of the Separation of Concerns principle (at least, as I always understood it). For me, one of the biggest advantages of CSS is being able to express any meaning with proper markup in HTML without need to change the presentation, and vice versa. I used to think of the possibility to get the table-like look without adding table semantics in certain circumstances, or improving the visual layout of the data table with CSS Grid formatting options not available for the CSS Table visual model, as a great Progressive Enhancement feature. As an author, I hope that the semantics of my code is defined by the markup part, and styling shouldn't affect it (at least, not _that_ much).

So, for me, this behavior of the browsers and screen readers feels like a bug. There are some bugs about this filed for Firefox ([[1]](https://bugzilla.mozilla.org/show_bug.cgi?id=1005271), [[2]](https://bugzilla.mozilla.org/show_bug.cgi?id=1007975)), one of which has been resolved already, and in the discussions under these bugs there seems to be the agreement that in general authors don't want the meaning of the markup change because of the `display` value. Unfortunately, there is apparently no data about how this behavior helps users (if at all).

Shouldn't the effect of changing the `display` property on the semantics — or the absence of such effect
 — be specified anywhere, in order to improve web interoperability and reduce confusion in the future? I guess that the best place for that would be the CSS Display spec, which already briefly mentions some interaction between the `display` values and aural styles in the introduction.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2355 using your GitHub account

Received on Friday, 23 February 2018 22:15:06 UTC