使用语义HTML和测试技术与工具提升网页可访问性

Web Accessibility: 益处与未来展望

Web accessibility(网页可访问性)对所有人都有益。设计师、开发者和测试人员可以通过检查网页可访问性,使网页和服务更加包容。例如,使用语义HTML、遵循编码标准以及进行可访问性测试。各国正在引入法规以强制执行包容性标准。

Josefine Schaefer 在罗马尼亚测试会议 2023 的演讲

Josefine Schaefer 将在2023年6月6日至8日在克卢日-纳波卡举行的罗马尼亚测试会议2023上发表关于网页可访问性的演讲。

为什么关注网页可访问性?

Schaefer指出,关注网页可访问性有充分的理由。根据联合国的定义,获取信息与通信技术(包括网页)是一项基本人权。网页可访问性不仅对残障人士有益,对所有人都有帮助。例如,在阳光下看手机时,足够的色彩对比度会带来便利;在无法提高音量的环境中,字幕有助于理解视频内容。

语义HTML的益处

Schaefer将讨论使用语义HTML及其带来的好处。语义HTML意味着按用途使用HTML元素,例如用H1表示最重要的标题,用按钮元素表示按钮。这为辅助技术用户提供了上下文,并且原生HTML元素自带许多功能,否则需要手动添加。例如,确保输入元素的类型正确、标题结构层次分明,并反思div的使用。

测试网页可访问性的工具

Schaefer提到,有许多工具可以帮助测试网页可访问性。可以通过手动按Tab键测试键盘可访问性,也可以使用taba11y等工具可视化Tab键流程。更通用的工具如axe dev tools可以帮助审核页面并指导改进。对于色彩对比度,也有多种工具可以帮助评估前景与背景的对比度。

网页可访问性的不同方面

在InfoQ的采访中,Schaefer提到网页可访问性的不同方面。最常见的问题之一是色彩对比度,确保背景与前景之间有足够的对比度以使内容可感知。另一个重要方面是键盘可访问性,确保网站不仅可以用鼠标或触控板操作,还能用键盘或辅助技术进行导航。

如何改进键盘可访问性

Schaefer建议确保所有交互元素(如链接或按钮)也能通过键盘访问。检查焦点是否可见且具有足够的色彩对比度。如果使用悬停样式,确保信息也能通过Tab键传递。此外,确保用户不会被“困住”,应用程序中不应有任何无法通过键盘退出的点。

网页可访问性的未来

Schaefer对未来持乐观态度,认为未来将带来更多对网页可访问性重要性的认识,并希望测试网页可访问性在软件和网页开发中成为常态。越来越多的国家正在引入法规以强制执行包容性标准。她还希望提高对“隐形残障”的认识,特别是神经多样性人群的体验。

学习资源

Schaefer推荐了几个学习网页可访问性的资源。W3提供了网页可访问性基础的详细概述。社区驱动的项目如the a11y project列出了许多资源和文章。A11ycasts with Rob Dodson也是一个学习网页可访问性的好资源。

阅读 25
0 条评论