网站越来越重视用户体验，对于做网站的人员来说是否了解过一些可以增加网站可读性的Tips? 今天腾讯ISUX的温总向大家分享可提升网站访问性的10个步骤，每一步都可以在20分钟内完成，这篇文章也可以在20分钟内看完。

入职四周年，送上干货，10步大幅提升网站可访问性。每一步都可以在20分钟内完成。这篇文章也可以在20分钟内看完。

第一步，检查<title></title>，不允许空，不允许过长，简洁明了。

<title></title>是第一个可以访问到内容的元素，所以一定要非常重视。当用户切换浏览器Tab标签的时候，一定最先听到<title></title>标记的内容。Title一定要能代表当前页面的主题。这里的要求和SEO最佳实践几乎一致。

第二步，提供文字替代方案。

走查网页上所有的图片、iframe、object，检查这些元素是否填写了适当的alt属性或者title属性的值，看看这些值是否可以描述这些 元素的内容或者目的；heading元素是否标记了内容，而不仅仅是图片或者背景图片。比如，下图可以标记为“腾讯ISUX公共帐号二维码”。

第三步，检查表单。

是否有label标签，这些label的for属性是否通过填写相应表单元素的id来彼此绑定；label的标签包裹的范围是否足够大，一致鼠标很 容易的就能操作到；表单元素在被聚焦的时候是否有清晰的视觉反馈；提交和重置按钮以及图片按钮是否标记了文字或者在title中写明了该按钮的作用。强调 一下，比如一个按钮的样式是一个放大镜，那么替代文字的内容一定不是“放大镜”，而是“搜索”。

第四步，使用heading做信息架构。

辅助技术，特别是读屏软件，一般都会提供一个快捷键h，按h按键，焦点即可在heading之间切换，从而提高浏览效率。减轻读屏软件用户了解当前页面内容的障碍。虽然HTML5允许heading之间的嵌套，但是我绝对不推荐。