可访问性检查列表
Web内容可访问性指南(WCAG.提供关于呈现可访问内容的标准的详细信息.
根据WCAG的规定,网页内容应遵循以下原则:
- 一定是 可感知的,无论是单独还是通过辅助技术.
- 一定是 可操作的 所有人, 包括那些使用辅助技术或有视觉障碍的人, 听力, 运动或其他损伤.
- 它必须是可读的和 可以理解的,网站应该以可预测的方式运行.
- 一定是 健壮的、 即使通过各种辅助技术访问.
万维网联盟(W3C)发布了详细的Web内容可访问性指南 (WCAG) 2.1 它概述了网站如何满足这些原则.
下面列出了一些常见的网站易访问性问题. 全球网赌十大网站建议您在检查网站是否符合可访问性时查阅此列表.
语言的声明
每个网页都必须在HTML中声明一个默认的语言属性.g., or more specifically . 这些信息有助于搜索引擎返回特定于语言的结果,屏幕阅读器也使用这些信息来切换语言配置文件以提供正确的口音和发音. 了解更多有关 网页语言声明.
网页标题
所有网页必须有独特的页面标题. 页面标题显示在浏览器选项卡或窗口中, 显示在搜索引擎结果中, 用于页面书签/收藏夹和屏幕阅读器大声朗读.
The title tag is an HTML element that specifies the title of a webpage in the
section of HTML, e.g.,图像替代文本
替代文本(alt文本)提供了可以在图像中看到的内容的描述. 替代文本应该是有意义和描述性的,以便使用屏幕阅读器和其他辅助技术的视障人士能够理解,他们看不到图像, 但需要知道它的意义或目的. 所有文本由屏幕阅读器大声朗读. 了解更多关于 图像的替代文本描述.
使用WAVE等工具的自动辅助功能扫描可以告诉您是否所有文本都丢失了, 而是确定替代文本是否合适, 你需要看到图像,并在上下文中做出判断. 简单地使用“pic”,“myphoto”,“img7865”等. 作为Alt文本将通过自动测试,但不通过手动审查.
像Google这样的搜索引擎也会根据在alternate text属性中找到的内容对图像进行索引.
请注意: 使用相同链接或以下链接中重复链接文本的alt文本会导致屏幕阅读器口吃,因为相同的文本被读出两次. 在编写所有文本描述时避免这种重复.
标题1 & 结构合理的标题
All webpages should have a 标题1 or
. 这也会影响SEO,因为像Google这样的搜索引擎会在搜索中使用这些信息. There is only one per page. After an tag, pages should have a proper hierarchy of heading tags with tags appearing below a single , appearing below an , and an appearing below an . 无序的标题被标记为可访问性错误. 像WAVE这样的辅助工具可以识别页面上的所有标题. 了解更多关于 用标题构建网页.
跳过链接“跳到主要内容”
tag, pages should have a proper hierarchy of heading tags with tags appearing below a single , appearing below an , and an appearing below an . 无序的标题被标记为可访问性错误. 像WAVE这样的辅助工具可以识别页面上的所有标题. 了解更多关于 用标题构建网页.
跳过链接“跳到主要内容”
, appearing below an , and an appearing below an . 无序的标题被标记为可访问性错误. 像WAVE这样的辅助工具可以识别页面上的所有标题. 了解更多关于 用标题构建网页.
跳过链接“跳到主要内容”
, and an appearing below an . 无序的标题被标记为可访问性错误. 像WAVE这样的辅助工具可以识别页面上的所有标题. 了解更多关于 用标题构建网页.
跳过链接“跳到主要内容”
. 无序的标题被标记为可访问性错误. 像WAVE这样的辅助工具可以识别页面上的所有标题. 了解更多关于 用标题构建网页.
跳过链接“跳到主要内容”
像“跳到主要内容”这样的链接允许使用屏幕阅读器的访问者跳过网页上多余的内容, e.g.,跳过导航以访问页面的主要内容. 此功能应该在所有网页上都存在并工作. 了解更多关于 绕过块并跳转到链接.
键盘导航
所有网页及其内容必须完全可导航和操作使用 键盘控制和快捷键. 这包括访问页面上的所有导航链接和内容以及下拉菜单中的链接, 表单字段, 等. 了解更多关于 使用键盘控制浏览网站.
关注的指标
关注的指标 网页上的互动元素在屏幕上是否有清晰的亮点或轮廓, 包括链接, 按钮, 表单字段, 工具提示, 等. 对于可以使用鼠标与之交互的页面上的任何元素, 您还应该能够使用键盘来执行相同的操作,并且这种交互应该显示可见的焦点.
表单标签
所有表单字段都必须有相应的标签,并且表单提交错误必须清晰且可访问. 没有相应标签的表单字段不会提供说明字段用途的说明. 了解有关提供适当服务的更多信息 表格标签和说明.
避免在图像中显示文本
使用CSS将文本与图像分开. 将文字作为图像的一部分不仅会给视障人士带来问题, 但那些使用屏幕放大镜浏览网页的人,以及那些有阅读障碍或其他认知障碍的人. 学习如何 避免将图像显示为文本.
表
表用于显示表格数据. 数据单元格中的内容与标题和行相关联. 在适当的地方使用数据表标题和摘要. 学习如何 创建可访问的表.
视频字幕
所有预先录制的视频必须有字幕 在它们出现在勒努瓦-莱恩网站或相关的社交媒体网站之前,e.g., Facebook, Twitter, Instagram, YouTube, Vimeo等.
音频记录
所有发布 音频文件必须有文本记录 供听力受损人士使用. 这包括音频播客的文本.
避免使用非描述性链接
链接提示“点击这里”,”“在这里,阅读更多,“了解更多”和其他类似的链接不够描述性,因为所有链接都是由屏幕阅读器大声朗读的,没有上下文. 应该避免这种类型的链接,因为它们被标记为可访问性错误. 例如,与其说“注册参加活动”, 点击这里,使用更具描述性的链接,如“访问全球网赌十大网站的日历到…… 买这场演出的票. 了解更多有关 链路用途要求.
避免在文本中显示url
避免在网页中以文本形式发布URL,因为这些URL链接会被屏幕阅读器大声读出. 例如,与其说,“访问招生和经济援助 http://ksj.oiw539.com/admission 要获取更多信息,“你应该将描述性的单词或短语,例如.g.”,访问 全球赌博十大网站和经济资助 欲索取更多资料.“学习如何 避免将url作为链接发布.
对比 & Color
对于网页和文档附件,文本和背景之间必须有足够的对比. 大多数文本的对比度不应低于4.5:1, 大型文字(大于18点或加粗14点)的对比度不小于3:1. 具有背景图像的元素必须定义背景颜色,以便在图像被禁用或不可用时提供足够的对比度.
如果没有任何视觉障碍的人发现由于对比度差而难以查看文件, 对于那些有弱视或色盲等视觉障碍的人来说,这份文件很可能也很难看到.
文件附件 & 文档
所有pdf, Microsoft Office文档(Word, Excel, PowerPoint等).)也必须符合无障碍要求. 最新版本的Microsoft Office for Windows和Mac都有内置的辅助功能检查器.
adobeacrobatdc有一个内置的辅助功能检查器和辅助功能报告工具. 下面列出了在评估PDF文件中的可访问性遵从性时要查找的常见检查点.
- 填充所有文档属性
- 选择要显示的文档标题
- 英语被设定为语言
- 所有的图像都有替代的文字描述,纯粹的装饰元素是隐藏的
- 文档在整个过程中都有适当的标记
- 指定逻辑读取顺序
- 在整个文档中应用适当的标题
- 对可能的对比问题进行手动检查
任何扫描的文件都不应该发布到网站上.e.,从复印机扫描或输出/打印为PDF格式的文件. 文件应从原始源文件保存为PDF文件. 如果你只有一份文件的扫描版本, 例如档案文件, 那么在adobeacrobatdc中必须使用光学字符识别或OCR以及上述其他可访问性要求. 了解 文档可访问性.
可访问性检查列表