WCAG 2.0是否允許使用表格進行佈局,在指南中我看不到任何內容,但您不能這樣做會讓我感到驚訝。WCAG 2.0使用表格進行佈局
2
A
回答
4
http://www.w3.org/TR/WCAG20-TECHS/H73.html
雖然WCAG 2不禁止 使用佈局表,基於CSS的 佈局,以便建議 保留的 的HTML表格元素定義的語義含義,並符合 到分離的編碼練習 從內容演示文稿
4
我想添加到@jordan答案,即疊加表格在無障礙。 佈局表必須避免使用中的數據表使用的任何元件,即:
- 沒有
caption
,thead
,tfoot
和th
元件(僅table
,tr
,td
和任選tbody
) summary
屬性(它可以爲空),headers
,scope
(只有rowspan
和colspan
,id
明顯)- 奇怪的東西l IKE
axis
或col
元素
它也必須是線性化,也就是說,必須要有意義當細胞被從上到下閱讀,從左到右。
相關WCAG 2.0失敗的技術是:
- F46: Failure (...) due to using th elements, caption elements, or non-empty summary attributes in layout tables
- F49: Failure (...) due to using an HTML layout table that does not make sense when linearized
注:如果你使用的表只爲設計約束,那麼僅供參考,您可以使用除IE6和IE7以外的每個瀏覽器上的display: table;
(和table-row
和table-cell
) 。
相關問題
- 1. Joomla和WCAG 2.0
- 2. 用css進行網格佈局?
- 3. iframe中的WCAG 2.0問題
- 4. <abbr>和WCAG 2.0
- 5. iframe問題與WCAG 2.0
- 6. 瞭解WCAG 2.0 - 標準1.4.8
- 7. 表格佈局:改進設計?
- 8. Tk,如何使用.pack進行佈局?
- 9. 在Android中使用按鈕進行網格佈局的問題
- 10. 使用Angular Material2和Bootstrap4 css進行網格佈局
- 11. 用textviews表格佈局
- 12. DropzoneJS用DIV表格佈局
- 13. 如何使用CSS div佈局模仿colspan = 2佈局表格
- 14. 使用表格的Android佈局
- 15. 使用CSS更改表格佈局
- 16. 使用css的四列表格佈局
- 17. 使用div複製表格佈局
- 18. 使用WebView的表格佈局
- 19. 使用CSS的表格佈局
- 20. 使用std :: cout的表格佈局
- 21. 使用Bootstrap的表格佈局
- 22. CSS表格佈局
- 23. Bootstrap表格佈局
- 24. J2ME表格佈局
- 25. CSS表格佈局
- 26. Bootstrap表格佈局
- 27. 3列流佈局vs表格佈局
- 28. Xamarin表格網格佈局
- 29. 帶3行後textview的表格佈局
- 30. 表格行中的相對佈局