无障碍性
prohairlabs.com
2022年5月25日
合规状态
我们坚信,互联网应当向所有人开放且易于访问;因此,我们致力于打造一个能够惠及尽可能广泛受众的网站,无论其能力如何。
为实现这一目标,我们致力于尽可能严格地遵循万维网联盟(W3C)制定的《Web内容无障碍指南 2.1》(WCAG 2.1)中的 AA 级标准。这些指南阐述了如何使 Web 内容对各类残障人士均具有无障碍性。遵循这些指南有助于我们确保本网站能够服务于盲人、运动障碍者、视障人士、认知障碍者以及其他各类人群。
本网站采用了多种技术,旨在确保网站在任何时候都能尽可能地实现无障碍访问。我们使用了一套无障碍接口,允许特定残障人士调整网站的用户界面(UI),并根据其个人需求进行个性化设置。
此外,该网站采用了一款在后台运行的基于人工智能的应用,持续优化网站的可访问性水平。该应用能够修复网站的 HTML 代码,并针对盲人用户使用的屏幕阅读器以及运动障碍人士使用的键盘操作功能,调整网站的功能与交互行为。
如果您希望联系网站所有者,请使用以下电子邮件。 cs@prohairlabs.com
屏幕阅读器与键盘导航
我们的网站采用了 ARIA 属性(无障碍富互联网应用)技术,并辅以多项行为调整,旨在确保使用屏幕阅读器访问网站的盲人用户能够顺畅地阅读、理解并使用网站的各项功能。当使用屏幕阅读器的用户进入您的网站时,系统会立即弹出提示,引导其进入“屏幕阅读器模式”,从而帮助他们高效地浏览和操作网站。以下是我们网站针对屏幕阅读器用户所满足的一些最关键的需求:
- 屏幕阅读器优化:我们运行一套自上而下学习网站组件的流程,旨在确保即使在网站更新期间,也能持续保持合规性。在此流程中,我们利用 ARIA 属性集,为屏幕阅读器提供具有实际意义的数据。例如,我们提供准确的表单标签;为各类交互式图标(如社交媒体图标、搜索图标、购物车图标等)提供描述信息;为表单输入框提供验证提示;并为按钮、菜单、模态对话框(弹出窗口)等元素指定相应的角色属性。此外,后台进程还会对网站内的所有图像进行扫描。对于那些尚无描述信息的图像,该进程会运用基于图像对象识别的技术,为其生成准确且富有意义的描述,并将其作为图像的 ALT(替代文本)标签。同时,它还会利用 OCR(光学字符识别)技术,提取图像中内嵌的文本内容。用户只需随时按下键盘组合键 Alt+1,即可开启屏幕阅读器辅助功能。此外,屏幕阅读器用户在访问网站时,系统还会自动发出提示,引导其开启屏幕阅读器模式。
这些调整兼容 JAWS、NVDA、VoiceOver 和 TalkBack 等主流屏幕阅读器。
- 键盘导航优化: 后台进程还会调整网站的 HTML 结构,并利用 JavaScript 代码添加多种交互行为,从而使网站能够通过键盘进行操作。具体功能包括:使用 Tab 和 Shift+Tab 键在网站内进行导航;利用方向键操作下拉菜单,并按 Esc 键将其关闭;通过 Enter 键触发按钮和链接;使用方向键在单选框和复选框元素之间切换;以及通过空格键或 Enter 键选中或填充这些元素。
此外,键盘用户可以通过按下 Alt+2 随时调出“内容跳过”菜单;若使用键盘进行导航,该菜单也将作为网站的首个元素呈现在用户面前。后台进程还会自动处理弹窗事件:一旦弹窗出现,系统便会将键盘焦点立即转移至弹窗之上,从而确保焦点不会游离至弹窗范围之外。
用户还可以使用“M”(菜单)、“H”(标题)、“F”(表单)、“B”(按钮)和“G”(图形)等快捷键,直接跳转至特定元素。
本网站支持的残障档案
- 癫痫安全档案: 此配置文件通过消除由闪烁动画或高风险色彩组合引发癫痫发作的风险,使癫痫患者能够安全地使用本网站。
- 视障人士档案: 此配置文件可调整网站,使其适用于大多数视力障碍人群,包括视力退化、管状视野、白内障、青光眼及其他视力问题。
- 认知障碍概况: 本配置文件提供了多种辅助功能,旨在帮助患有自闭症、阅读障碍、脑血管意外(CVA)等认知障碍的用户,更轻松地专注于核心要素。
- ADHD友好型简介: 此配置文件显著减少了干扰与噪音,旨在帮助患有 ADHD 及神经发育障碍的人群,更轻松地进行浏览、阅读,并专注于核心内容。
- 盲人用户档案(屏幕阅读器): 此配置文件可调整网站,使其兼容 JAWS、NVDA、VoiceOver 和 TalkBack 等屏幕阅读器。盲人用户通常会在其计算机上安装屏幕阅读器,而本网站已针对此类工具进行了兼容性适配。
- 键盘导航配置文件(运动障碍) 此配置文件使运动障碍人士能够利用键盘上的 Tab、Shift+Tab 和 Enter 键来操作网站。用户还可以使用“M”(菜单)、“H”(标题)、“F”(表单)、“B”(按钮)和“G”(图形)等快捷键,直接跳转至特定的网页元素。
额外的 UI、设计及可读性调整
- 字体调整 – 用户可以调整其大小、更改字体族(类型),并调节间距、对齐方式、行高等。
- 色彩调整 – 用户可以选择多种颜色对比配置文件,例如浅色、深色、反色和单色模式。此外,用户还可以利用超过七种不同的配色方案,调整标题、正文及背景的配色。
- 动画 – 患有癫痫的用户只需点击按钮,即可停止所有正在运行的动画。受此界面控制的动画包括视频、GIF 以及 CSS 闪烁过渡效果。
- 内容高亮 – 用户可以选择突出显示链接和标题等关键元素;也可以选择仅高亮显示处于聚焦或悬停状态的元素。
- 音频静音 – 佩戴助听设备的用户可能会因自动播放音频而出现头痛或其他不适。此选项允许用户即时将整个网站静音。
- 认知障碍 – 我们采用一款与维基百科及维基词典相链接的搜索引擎,使患有认知障碍的人士能够解读短语、缩略语、俚语及其他内容的含义。
- 附加功能 – 我们允许用户更改光标颜色和大小、使用打印模式、启用虚拟键盘,以及使用许多其他功能。
辅助技术与浏览器兼容性
附注、评论与反馈
尽管我们已竭尽全力,旨在让每一位用户都能根据自身需求调整本网站,但仍可能存在部分页面或版块尚未完全实现无障碍访问,正处于无障碍化改造过程中,或因尚缺乏足够的技术解决方案而暂时无法实现无障碍访问。尽管如此,我们仍在持续改进网站的无障碍功能——不断新增、更新及优化相关选项与特性,并积极研发及应用新技术。所有这些努力,旨在紧随技术发展的步伐,力求实现最佳的无障碍访问水平。如果您希望联系本网站的所有者,请使用以下电子邮件地址。 cs@prohairlabs.com