Re: [csswg-drafts] [css-display-4] Should the reading-order-items property apply to tables in addition to flex and grid layouts? (#9922)

The CSS Working Group just discussed `[css-display-4] Should the reading-order-items property apply to tables in addition to flex and grid layouts?`.

<details><summary>The full IRC log of that discussion</summary>
&lt;astearns> PaulG: I’m in favor<br>
&lt;fantasai> scribenick: fantasai<br>
&lt;fantasai> TabAtkins: Current thread has folks suggesting not to apply to tables, because screenreaders have robust handling of tables<br>
&lt;fantasai> [AdrianRoseli also said this]<br>
&lt;Lionel_Wolberger> zakim, who is here?<br>
&lt;Zakim> Present: TabAtkins, dbaron, zcorpan, dandclark, tantek, sanketj_, cwilso, vmpstr, keithamus, khush, lea, jensimmons, noamr, rachelandrew, ydaniv, miriam, past, emilio, moonira,<br>
&lt;Zakim> ... ethanjv, bkardell_, kbabbitt, kzms, oriol, ntim, dholbert, PaulG, Lionel_Wolberger, Angela, CharlesL, matatk, janina, kizu, Nigel_Megitt, flackr<br>
&lt;Zakim> On IRC I see moonira, Roy, Lionel_Wolberger, masonf, karlcow, nigel, tink, Di, CharlesL, janina1, zcorpan, Angela, khush, kbabbitt, matatk, florian_irc, PaulG, miketaylr, siye,<br>
&lt;Zakim> ... ntim, oriol, atrigent__, kschmi, bkardell_, lea, kizu, past, RRSAgent, Zakim, sanketj, sylvaing_, shans_, Rossen-, leaverou_, projecto-, Francis_Storr, flackr, kzms2,<br>
&lt;Zakim> ... ondrejkonec, Krinkle, cmp, jbroman, dbaron, jcraig, foolip, tusf, keithamus, github-bot, jamesn, hyojin_, cabanier, geheimnis`, zrhoffman, CSSWG_LogBot, dustinm, fantasai,<br>
&lt;Zakim> ... vmpstr, bramus<br>
&lt;dbaron> s/Roseli/Roselli/<br>
&lt;matatk> q?<br>
&lt;fantasai> PaulG: It could be helpful for responsive tables, where the rendering changes<br>
&lt;fantasai> PaulG: if author has control over the flow<br>
&lt;fantasai> PaulG: That may be something to spend time on a demo<br>
&lt;matatk> q+<br>
&lt;zcorpan> q+<br>
&lt;fantasai> fantasai: One possible way forward would be to not apply if &lt;table> rendered as table, but if rendering as grid/flex apply it<br>
&lt;PaulG> Adrian's responsive table https://adrianroselli.com/2017/11/a-responsive-accessible-table.html<br>
&lt;fantasai> gregwhitworth: Do you get accessibility of tables using table display on DIVs?<br>
&lt;fantasai> TabAtkins: no<br>
&lt;matatk> q?<br>
&lt;gregwhitworth> q+<br>
&lt;fantasai> matatk: I understand what Paul's saying about consistency and those cases, but also understand what Adrian's saying about having a well-defined model for this<br>
&lt;fantasai> matatk: we don't want to get into a situation where devs think they have to put reading-order on everything<br>
&lt;fantasai> ... and they're duplicating what the system could do better than they can<br>
&lt;fantasai> ... don't want to reinvent that<br>
&lt;fantasai> ... Elika, your solution sounds reasonable ; but what if it looks like a table but done differently?<br>
&lt;fantasai> ... from our perspective, we have several different edge cases to think about<br>
&lt;fantasai> ... also some reasonable connections for a11y testing and AT industry<br>
&lt;fantasai> ... so can ask people about it<br>
&lt;fantasai> ... also in-house we have ARIA WG<br>
&lt;fantasai> ... APA's role would be to coordinate that broader review<br>
&lt;fantasai> ... lots of good points on all the sides; but could be an impactful change<br>
&lt;fantasai> ... so give us some homework :)<br>
&lt;matatk> q?<br>
&lt;matatk> ack me<br>
&lt;matatk> ack zcorpan<br>
&lt;fantasai> zcorpan: What is the screenreader behavior if you have a &lt;table> element but you change the CSS to display: something else<br>
&lt;fantasai> ... do they still use table mode to navigate that, or do you get whatever reading mode of the display type?<br>
&lt;fantasai> matatk: excellent question<br>
&lt;fantasai> tink: I believe unless 'display: none', has no impact on a11y tree<br>
&lt;fantasai> matatk: what about for grid?<br>
&lt;fantasai> matatk: we'll need to investigate<br>
&lt;fantasai> zcorpan: I think that would inform what to do here<br>
&lt;fantasai> ... because if behavior is still using table mode, then reading-flow shouldn't apply<br>
&lt;gregwhitworth> ack gregwhitworth<br>
&lt;matatk> q?<br>
&lt;TabAtkins> fantasai: I think the default value of reading-flow should continue to do what we do today, so if display changes it has no effect<br>
&lt;TabAtkins> fantasai: If you style it with display:flex *and* apply reading-flow, we could consider it having an effect<br>
&lt;gregwhitworth> q+<br>
&lt;matatk> q?<br>
&lt;TabAtkins> fantasai: I could see reasons to restyle &lt;table> with Grid Becuase you wanna do something fancy, but want to preserve the a11y affordances from it being a table<br>
&lt;matatk> ack fantasai<br>
&lt;matatk> ack gregwhitworth<br>
&lt;fantasai> gregwhitworth: For tables done without an actual &lt;table> element, how often are they giving the expected AT experience?<br>
&lt;kizu> q+<br>
&lt;fantasai> ... Do thinks make it worse?<br>
&lt;fantasai> matatk: Question is, if you make a custom table out of DIVs and aria, what experience do you give?<br>
&lt;fantasai> gregwhitworth: How commonly would people do that in practice, using DIV-based tables + ARIA?<br>
&lt;fantasai> PaulG: Common in my work because we deal with very large virtualized tables.<br>
&lt;fantasai> ... don't know how common across the Web, but in FinTech it's quite normal<br>
&lt;fantasai> gregwhitworth: Do people do it correctly from a11y standpoint, in your experience?<br>
&lt;fantasai> PaulG: Lots of walled gardens, can't see in them ; but in ours we try our best<br>
&lt;fantasai> matatk: it's certainly doable, and works pretty well when done properly<br>
&lt;fantasai> gregwhitworth: 5yrs from now, could we deprecate &lt;table>?<br>
&lt;fantasai> ... responsive tables is a common ask<br>
&lt;fantasai> ... how can we help authors fall into the pit of success?<br>
&lt;matatk> q?<br>
&lt;fantasai> ... because more people will lean into this over time<br>
&lt;matatk> ack kizu<br>
&lt;Lionel_Wolberger> q?<br>
&lt;fantasai> kizu: Cases where there's a table with display: flex or grid<br>
&lt;fantasai> ... usually done at transition point, or to use features of a grid<br>
&lt;fantasai> ... sometimes authors had to apply role to element because browsers would lose it otherwise<br>
&lt;fantasai> ... a lot of issues<br>
&lt;fantasai> ... sometimes browsers lose this role, especially with 'display: contents'<br>
&lt;fantasai> ... It would make a table display: grid or flex, then change order of rows<br>
&lt;fantasai> ... with reading-flow we might want to reorder rows or colu,ns<br>
&lt;fantasai> s/colu,ns/columns/<br>
&lt;matatk> q?<br>
&lt;matatk> ack fantasai<br>
&lt;Zakim> fantasai, you wanted to ask why it's done<br>
&lt;fantasai> fantasai: I think if we need more capabilities for responsive tables, we should add those capabilities<br>
&lt;fantasai> ... not require shifting to DIVs with ARIA because that's hard to get right<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9922#issuecomment-2369856510 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 24 September 2024 00:30:02 UTC