无障碍性的 HTML 列表对于确保每个人都能访问您的内容至关重要，包括残障人士。通过遵循最佳实践，您可以创建易于阅读和理解的列表，从而使您的内容对所有人可用。
使用语义标记
语义标记提供了有关列表内容的信息，从而使屏幕阅读器和其他辅助技术更容易解释列表。使用以下标记：
<ul>：无序列表<ol>：有序列表<li>：列表项
提供文本替代
对于非文字内容（例如图像或图标），请使用 <alt> 属性提供文本替代。这将使屏幕阅读器能够为用户读出文本。
避免嵌套列表
嵌套列表会使屏幕阅读器难以理解列表的结构。尽可能避免使用嵌套列表，或者至少在嵌套级别上保持一致。
使用适当的对比度
前景色和背景色之间的对比度应足够，以使列表项清晰可见。遵循 WCAG 2.1 的对比度指南，该指南建议最低对比度比为 4.5:1。
使用适当的字体大小和行高
字体大小和行高应足够大，以方便阅读和理解。考虑残障人士的需要，例如视力低下的人员。
使用清晰的语言
使用清晰简洁的语言，避免使用专业术语或缩写。这样，所有人，包括英语非母语的人，都可以理解您的列表。
提供键盘导航
确保用户可以使用键盘在列表中导航。使用 <tab> 键在列表项之间切换，并使用箭头键在嵌套列表中移动。
使用 ARIA 角色和属性
ARIA（可访问富互联网应用程序）角色和属性提供有关列表的额外信息。例如，您可以使用 role="list" 属性来标识一个列表，并使用 aria-labelledby 属性将其与标题关联起来。
测试您的列表
在发布之前，使用屏幕阅读器或其他辅助技术测试您的列表。这将帮助您识别任何无障碍性问题并加以解决。
其他提示
- 使用css列表样式代替图片或图标。
- 使用 HTML5
和 元素来创建可折叠列表。 - 在列表底部提供一个返回页面的链接。
- 提供一个可打印的列表副本。
