简单有效！10步大幅提升网站可访问性

<；title></title>；是第一个可以浏览内容的元素，一定要高度重视。当客户更改计算机浏览器的选项卡徽标时，他必须首先听到

第二步，展示文字而不是方案。

检查网页上所有的照片、iframe、object，检查这个元素是否填充了alt属性或title属性的适当值，看这个值是否能描述这个元素的内容或用途；标题元素是否标识了内容，而不仅仅是照片或背景图案。比如下图可以识别为“腾讯官方ISUX公众账号二维码”。

第三步，查表格。

是否有标签标记，该标签的for特征根据填写的对应表单元素的id相互关联；label的logo胶囊的品类是否足够大，非常容易让电脑鼠标实际 *** 作；元素聚焦时表单是否有清晰的视觉效果反馈；以及提交重置按钮和它的照片按钮是否识别文本或在标题中指示按钮的功能。注意，比如一个键的样式是高倍放大镜，那么替换文字的内容一定不是“高倍放大镜”，而只是“搜索”。

第四步，应用标题作为信息架构。

辅助技术，尤其是读屏软件，通常会显示一个键盘快捷键H，通过按下H功能键，可以在标题中间改变焦点，从而提高访问效率。解除读屏软件客户掌握当今网页内容的障碍。虽然HTML5允许在标题中间嵌入，但我当然不强烈推荐。

第五步，有没有模糊()。

一般辅助技术都是通过聚焦来获取内容，所以这次恶性事件本质上让辅助内容无法通过这种方式获取元素。This.onfocus=this.blur()这是最愚蠢的句子编码。

第六步，按Ctrl或command检查网页是否可以缩放。

也许你已经应用了字体大小调整:无一些实际效果，或者你已经设置了不缩放的客户在视口，这使得网页无法缩放。还有那个老人用11寸高端笔记本电脑，但是很喜欢用网页放大功能的老板。

第七步，添加地标人物角色。

这是成本最低的方法，添加的方法是将角色的特性添加到相对元素中，并授予响应的地标值。有八个值。一般只能用六种:banner(横幅)、complementary(辅助内容区)、contentinfo(网站信息内容和版权)、form(表格)、main(主要内容区)、navigation(导航栏区)、search(搜索区)。如果是表单，他只是显示了检索功能，然后设置角色为搜索而不是表单。

第八步，设置快捷键。

1哪个连接偏向首页。Esc停止播放音频和视频，终止，而不是挂起。这两个功能键是迄今为止最被认同的键盘快捷键。另外，发掘当今网页最重要的功能是最重要的。然后，在这个元素或者包装元素上设置一个快捷键，如果在顺序里，就是2。accesskey=2.没有必要为几个元素设置相同的值，也没有必要使用英文字母作为键盘快捷键。另外，关注点的恶性事件不需要仅仅依靠电脑浏览器本身，请应用js或者电脑键盘的相对恶性事件，然后关注相对元素。

第九步:设置焦点开始页面变换。

例如，当您单击一个按钮时，会d出一个多表单或非表单d出窗口(而不是计算机浏览器d出窗口)。使用js将焦点移动到此对话框中第一个有内容的DOM比如点击“返回首页”按钮，如果只是连接#或者改变相邻scrollTop的值，那么也必须使用js将焦点移动到这个网页上第一个有内容的DOM。如果按一个键打开一个组件对话框，如果关闭这个组件对话框，请将焦点移回再次打开这个对话框的键。

第十步，填写一个简单的未来链接作为第一个内容元素。

徽标的内容简要表明您已经在此网页上显示了键盘快捷键。那么这个连接就可以偏向于更丰富多彩的无障碍辅助网页，并且为这个连接设置了accesskey=0。