你的网站可以接触到大量的观众。然而,要达到并吸引这些用户,需要一个任何人都能访问的网站。这就是为什么开发和营销团队需要进行评审网站的可访问性并确保你的网站符合网页内容无障碍指引(WCAG)及符合美国残疾人法案(艾达).
继续阅读,查看我们的网站无障碍清单50多个标准,以满足。
WCAG 2.0检查表
使用我们最新的WCAG 2.0检查表快速评估您的WCAG符合性:
- 层次一:使您的网站可访问一些用户。
- AA级:使您的网站可访问几乎所有的用户。
- AAA级:使您的网站可访问所有用户。
A级网站易访问性检查清单
如果您的公司没有大量的时间专门用于WCAG遵从,那么Level a可以帮助您开始。对于A级,您需要对站点进行一些基本更改,以使部分(但不是所有)用户能够访问它。重要的是要记住,A级可能达不到的标准网站遵守ADA规定.
|
||
指导方针 | 行动项目 | |
非文本内容 | 为图像添加alt文本。 为音频和视频添加alt文本。为控件添加名称,比如“Submit”。 |
|
自成一派,视频点播 | 仅为音频和视频内容编写文本。链接或将抄本放置在音频或视频内容附近。 仅为视频媒体录制音频轨道。 |
|
标题 | 添加字幕的所有视频与声音。 | |
音频描述或媒体选择 | 写的视频记录。 提供视频的音频描述。 |
|
信息和关系 | 使用有效和正确的HTML。在表单上添加清晰的标签。 用小标题划分内容。 |
|
有意义的序列 | 将导航菜单与内容分开。使用有效的HTML。 使用标题和列表。按顺序排列段落。 |
|
感官特征 | 为指令提供多种感官,如视觉和听觉。 | |
颜色的使用 | 避免在文本中使用颜色,比如指示用户点击绿色按钮。 | |
音频控制 | 允许用户选择何时播放音频,而不是自动播放。 | |
键盘 | 删除任何使用定时击键的功能,比如双击。 | |
没有键盘敲击 | 使用箭头或“Tab”键启用导航控制。消除任何用户在没有键盘的情况下无法导航或访问站点的情况。 | |
时间可调 | 允许用户关闭、调整或延长任何时间限制,但实时事件(如拍卖)除外。 允许用户暂停移动或动画文本。允许用户延迟更新频率。 |
|
暂停、停止隐藏 | 用用户控件提供所有移动、闪烁、滚动或自动更新的内容。 | |
三次闪光或以下 | 删除任何每秒闪烁超过三次的内容。 | |
绕过块 | 添加一个“跳转到内容”链接到所有的网站页面。使“跳转到内容”链接可见和可访问。 | |
页面标题 | 为网站的每个页面写独特的描述性标题。 | |
关注订单 | 用“Tab”键确保网站的功能。使元素的顺序,如导航上的页面,合乎逻辑。 | |
内容中的链接目的 | 创建易于理解的锚文本,与周围的文本保持一致。 | |
页面的语言 | 使用HTML为页面使用适当的语言代码。 | |
在关注 | 消除自动发生的响应,如弹出窗口、表单提交和链接打开。 需要一个用户操作,如鼠标点击打开链接,才能产生响应。 |
|
在输入 | 删除任何自动提交表单字段。消除在与元素交互时删除用户控件的任何实例。 | |
错误标识 | 为用户提供错误解释和如何修复这些错误的说明。将错误解释放置在错误附近,就像一个必需的空白表单字段。 | |
标签或说明 | 标记所有输入字段。 描述输入字段的首选格式,比如电话号码或日期。为填写输入字段提供有用的说明。 |
|
解析 | 遵循正确的HTML结构和指导原则。 修复任何具有重复属性的HTML元素。 |
|
名称、作用、价值 | 确保网站使用有效的HTML标记。网站脚本遵循HTML规范。 |
AA级网站易访问性检查表
有了AA级网站易访问性检查表,您的企业就可以更积极主动地建立和维护一个易访问性网站。本网站易访问性检查清单上的大多数行动项目使大多数用户都能访问您的网站。
|
||
指导方针 | 你需要做什么 | |
现场视频的字幕 | 通过软件或专业服务字幕直播视频。 | |
音频描述 | 添加音频描述音轨到任何视频内容。 提供一个接近内容的音轨链接。 |
|
对比 | 使用浅色背景和深色文字,反之亦然。 | |
调整文本 | 防止调整大小的文本要求用户水平滚动。 允许文本的大小调整到200%。 |
|
文本图像 | 删除任何使用文字图像来传达内容的图像。使用CSS来样式化文本,比如拉引号。 | |
找到页面 | 添加一个HTML站点地图.使网站搜索。创建一个逻辑导航菜单。 让你的导航菜单在整个站点保持一致。 |
|
标题和标签 | 标题和副标题要简明扼要。标记站点元素,如表或表单。 | |
焦点可见 | 使用CSS为用户键盘选择的元素添加边框或下划线。使键盘焦点可见于所有网站元素,如菜单、表单字段和链接。 | |
语言的部分 | 向内容不是使用默认语言的页面添加语言属性。 | |
一致的导航 | 为导航菜单和导航菜单中项目的顺序采用通用的位置。 | |
一致的识别 | 使用相同的函数对元素进行一致的标签和命名。对具有相同功能的元素使用相同的alt文本。 | |
错误的建议 | 使元素(如表单)能够识别输入错误。用文本建议向用户传达错误信息。 | |
错误的预防 | 使对用户控制的数据的更改可逆,例如取消订单。 允许用户修改错误。创建一个确认页面,详细说明用户的输入和网站的结果。 |
AAA级网站易访问性检查清单
有了AAA级合规,你的企业就会采取积极的方法来实现网站的可访问性。对于AAA WCAG检查清单,ADA符合性是需要牢记的重要内容。虽然你可以关注这个网站的易访问性清单,但它通常被认为对大多数网站过于激进。
这就是为什么许多公司专注于AA级合规。
|
||
指导方针 | 行动项目 | |
手语 | 上传带有手语的视频版本。将替代版本放在原始视频附近。 | |
扩展音频描述 | 创建扩展的音频描述配乐,有足够的停顿,以供用户收听和理解。 把原声音轨放在原始视频附近。 |
|
媒体选择 | 写一份全文成绩单。把抄本放在靠近视频内容的地方。 | |
生活本 | 使用隐藏式字幕。提供脚本文本。 | |
对比 | 使用深色背景和浅色文字,反之亦然。 | |
低或零背景音频 | 消除音频中的背景噪音。保持背景噪音比前景噪音低20分贝。 | |
视觉呈现 | 使用允许用户自定义背景和前景颜色、文本间距和文本大小的工具。 | |
没有时间 | 只允许对实时事件(如拍卖或直播流)进行时间限制。 | |
中断 | 删除在特定时间后发生的重定向。消除弹出窗口。 | |
认证 | 在重新验证用户身份时,保存用户数据,比如他们购物车中的商品。 | |
位置 | 使用面包屑导航.添加一个网站地图。 | |
节标题 | 为内容添加相关的标题。 | |
不寻常的单词 | 避免成语,术语.通过文本或相关页面的链接解释单词。 | |
缩写 | 删去缩略语或解释内容中的缩略语。 | |
阅读水平 | 使用可读性测试工具,比如可读的.创建图像或图表来解释内容。 | |
发音 | 链接到单词的发音指南,或者写下单词的语音。 |
准备好遵从WCAG了吗?
有了这份网站易访问性清单,你的公司(和团队)就可以继续向前迈进了实现WCAG合规.如果你需要帮助,WebFX有一个专门的和经验丰富的团队的设计师,开发人员和文案。
我们的合规服务网站可以帮助你的企业检查你的网站易访问性清单上的一切。今天就来探索我们的计划,看看为什么我们的推荐评分比行业平均水平高出近500%!