我有一個 HTML 布局引擎，它有一個通用組件，可以在 ol HTML、ul HTML 和表格 HTML 結構之間切換
<component>
<ul>
<li>
<div> Enter Data here </div>
</li>
<li>
<div> Enter Data here </div>
</li>
</ul>
</component>
或者
<component>
<table>
<tr>
<div>
<th>
Enter Data here
</th>
<th>
Enter Data here
</th>
</div>
</tr>
<tr>
<div>
<td>
Enter Data here
</td>
<td>
Enter Data here
</td>
</div>
</tr>
<tr>
<div>
<td>
Enter Data here
</td>
<td>
Enter Data here
</td>
</div>
</tr>
</table>
</component>
我已經使用 WAVE/AXE/Lighthouse 來驗證表格的 HTML 結構，它似乎作業正常。
如果我的布局引擎在表格 HTML 中創建了一些額外的 div，會有什么問題嗎？我的布局引擎在 tr 和 td 元素之間創建了一個 div。從可訪問性的角度來看，是否會因此產生任何問題？
uj5u.com熱心網友回復：
我認為該<table>結構無效，這會違反WCAG 4.1.1。在HTML規范的<tr>表示，內容模式是“零個或多個TD，TH和腳本的支持元素”，其中“腳本支持”在這里被定義，https://html.spec.whatwg.org/multipage/dom.html #script-supporting-elements-2，本質上是<script>元素。因此，將 a<div>作為a的直接子級<tr>是無效的，并且可能會導致螢屏閱讀器嘗試閱讀表格時出現可訪問性問題。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/381404.html