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

文章标签
accessibility

168 篇文章
{
,

}
文章“网格的黑暗面”的直接链接
无障碍 网格

网格的黑暗面

Manuel Matuzovic 指出,为了在一些相当简单的标记场景中使用 CSS 网格,我们可能会倾向于 扁平化我们的 HTML,以确保我们需要的所有元素都能参与网格。…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 3 月 10 日 发布
文章“CSS 变量 + calc() + rgb() = 强制高对比度颜色”的直接链接
无障碍 无障碍颜色 calc CSS 变量 自定义属性 rgba

CSS 变量 + calc() + rgb() = 强制高对比度颜色

您可能知道,最近对 CSS 的更新和添加非常强大。从 Flexbox 到 Grid,以及我们在这里关注的 自定义属性 (aka CSS 变量),所有这些都使健壮和动态的 …

Avatar of Josh Bader
Josh Bader 于 2019 年 10 月 18 日 发布
文章“你怎么想?”的直接链接
无障碍 替代文本 figcaption figure 图像

你怎么想?

Scott O’Hara 深入探讨了 <figure></figure> 和 <figcaption></figcaption> 元素。喜欢深入研究 HTML。

我在 CSS-Tricks 上几乎每篇博文中都使用它们,正如我所怀疑的那样,我一直都在错误地使用它们。…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 2 月 1 日 发布
文章“使用人工智能生成图像的替代文本”的直接链接
无障碍 替代文本 图像 语义

使用人工智能生成图像的替代文本

Web 开发人员和内容编辑人员经常忘记或忽略使网站无障碍和 SEO 性能良好的最重要的部分之一:图像 alt 文本。你知道,那个描述图像的看似很小的图像属性

​​​<img src="/cute/sloth/image.jpg" 
…
Avatar of Nino Ross Rodriguez
Nino Ross Rodriguez 于 2019 年 2 月 1 日 发布
文章“切换动画的开启和关闭”的直接链接
无障碍 动画 自定义属性

切换动画的开启和关闭

Kirupa 撰写了一个非常详细的教程,介绍了如何提供一个具有持久选项的 UI,用于控制动画的运行与否。

诀窍是控制移动的自定义属性

body {
  --toggle: 0;
  --playState: "paused";
…
Avatar of Chris Coyier
Chris Coyier 于 2019 年 1 月 9 日 发布
文章“阅读模式:最佳按钮”的直接链接
无障碍

阅读模式:最佳按钮

作为一个年轻的书呆子,我喜欢沉浸在数字世界中,学习别人为我创建的规则的来龙去脉(有意或无意)。但我年纪越大,脾气越暴躁,就越发现……

Avatar of Eric Bailey
Eric Bailey 于 2019 年 1 月 7 日 发布
文章“语义化 HTML 的实际价值”的直接链接
无障碍 HTML 语义

语义化 HTML 的实际价值

我喜欢布鲁斯在这里的行动

如果新一代 JavaScript 开发人员没有很好地理解良好 HTML 的重要性,那么我这个 DOWF(Dull Old Web Fart)就有责任解释它。

然后……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 1 月 7 日 发布
文章“UI 工程的要素”的直接链接
无障碍 设计系统

UI 工程的要素

我真的很喜欢丹·阿布拉莫夫的这篇文章。他定义了自己的工作,是一名 UI 工程师,我特别喜欢他对学习经历的描述

我最大的学习突破不是关于某项特定技术。相反,我学习了

…
Avatar of Robin Rendle
Robin Rendle 于 2019 年 1 月 4 日 发布
文章“过多的无障碍”的直接链接
无障碍 语义

过多的无障碍

我喜欢在我的脑海中记录一些想法。我们最近 链接 到 Facundo Corradini 的一篇文章,指出我们的一条推文中使用了 <em></em>,而我们可能应该使用 <i></i>……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 12 月 3 日 发布
  • 更新的
  • 1
  • ...
  • 11
  • 12
  • 13
  • ...
  • 19
  • 更旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告!
  • 联系我们
社交
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.