Web项目必须遵循的8条无障碍指南-全球看热讯
可访问性是 Web 开发的一个重要方面,因为它确保每个人(包括残障人士)都可以访问和使用网站或 Web 应用程序。
在本文中,我总结了 8 条指南和技巧,以帮助 Web 开发人员设计可供尽可能多的用户(包括残障人士)访问的网站。让我们来看看!
【资料图】
1.提供足够的色彩对比
背景颜色应与前景文本形成鲜明对比。这适用于按钮、背景渐变和图像上的文本等项目。徽标和附带文本(例如恰好出现在图片中的文本)不受此规则约束。
2.不要只用颜色表达信息
虽然颜色可以成为交流信息的有用工具,但它不应该是唯一的交流方式。
在使用颜色区分物品时提供不依赖颜色感知的额外标识。
例如,使用标签来区分图表上的区域,使用星号和颜色来表示必填的表单字段。
3.确保表单元素有清晰的标签
确保每个字段都有一个描述其用途的标签。除了通常位于右侧的复选框和单选按钮之外,从左到右的语言的标签通常位于字段的左侧或上方。限制标签和字段之间的距离。
4.提供自动启动内容的控件
允许用户禁用任何动画或使用清晰的控件自动播放声音。轮播、图片滑块、背景音乐和视频都属于这一类。
5. 在您的设计中包含图像和媒体替代品
在您的设计中为图像和媒体的替代方案提供一个位置。例如,您可能需要:
音频转录本的可见链接音频描述视频版本的可见链接带有图标和图形按钮的文本表格或复杂图表的标题和说明
与内容作者和开发人员合作,为非文本内容提供替代方案。
6.使用标题和间距对相关内容进行分组
使用空格和接近度使内容之间的关系更加明显。设置标题样式以对内容进行分组,减少混乱,并使其更易于扫描和理解。
7.确保交互元素明显
使链接和按钮等交互元素易于识别,并赋予它们独特的设计。例如,当鼠标悬停在链接上时,改变链接的显示方式,键盘获得焦点,触摸屏被激活。确保网站具有统一的命名约定和交互功能的样式。
8. 提供易于识别的反馈
通过在出现任何问题时通知用户、验证表单提交或更新页面来为交互提供反馈。说明应该是显而易见的。必须突出显示需要用户操作的重要反馈。
结论
如果您有任何疑问或想分享任何提示,请在下面发表评论。我很乐意阅读您的意见和反馈!
标签: 必须遵循