正确使用HTML title属性
这篇讲的是 HTML 的 title 属性,一个存在了超过 14 年却问题重重的特性。作者开篇点明,在某些场景下(例如对辅助技术和移动设备用户隐藏内容,只对键盘用户显示)title 属性似乎是合理的选择,但随即指出其本身存在广泛且严重的缺陷。 文章的核心在于揭示 title 属性的“鸡肋”本质:随着触摸设备的普及,其作用被进一步削弱。关键问题在于,它对手机用户、仅键盘操作者、以及依赖屏幕阅读器、屏幕放大器等辅助技术的用户群体非常不友好。浏览器缺乏支持,无法通过键盘或移动端触发显示其内容,屏幕阅读器也普遍不予播报,这使得它无法可靠地传递信息。 在有限的“有用”场景中,文章建议仅在为 frame/iframe 贴标签,或提供需要程序实现才能在特定情况下显示的辅助标签时使用。相反,作者详细列举了多种“无用或有害”的用法,例如用它来替代表单标签、为图片添加标题、提供与可见文本重复的信息,或作为缩写扩展等,并解释了这些做法为何对可访问性和用户体验没有帮助甚至造成干扰。 因此,这篇文章为前端开发者和内容创作者提供了一个清晰的避坑指南:在为元素添加额外信息时,应优先考虑确保内容对所有用户可见且可访问,而不是仅仅依赖这个支持度不足的 title 属性。