🤷♂️ 为什么这么 b4y c9d a1d i10e?👿
今天发了一篇简短的帖子,我想知道大家是否同意我的问题的观点:为什么可访问性必须如此复杂和难以访问?(W1y d2s a11y h2e 如此 b4y c9d a1d i10e)。
我尤其想听听开发新手的意见。你遇到过无障碍功能吗?你觉得它令人困惑吗?等等。
开始我的咆哮吧!
我的意思是可访问性(确保最终产品可供残疾人使用)实际上并不是那么困难,它需要广泛的知识,但一旦你理解了它们,事情实际上就很容易了。
但是...在使用最难访问的方式来描述这种做法(数字缩写a11y 而不是“可访问性”),以及试图理解Web 内容可访问性指南(WCAG)这一艰巨任务之间,为什么我们要让它变得如此困难?
如果你不认为 WCAG 很难理解,那么请看我在 StackOverflow 上对这个简单问题的回答:
“使用占位符作为标签是否符合 WCAG 2?”
请先阅读:这并不是建议您使用占位符代替标签,而是一个关于占位符是否符合WCAG指南的思考实验。如果您确实使用了占位符代替标签,那么您的网站将无法访问,正如我所料……
</p>
我不应该用 1500 个字来回答这个问题,答案应该很简单。
不。
(讽刺的是,我的答案是“技术上是的”,但这是不真实的,读一读,看看你是否同意!)
基本原理很简单,但我们却把事情复杂化了!
我的意思是,这里有解决我每天看到的 90% 可访问性问题所需了解的全部内容:
- 使用诸如 等语义
<nav>
元素<main>
。 - 向图像添加
alt
属性,以在上下文中描述图像。 - 为表单添加正确关联的标签
- 不要跳过页面上的标题级别。
- 不要使用对比度差的颜色 - 使用对比度检查器
就是这样!如果你能做到这五件事,你的网站/网页应用/应用程序的可访问性将达到 90%。
如果您是开发新手,那么学习这 5 件事将使您成为比许多仍然使用<div>
汤来构建文档的“高级”开发人员更好的开发人员(在我看来)!
最棒的是?不到一天的时间,你就能学会全部 5 门课程!
我的意思是,别误会,最后10%确实需要更多知识,但仅此而已。如果文档更简洁一些,我相信会有更多人查阅并实现它。
您认为我们可以做得更好吗?
那么你觉得怎么样?对WAI-ARIA、WCAG、ATAG、VPAT等等感到困惑吗?我知道即使是现在,我也会陷入各种困境,我不敢想象那些刚开始学习无障碍的人会是什么感受!
我希望 WCAG 3.0(以前称为 WCAG 项目 Silver)能够解决许多这些问题,但按照目前的计划,它还需要 8 年多的时间才能成为标准!
WCAG 3 预计在未来几年内不会成为一项完整的 W3C 标准。WCAG 3 最终确定后的至少几年内,WCAG 3 不会取代 WCAG 2,而 WCAG 2 也不会被弃用。——来源:W3 上的 WCAG 3.0 简介
因此,与此同时,我想我要问的是:您希望看到什么/需要什么,以便让您更轻松地学习/实现可访问性?
哦,您认为将标签转换a11y
为accessibility
并在 dev.to 上使其成为同义词怎么样?
我期待您的想法和创意!任何好的想法我都会整理成一篇文章或一个系列!
/end rant
😋
附言:我真的很难为这篇文章找到一个有意义的封面图片,有人看到过更好的图片可以给我灵感,而不是使用刻板的“坐在轮椅上的人”来表示无障碍??
编辑:感谢@devlorenzo 帮我找到了一张图片,让我选出了更好的!❤️
鏂囩珷鏉ユ簮锛�https://dev.to/grahamthedev/w1y-d2s-a11y-h2e-to-be-so-b4y-c9d-a1d-i10e-38no