使用浏览器检查窗口评估网页可访问性

介绍使用浏览器检查窗口评估网站的可访问性

在构建或评估web内容时, 通过检查用于构建网页的代码，可以更容易地检查可访问性. 这个评估网页内容的过程确实需要中级水平的网页浏览器导航技能，以及对HTML的一些基本/中级理解. 如果您对这些不熟悉，请考虑使用众多评估工具中的一种.

本页上的资源包括视频和文本说明，用于评估web内容 谷歌Chrome 检查窗口，但这些原则也适用于其他浏览器.

使用浏览器检查窗口来评估网页可访问性的步骤

1. 要在任何浏览器中评估在线内容，您需要打开网页的“检查窗口”. 确保你在你想要检查的特定页面上.
   1. Windows:按“F12”或“Control+Shift+C”
   2. Mac:“Command+Option+C”
   3. 注意:像Safari这样的浏览器需要你添加开发者工具才能访问inspect窗口.
2. 看右边/下面的窗口回答以下问题.
   1. 注意:元素以可展开列表的形式呈现.  单击任何向右箭头以展开“检查窗口”的部分.
3. 它们是HTML格式的吗?
   1. Scroll to the top of the inspect window, do you see'” in the top left.
      1. 注意:HTML可以被屏幕阅读器读取，而其他格式则不能.
4. 是否有创建组织和识别网站/页面的标题和正文?
   1. Do you see ‘’ on the left side and near the top of your 检查窗口?
      1. 注意:标题在网页上和在文档上一样重要. 它们提供关于页面内容的快速信息.
   2. Do you see ‘”?
      1. 注意:可访问的网页应该在内容存在的地方有一个主体.
5. 网页是否划分为逻辑字段?
   1. When you open the body, do you see “
      ” along the left of your screen?

      1. Note: Each
         tag along the left should have a corresponding tag at the bottom of the section.
   2. When you hover over any “
      ” does it highlight a logical section of the screen?

      1. 这一页是否划分为有意义的原因? 有些地区可能有多个分区.
   3. 这些部分是否以逻辑方式列在检查窗口中?
      1. 注意:页面应该以合理的方式划分. 顶部和左侧的部分应该首先出现.
6. 是否所有图像都有替代文本?
   1. 单击“检查窗口”，然后将鼠标悬停在图像上. Does he highlighted portion starting with “
7. 你可以按Tab键来循环链接吗?
   1. 你能按Shift+Tab键返回链接吗?
8. 你能用键盘浏览任何多媒体吗?
   1. 你能使用箭头在视频中向前或向后跳吗?
   2. 你能用空格键停止和开始吗?