𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆-𝗙𝗶𝗿𝘀𝘁 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
大多数企业在构建网站时问错了问题。他们没有问是否每个人都能使用它。
他们为拥有快速笔记本电脑和完美视力的人群构建网站。他们忘记了使用屏幕阅读器的人。他们忘记了依赖键盘而非鼠标的用户。他们忘记了需要清晰布局来理解内容的人。
如果你的网站对这些人无效,那么它就是无效的。
无障碍通常被视为最后一刻才检查的项目。这是一个错误。从第一天起就考虑到无障碍性可以创建更好的网站。你会获得更快的加载速度、更简洁的代码和更好的 SEO。
以下是一个可以遵循的实用框架:
使用语义化 HTML 为正确的任务使用正确的元素。在代码中,按钮必须是一个按钮。使用样式化的
div代替按钮会使你的网站对辅助工具不可见。以后再修复这会很昂贵。现在做是免费的。为键盘导航而构建 许多用户不使用鼠标。每个链接、按钮和表单都必须可以通过 Tab 和 Enter 键工作。确保焦点指示器(focus indicator)可见,以便用户知道他们在页面上的位置。
检查色彩对比度 文本必须从背景中脱颖而出。目标对比度至少为 4.5:1。不要仅依靠颜色来传达含义。如果错误仅以红色文本显示,色盲用户会忽略它。请添加一个图标或标签。
编写有意义的 Alt 文本 停止使用像 "image1.jpg" 这样的文件名作为 alt 文本。描述图像显示的内容及其重要性。如果图像仅用于装饰,请使用空的 alt 属性,以便屏幕阅读器跳过它。
使用真实工具进行测试 自动化工具只能发现大约 40% 的问题。你必须使用真实的屏幕阅读器进行测试,如 NVDA、JAWS 或 VoiceOver。如果你只依赖软件,你将会错过真正的差距。
当你为边缘人群构建时,中心人群也会受益。在强光下使用手机的人,或者单手抱着婴儿的父母,都会从你的无障碍设计中受益。
不要再把无障碍视为一项法律负担。要将其视为质量标准。