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

文章标签
accessibility

168 篇文章
{
,

}
文章直接链接:[W3Conf] Léonie Watson: “像你一样关心设计:面向网络专业人士的实用无障碍指南”
无障碍 W3C w3conf-2013

[W3Conf] Léonie Watson: “像你一样关心设计:面向网络专业人士的实用无障碍指南”

Léonie Watson (@leoniewatson) 是一位来自英国布里斯托尔的数字无障碍顾问。她相信无障碍的重要性,同时也认为它不会阻碍创造力。…

Avatar of Chris Coyier
Chris Coyier 于 2024 年 7 月 18 日 发布
文章直接链接:列表导航总结
无障碍

列表导航总结

最近关于列表导航标记(或不标记)的文章引发了近 200 条评论,其中大部分都是关于这个主题的精彩讨论。我认为总结一下重要观点会很有帮助。…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 21 日 发布
文章直接链接:列表导航:是与不是
无障碍

列表导航:是与不是

如果你在 Google 上搜索是否应该在网站上使用列表作为导航标记,你就会发现没有争议。每篇文章都建议你应该使用。你阅读的大多数教程都会使用列表…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 21 日 发布
文章直接链接:无障碍项目
无障碍

无障碍项目

Dave Rupert 领导了一个新的项目

对于许多 Web 开发人员来说,无障碍是一个复杂且具有一定难度的领域。[无障碍项目] 了解这一点,我们希望帮助前端开发人员更轻松地实现 Web 无障碍。

…
Avatar of Chris Coyier
Chris Coyier 于 2013 年 7 月 22 日 发布
文章直接链接:使用 `display: none;` 很诱人,但不要这样做
无障碍 隐藏

使用 `display: none;` 很诱人,但不要这样做

通过使用更好的隐藏技术(不使用 `display: none;`)来提高你的无障碍能力。这涉及一些技巧,例如使用更巧妙的类名,用更花哨的方式处理 JavaScript 库动画,或者完全避免隐藏。
Avatar of Chris Coyier
Chris Coyier 于 2019 年 9 月 13 日 发布
文章直接链接:无障碍/SEO 友好 CSS 隐藏
无障碍 隐藏

无障碍/SEO 友好 CSS 隐藏

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

此类可以从页面中移除一个项目,使其脱离文档流,并且不会导致溢出滚动。

当目标是…时,它比 `display: none;` 甚至 `visibility: hidden;` 更好。

Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 25 日 发布
  • 更新的
  • 1
  • ...
  • 17
  • 18
  • 19

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

订阅我们的手工制作的时事通讯

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

© 2024 . All rights reserved.