跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

标记的文章
aria

12 篇文章
{
,

}
直接链接到文章“释放我无法访问的标签的心"
无障碍 aria 标签

释放我无法访问的标签的心

Suzy Naschansky 来自 HTMHell 圣诞倒计时日历

<h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p

看到那个 aria-labelledby 属性了吗?它链接了来自…的两个 ID。

Avatar of Geoff Graham
Geoff Graham 于 2022 年 12 月 14 日
直接链接到文章“关于老式 HTML 列表的新东西"
aria 定义列表 list-style-position 列表 标记 菜单

关于老式 HTML 列表的新东西

HTML 列表很无聊。它们并没有做什么,所以我们并没有真正去思考它们,尽管它们被广泛使用。而且我们仍然能够做我们一直以来做的事情来定制它们,比如移除标记、反转…

Avatar of Daniel Schwarz
Daniel Schwarz 于 2022 年 11 月 28 日
直接链接到文章“深入了解跳至内容"
无障碍 aria 焦点 跳过链接

深入了解跳至内容

虽然大多数人在电脑上浏览网页时使用鼠标,但许多人依靠键盘。理论上,使用键盘操作网页应该不成问题——按下 TAB 键移动键盘…

Avatar of Paul Ratcliffe
Paul Ratcliffe 于 2021 年 8 月 3 日
直接链接到文章“使禁用的按钮更具包容性"
无障碍 aria 按钮 表单

使禁用的按钮更具包容性

让我们谈谈禁用的按钮。具体来说,让我们深入了解为什么我们使用它们以及如何比 HTML 中传统的 disabled 属性(例如 <button disabled>)做得更好,以标记按钮为禁用状态。

有很多…

Avatar of Sandrina Pereira
Sandrina Pereira 于 2022 年 5 月 24 日
直接链接到文章“WCAG 2.1 中的新增内容:名称中的标签"
无障碍 aria 标签

WCAG 2.1 中的新增内容:名称中的标签

WCAG 2.1 建议 于 2018 年发布。现在已经过去了几年,有一些新的成功标准。在本文中,我将讨论 名称中的标签,这是我们如何以视觉方式为组件添加标签。我们将从…

Avatar of Todd Libby
Todd Libby 于 2021 年 6 月 1 日
直接链接到文章“CSS 中的 ARIA"
aria

CSS 中的 ARIA

Jeremey 对 Sara 的推文 做出反应,关于在您要应用的样式与 ARIA 状态直接相关时,使用 [aria-*] 选择器而不是类。

…这是我首选的连接 CSS 和 JavaScript 交互的方式。以下是…

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 11 月 10 日
直接链接到文章“每周平台新闻:Mozilla 的 AV1 编码器、三星 One UI CSS、DOM 匹配方法"
无障碍 aria mozilla samsung vimeo

每周平台新闻:Mozilla 的 AV1 编码器、三星 One UI CSS、DOM 匹配方法

在本周的每周综述中,Vimeo 和 Mozilla 在视频编码格式上合作,如何使用 aria 标签将指令绑定到表单字段,DOM 具有匹配功能,三星正在开发自己的 CSS 库。
Avatar of Šime Vidas
Šime Vidas 于 2019 年 10 月 15 日
直接链接到文章“为什么、如何以及何时使用语义 HTML 和 ARIA"
无障碍 aria 网页开发入门 HTML 语义

为什么、如何以及何时使用语义 HTML 和 ARIA

语义 HTML 和可访问的富互联网应用程序 (ARIA) 有助于以最有效、最健壮和最简单的方式为所有人创建接口。它们为您的内容添加了重要的意义,这使得网络浏览器、搜索引擎、屏幕阅读器、RSS…

Avatar of Adam Silver
Adam Silver 于 2019 年 5 月 7 日
直接链接到文章“关于 CSS 显示属性对表格语义的影响的简短说明"
aria 响应式表格

关于 CSS 显示属性对表格语义的影响的简短说明

我们多年来一直在博客上发布关于响应式表格的文章。有各种各样的技术,您选择哪种应该基于表格中的数据和您要实现的UX。但其中许多…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 3 月 15 日
  • 1
  • 2
  • 更早

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们做广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.