当用户导航到某个元素时,应该有某种类型的指示器或焦点来显示用户在页面上的位置。
#2. 表格和表格标签
标签是表单可访问性最重要的元素。确保每个表单字段都有一个标签(在每个字段的代码中使用 <label> 元素)。这将确保屏幕阅读器读取每个字段的名称。
如果用户需要了解有关字段的基本信息(例如,如果密码必须至少包含 8 个字符),请不要将该信息作为字段中的占位符文本,而应将其作为字段标签下方的文本。
确保表单易于使用且具有逻辑流程。表单应可通过键盘访问,以便用户浏览字段。
在表单顶部提供说明,以便用户了解如何填写。
#3. CTA 按钮
CTA 对于营销成功至关重要,因此,确保所有 CTA 均易于 伯利兹的电子邮件列表 访问至关重要。您的按钮应始终具有易于访问的名称,该名称通常是按钮本身上的文本。
使用 aria 标签为按钮提供正确的信息。与网站开发团队一起研究一些按钮可访问性最佳实践可能会有所帮助,以确保 CTA 完全可访问。
ADA 网络合规性入门指南
如何确保您的网站符合 ADA 标准
确保您的网站符合 ADA 标准实际上很容易,但需要持续的工作才能确保其保持这种状态。
准则在不断变化,您的网站也有可能不断变化。以下是一。
#1. 了解指南:美国残疾人法案网站提供有关合规性的资源和指南。
#2. 添加内容时请牢记指南:添加新内容时的小错误可能会导致您的网站不合规。
创建一份最常见的 ADA 错误清单,以便您的内容创建者和开发人员可以仔细检查您网站的任何更改是否符合 ADA 标准。
#3. 使用合规性检查程序:网上有许多 ADA 合规性检查程序,可以轻松找出您的站点可能不合规的区域。
Google Chrome 的 Lighthouse 扩展程序是免费的,是一个很棒的工具,可以在几秒钟内生成报告。
如果您确实发现任何不合规的情况,请截屏并记录纠正错误的努力。如果您因不合规而被起诉,这将有助于您辩护。
#4. 在您的网站上安装辅助功能小部件:辅助功能小部件可以帮助残障用户根据自己的需求定制网站体验。
小部件可以让用户更改文本大小、颜色或对比度;使用嵌入式屏幕阅读器;打开或关闭动画;等等。
#5. 包含可访问性声明:您网站上的可访问性声明会告知用户您正在采取措施确保每个人都可以访问您的网站。
在您的声明中,指导人们如果难以浏览您的网站该怎么办。这些信息将让您的用户感到被重视,帮助您收集有关您网站的有用反馈,并在您的 ADA 合规性在法庭上受到质疑时成为强有力的辩护。
网站 ADA 合规性检查表
#1. 阅读法律文件
#2. 每个媒体文件和地图都应该有一个“alt”标签
#3. 所有在线表单都应具有适当的描述性 HTML 标签
#4. 所有超链接都应有丰富的描述性锚文本
#5. 你网站上的所有页面都有“跳过导航”链接
#6. 所有文本内容都应使用正确的标题标签进行组织
#7. 每个 PDF 文件都应可访问
#8. 所有视频都应有字幕、音频描述和文字记录
#9. 根据 WCAG,你的网页颜色对比度应该足够
#10. 所有字体都必须可访问
#11. 所有 HTML 表格都应填充列标题、单元格信息和行标识符
#12. 网站上的所有音频文件都应有文字说明
#13. 您网站上的所有号召性用语 (CTA) 按钮都应具有可访问的名称和 ARIA 标签
#14. 你的整个网站应该可以通过键盘导航访问
#15. 你应该有一个网站可访问性政策页面
#16. 提供易于查找的联系信息,以便用户请求无障碍信息
#17. 根据网站内容可访问性指南 (WCAG) 测试您的网站可访问性
#18. 自动化网站可访问性检查,避免遗漏关键的可访问性问题
拥有符合 ADA 标准的网站的重要性
#1. 遵守 ADA 可扩大您的目标受众
如果您的网站尚未符合 ADA 标准,您将会失去数百万因残疾而无法访问您网站的潜在客户。
美国有大约 5000 万残疾人,这意味着这个国家大约 19% 的人是残疾人,无法与您做生意。
他们中的许多人可能对您的产品感兴趣,但一旦他们到达您的网站,他们就无法轻松地购买任何东西甚至联系您,这都是因为您的网站仅供没有残疾的用户访问。
因此,他们可能会转向您的竞争对手并进行购买。
例如,如果您有一个视频展示了产品的优点,但没有字幕,那么聋哑用户或听力障碍的用户将无法了解您的产品有多好。
如果您的图片没有替代文本,情况也是如此。替代文本的作用是让屏幕阅读工具能够向视力受损的人描述图片,因此如果您没有该文本,您的部分目标受众将会错过。