不要在静态文本元素上使用 aria-label (2024)
摘要
本文解释了为什么对 div 和 span 等静态文本元素使用 aria-label 或 aria-labelledby 是一种无障碍反模式——因为这些属性在没有角色覆盖的情况下不允许用于这些元素，并提供了正确使用的指导。
<p><a href="https://lobste.rs/s/2q39ny/don_t_use_aria_label_on_static_text">评论</a></p>
查看缓存全文
缓存时间: 2026/07/13 15:53
关于
关于
...
关于
...
相似文章
不要对div等通用元素使用aria-label
本文解释了为什么对div或span等通用HTML元素使用aria-label违反了ARIA规范，并且会导致屏幕阅读器行为不一致，附有浏览器测试结果。
ARIA、反模式与你
本文批评了ARIA和ARIA创作实践指南（APG）的误用，警告不要使用LLM代理从APG生成代码，并强调在可访问性方面应优先使用原生HTML而非ARIA。
修复我的工具提示可访问性错误
Jake Archibald 分享了他在使用 popover="hint" 和 aria-describedby 实现工具提示时犯下的可访问性错误，并解释了在收到可访问性专家反馈后的正确模式。
优化图标与标签的对齐
本文介绍了在网页设计中，使用flexbox和lh单元等CSS技术来对齐图标与标签，以确保多行文本中的正确对齐。
作为陷阱的<noscript>元素
本文讨论了<noscript>HTML元素的局限性：它仅在JavaScript完全禁用时提供后备内容，而不会在JavaScript因其他原因失败时提供。文章建议改用DOM API动态更新内容。