没有可访问名称的表单不会被暴露为ARIA地标 (#tilPost)
内容提要
本文介绍了如何使用语义化的HTML和ARIA（可访问性富Internet应用）来提高网站的可访问性。作者指出，正确使用语义化的HTML元素可以让机器更好地理解网页的内容，从而提供更好的用户体验。作者还提到，表单元素需要设置可访问名称，以便被屏幕阅读器等辅助技术发现和使用。文章给出了设置可访问名称的方法，并强调了提供可视化标题的重要性。最后，作者总结了通过这些调整，表单元素可以在VoiceOver等辅助技术中正常显示，并具有正确的表单角色。
延伸解读
为什么表单需要可访问名称
根据WAI-ARIA规范，表单元素必须具有可访问名称才会被暴露为ARIA地标。如果没有名称，屏幕阅读器等辅助技术可能无法识别表单，导致用户难以发现和导航。这强调了为表单提供描述性标签的重要性，以确保所有用户都能平等访问。
如何为表单设置可访问名称
可以通过aria-labelledby引用可见的标题元素，或使用aria-label提供字符串值。优先推荐使用可见标题，因为它能提升所有用户的体验，并且避免因浏览器翻译导致aria-label失效的问题。
可视化标题的额外好处
除了满足可访问性要求，为表单添加可视化标题还能帮助所有用户理解表单的用途。WAI-ARIA规范建议尽可能将标签包含在标题中，这既符合语义化HTML原则，也提升了整体用户体验。
Q&A
如何提高网站的可访问性？
使用语义化的HTML和ARIA可以提高网站的可访问性。
表单元素为什么需要设置可访问名称？
表单元素需要设置可访问名称，以便被屏幕阅读器等辅助技术发现和使用。
如何为表单设置可访问名称？
可以通过连接的标签设置可访问名称，确保输入框有标签，或使用aria-labelledby和aria-label提供字符串值。
WAI-ARIA 1.3规范对表单的要求是什么？
根据WAI-ARIA 1.3规范，表单必须有简短的标签描述其目的，并应参考可见标签。
使用语义化HTML有什么好处？
正确使用语义化的HTML元素可以帮助机器更好地理解网页内容，从而提供更好的用户体验。
如何确保表单在辅助技术中正常显示？
通过设置可访问名称和使用适当的ARIA角色，可以确保表单在辅助技术中正常显示。
