DEV Community
·
理解HTML中的可访问名称
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
可访问名称是确保网页内容对屏幕阅读器用户友好的关键，它提供描述元素的文本，帮助用户有效导航。可访问名称的计算遵循特定算法，优先级包括aria-labelledby、aria-label和元素内容等。理解可访问名称的确定方式对创建可用网页内容至关重要。
🎯
关键要点
- 可访问名称是确保网页内容对屏幕阅读器用户友好的关键。
- 可访问名称是辅助技术（如屏幕阅读器）用来描述网页元素的文本或标签。
- 可访问名称的计算遵循特定算法，优先级包括aria-labelledby、aria-label和元素内容等。
- 对于按钮和链接，优先级顺序为：aria-labelledby、aria-label、元素内容、title属性。
- 表单输入的可访问名称可以通过关联的<label>元素确定。
- 理解可访问名称的确定方式对创建可用网页内容至关重要。
- 所有控件元素（如按钮、链接）都应具有可访问名称。
- 应谨慎使用aria-labelledby属性，因为它具有最高优先级，计算复杂且可能引用隐藏内容。
- 确保使用屏幕阅读器进行测试，以确认用户听到的内容。
➡️
