无障碍五大规则
Posted: Sat Jan 25, 2025 9:56 am
WAI 起草了五项准则来定义网站的可访问性。网站应该:
可感知。运用所有感官,即除视觉和听觉之外的不同感知模式。
可操作。使用键盘和自动浏览工具或不需要特定时间、间距等的动态元素。
易于理解。使用简单的语言、可预测的表达方式和自动化的帮助。
坚固耐用。兼容大多数设备和情况。
合规。符合通用的可访问性标准。
这些指南按重要性排序,分为三个级别:A、AA 和 AAA。
最低级别 A 仅要求没有 圣卢西亚消费者电子邮件列表 浏览陷阱。举几个例子:当到达页面底部时,即使使用键盘,您也应该能够返回顶部;信息不应仅通过图像或颜色来传达。
下一个级别 AA 表示网站可访问性尚可。虽然部分用户仍会遇到一些麻烦,但可访问性目标已经达到。这是目前政府机构必须达到的级别。
不出所料,符合所有标准的网站将获得最高级别 AAA。当然,大多数网站都无法达到这一级别,只有最大的政府机构和公司才拥有应用这些标准所需的资源和预算。
那么,无障碍设施的成本是多少?
视情况而定!秘诀在于准备。如果符合以下条件,在您的网站中嵌入无障碍功能的成本将很低:
你从一开始就计划好了。
您聘请熟悉 AA 标准的专家。
你了解你的用户。
您为用户测试做预算。
对于现有的网站,渐进式可访问性策略包括应用补丁以达到 A 级。此后,逐步投资,特别是在基于 Web 的用户表单的设计方面,将帮助您达到 AA 级。
让我们来看看构建一个同时考虑预算和可访问性要求的网站的四个技巧。
明智规划
如果你匆忙编写代码,那么稍后你就会后悔。
选择具有内置可访问性的网站设计。许多 CMS 模板(如 WordPress、Drupal 和 Joomla)本身都可以访问,这将简化您的工作。
选择符合标准的配色方案。避免“同色系”趋势——这通常难以辨认。您可以遵守 WAI 规则,同时仍能制作出吸引人的作品。NIH就是一个例子。
使用基本语言。您的信息越简短,越容易理解。网站文本应介于高中和大学水平之间。Scolarius工具可以帮助您做到这一点(即将推出英文版)。
正确排列文本内容。在网页语言 HTML 中,我们指的是 H1、H2、H3 标题。例如,每页应该只有一个 H1 标题。H2 副标题始终位于 H3 之前,依此类推。
可感知。运用所有感官,即除视觉和听觉之外的不同感知模式。
可操作。使用键盘和自动浏览工具或不需要特定时间、间距等的动态元素。
易于理解。使用简单的语言、可预测的表达方式和自动化的帮助。
坚固耐用。兼容大多数设备和情况。
合规。符合通用的可访问性标准。
这些指南按重要性排序,分为三个级别:A、AA 和 AAA。
最低级别 A 仅要求没有 圣卢西亚消费者电子邮件列表 浏览陷阱。举几个例子:当到达页面底部时,即使使用键盘,您也应该能够返回顶部;信息不应仅通过图像或颜色来传达。
下一个级别 AA 表示网站可访问性尚可。虽然部分用户仍会遇到一些麻烦,但可访问性目标已经达到。这是目前政府机构必须达到的级别。
不出所料,符合所有标准的网站将获得最高级别 AAA。当然,大多数网站都无法达到这一级别,只有最大的政府机构和公司才拥有应用这些标准所需的资源和预算。
那么,无障碍设施的成本是多少?
视情况而定!秘诀在于准备。如果符合以下条件,在您的网站中嵌入无障碍功能的成本将很低:
你从一开始就计划好了。
您聘请熟悉 AA 标准的专家。
你了解你的用户。
您为用户测试做预算。
对于现有的网站,渐进式可访问性策略包括应用补丁以达到 A 级。此后,逐步投资,特别是在基于 Web 的用户表单的设计方面,将帮助您达到 AA 级。
让我们来看看构建一个同时考虑预算和可访问性要求的网站的四个技巧。
明智规划
如果你匆忙编写代码,那么稍后你就会后悔。
选择具有内置可访问性的网站设计。许多 CMS 模板(如 WordPress、Drupal 和 Joomla)本身都可以访问,这将简化您的工作。
选择符合标准的配色方案。避免“同色系”趋势——这通常难以辨认。您可以遵守 WAI 规则,同时仍能制作出吸引人的作品。NIH就是一个例子。
使用基本语言。您的信息越简短,越容易理解。网站文本应介于高中和大学水平之间。Scolarius工具可以帮助您做到这一点(即将推出英文版)。
正确排列文本内容。在网页语言 HTML 中,我们指的是 H1、H2、H3 标题。例如,每页应该只有一个 H1 标题。H2 副标题始终位于 H3 之前,依此类推。