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

文章标签
accessibility

168 篇文章
{
,

}
到文章“保持父元素可见,子元素处于 :focus 状态”的直接链接
:focus-within 无障碍 焦点

保持父元素可见,子元素处于 :focus 状态

假设我们有一个 <div></div>。

我们只希望当它被悬停时,该 div 可见,因此

div:hover { 
  opacity: 1; 
}

出于无障碍性的考虑,我们还需要焦点样式,所以

div:hover,
div:focus { 
  opacity: 1; 
}

但是 div 的……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 12 月 12 日
到文章“HTML 邮件和无障碍性”的直接链接
无障碍 HTML 邮件

HTML 邮件和无障碍性

你喜欢 HTML 邮件吗?

作为开发者,可能不太喜欢…… 但是订阅者绝对喜欢。他们会仔细阅读,在所有已知的设备上查看它们,并为那些认真对待…… 的公司 创造了大量的收入。

Avatar of Jason Rodriguez
Jason Rodriguez 于 2017 年 11 月 22 日
到文章“倡导无障碍 UI 设计”的直接链接
无障碍

倡导无障碍 UI 设计

无障碍性是当今的一个热门话题,随着我们这些网页制作人年龄的增长,它会变得越来越热!这可能是一个讽刺的观点,但我的意思是,现在是我们开始设计…… 的时候了。

Avatar of Lara Schenck
Lara Schenck 于 2017 年 11 月 21 日
到文章“用于分离的简单模式(比仅使用颜色更好)”的直接链接
无障碍 模式 SVG

用于分离的简单模式(比仅使用颜色更好)

颜色非常适合将事物分开。这正是你最基本的饼图,不是吗?你通过颜色区分不同的切片。如果颜色对比度足够高,你可能没问题,但你可能会做得更好(尤其是在…… 的情况下)。

Avatar of Chris Coyier
Chris Coyier 于 2017 年 11 月 18 日
到文章“如何禁用链接”的直接链接
无障碍 链接

如何禁用链接

前几天,我在工作中碰到了禁用链接的问题。不知何故,去年在我没注意的时候,将一个“禁用”锚点样式添加到了我们的排版样式中。但是,这里有一个问题:没有真正的方法……

Avatar of Gerard Cohen
Gerard Cohen 于 2017 年 11 月 17 日
到文章“使用 React、TypeScript 和 AllyJS 构建无障碍 Web 应用”的直接链接
无障碍 模态框 React TypeScript

使用 React、TypeScript 和 AllyJS 构建无障碍 Web 应用

无障碍性是 Web 开发中经常被忽视的一个方面。我认为它与整体性能和代码可重用性一样重要。我们通过引用用户…… 来证明自己对更好性能和响应式设计的无休止追求。

Avatar of Daniel Yuschick
Daniel Yuschick 于 2017 年 11 月 16 日
到文章“ARIA 是腻子,而不是钢筋”的直接链接
无障碍 ARIA

ARIA 是腻子,而不是钢筋

就像他们的物理对应物一样,我们用来构建网站的材料也有其用途。在不了解其优点和局限性的情况下使用它们是不负责任的。没有人想住在建筑质量差的房子里。那么,为什么质量差的网站是可以接受的呢?

在……

Avatar of Eric Bailey
Eric Bailey 于 2019 年 5 月 20 日
到文章“以编程方式缩放 Web 应用的最佳方法”的直接链接
无障碍 缩放

以编程方式缩放 Web 应用的最佳方法

网站无障碍性一直都很重要,但如今,当我们拥有来自大多数国家政府的明确标准和法规时,支持这些标准并使我们的项目尽可能地无障碍变得更加重要。

……

Avatar of Michael Romanov
Michael Romanov 于 2017 年 9 月 25 日
到文章“删除那个难看的 :focus 环(并保留它)”的直接链接
无障碍 焦点

删除那个难看的 :focus 环(并保留它)

David Gilbertson

删除焦点轮廓就像从学校移除无障碍坡道一样,因为它不符合美观要求。

因此,David 展示了如何删除它,除非你检测到用户正在使用 Tab 键,然后……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 6 月 16 日
  • 更新
  • 1
  • ...
  • 14
  • 15
  • 16
  • ...
  • 19
  • 更旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

订阅我们的精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告!
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.