不要在静态文本元素上使用 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。
作为陷阱的<noscript>元素
本文讨论了<noscript>HTML元素的局限性：它仅在JavaScript完全禁用时提供后备内容，而不会在JavaScript因其他原因失败时提供。文章建议改用DOM API动态更新内容。
关于 <dl>
Ben Meyer 的一篇博客文章分享了一些关于 HTML <dl> 元素的新鲜知识，包括多个 <dd> 可以跟在同一个 <dt> 后面、可以在 <div> 内分组、ARIA 标注，以及自 2008 年起它们就被称为“描述列表”。
使用 CSS 为文本、图像和表格实现垂直节奏
本文探讨了在网页设计中使用 CSS 实现垂直节奏，特别是利用 `rlh` 单位进行文本对齐，并提供了一种 JavaScript 变通方案，以便响应式图像保持一致的间距。