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

文章标签
accessibility

168 篇文章
{
,

}
指向文章的直接链接:小心屏幕外无障碍文本被压缩
无障碍 隐藏

小心屏幕外无障碍文本被压缩

J. Renée Beach

在几次会议中,Matt 提到了“显示更多反应”这串文本被压缩在一起,读起来像“Showmorereactions”。

事实证明,一种流行的隐藏内容(但对辅助技术不隐藏)的方法……

Avatar of Chris Coyier
Chris Coyier 于 2016 年 10 月 18 日
指向文章的直接链接:我们会在 CSS Grids 中扁平化 HTML 吗?
无障碍 网格 布局 语义

我们会在 CSS Grids 中扁平化 HTML 吗?

昨天我在 An Event Apart 上观看了 Rachel Andrew 关于 CSS Grid Layout 的演讲。 Grid 非常棒,它很快就会成为首选的网页布局工具。不过,现在还没到那一天……

Avatar of Chris Coyier
Chris Coyier 于 2016 年 10 月 5 日
指向文章的直接链接:高对比度模式下的无障碍 SVG
无障碍 高对比度 SVG

高对比度模式下的无障碍 SVG

使您的 SVG 无障碍 包括在您的工作流程中添加额外的步骤,但这样做非常值得。通过拥抱简洁的语义标记并利用 CSS 中一些鲜为人知的特性,您可以创建易于维护的解决方案,其中包括……

Avatar of Eric Bailey
Eric Bailey 于 2017 年 6 月 21 日
指向文章的直接链接:颜色使用指南
无障碍 颜色 生成颜色 十六进制值 hsl 网页颜色

颜色使用指南

在网页上有很多方法可以处理颜色。我认为了解您所使用内容背后的机制非常有用,颜色也不例外。让我们深入探讨一些关于颜色……的技术细节。

Avatar of Sarah Drasner
Sarah Drasner 于 2024 年 8 月 12 日
指向文章的直接链接:`font-display` 的普及
无障碍 CSS font-display font-face font-family 排版 网页字体

`font-display` 的普及

**更新时间:2017 年 1 月 12 日:** 正确的支持检查现在是文章主体的一部分。添加了关于`block` 值的信息。进行了一些细微调整和文字编辑。尽情享用!

如果您是 CSS-Tricks 的常客,那么您很有可能了解……

Avatar of Jeremy Wagner
Jeremy Wagner 于 2019 年 11 月 14 日
指向文章的直接链接:无障碍 SVG
无障碍 SVG

无障碍 SVG

可缩放矢量图形 (SVG) 正在成为当今网页上首选的图形格式。您是否正在放弃图标字体或用 得到良好支持 的 SVG 替换旧的 pg、gif 和 png 图形?让我们来看看这个……

Avatar of Heather Migliorisi
Heather Migliorisi 于 2016 年 8 月 28 日
指向文章的直接链接:为所有内容添加字幕
无障碍

为所有内容添加字幕

帮助 Dave Rupert 构建一个东西

我在 无障碍项目 下启动了一个名为 WordCast 的代码库,其目标是将 那个 CodePen 转换为一个 Node/Express/Socket.IO 应用程序,该应用程序可以广播字幕。我从未在这些流行语中构建过任何东西……

…
Avatar of Chris Coyier
Chris Coyier 于 2013 年 11 月 22 日
指向文章的直接链接:五种不同的文本替换方法
无障碍 JavaScript jQuery

五种不同的文本替换方法

这是网络应用程序中的一种常见需求:您点击某个东西,您刚刚点击的该东西的文本就会发生改变。也许是简单的事情,比如一个“显示”按钮,它会切换到“隐藏”,或者“展开描述”到“折叠描述”。这是一种……

Avatar of Chris Coyier
Chris Coyier 于 2014 年 7 月 22 日
指向文章的直接链接:投票结果:人们在替代文本方面付出了多少努力?
无障碍 投票

投票结果:人们在替代文本方面付出了多少努力?

在超过 16,000 名受访者中,超过一半(54%)的人表示他们在对图像内容很重要的 alt 文本方面“做了一些努力”。提供的示例确实提供了对图像内容和相关性的见解……

Avatar of Chris Coyier
Chris Coyier 于 2024 年 7 月 18 日
  • 较新
  • 1
  • ...
  • 17
  • 18
  • 19
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费信用!
CSS-Tricks
  • 为我们写稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.