nics-tw / guide

政府網站設計原則, 讓政府網站設計原則更加完善,我們正在全力開創新的典範,以便為您提供有價值的知識及技術。 讓我們攜手合作,共同見證政府網站設計原則的進步和成長。 有任何數位韌性相關問題,歡迎來電至 國家資通安全研究院前瞻中心架構設計組 02-6631-1881 詢問!
https://www.nics.nat.gov.tw/core_business/digital_resilience/Design_System_Resources/
Other
4 stars 4 forks source link

左右滑動表格的無障礙問題 #2

Closed JediLin closed 10 months ago

JediLin commented 11 months ago

左右滑動表格做為一種一定會產生橫向(順著文字方向)捲動的元件,勢必會踩到 WCAG 2.x SC 1.4.10 (AA) 而產生障礙。有一定要這樣做的理由或考量嗎?

muan commented 10 months ago

Except for parts of the content which require two-dimensional layout for usage or meaning.

Examples of content which require two-dimensional layout are images, maps, diagrams, video, games, presentations, data tables, and interfaces where it is necessary to keep toolbars in view while manipulating content.

例如大專校院身心障礙類學生人數統計概況為了易讀性(例 <th> 不被擠壓剩一字一行)應向有橫向滑動。

但我會把示範 table 內容改成應該是 tabular data 的資訊。或許你可以在親和力部分加上哪些內容不該使用 <table>

JediLin commented 10 months ago

這麼一說我對於 data table 屬於例外有點印象,但是對 (data) table cell 的寬度有個額外的要求,我找一下。

JediLin commented 10 months ago

Understanding 文件裡面就有寫到 cell 了:

Examples of content which requires two-dimensional layout are images required for understanding (such as maps and diagrams), video, games, presentations, data tables (not individual cells), and interfaces where it is necessary to keep toolbars in view while manipulating content.

整個表格還是可以橫向捲動沒問題,但是任何一個 cell 都應該要有辦法控制在不需二維捲動的情況。

muan commented 10 months ago

我看看能不能用 cqw 確保這個。