苹果开发者大会

屏幕阅读器和键盘导航   我们的网站实现了ARIA属性(可访问的富互联网应用程序)技术，以及各种不同的行为变化，以确保盲人用户访问 屏幕阅读器能够阅读、理解和享受网站的功能。只要用户使用屏幕阅读器进入您的站点，他们就会立即收到 提示输入屏幕阅读器配置文件，以便他们能有效地浏览和操作您的网站。以下是我们的网站如何涵盖一些最重要的屏幕阅读器需求， 代码示例的控制台截图: 屏幕阅读器优化:我们运行一个后台程序，从上到下学习网站的组件，以确保即使在更新网站时也能持续遵守。 在这个过程中，我们使用ARIA属性集为屏幕阅读器提供有意义的数据。例如，我们提供准确的表格标签; 对可操作图标的描述(社交媒体图标、搜索图标、购物车图标等);表单输入的验证指导;元素角色，如按钮、菜单、模态对话(弹出)、 和其他人。此外，后台进程扫描所有网站的图像，并提供一个准确和有意义的图像对象识别的描述作为ALT(替代文本)标记 对于没有描述的图像。它还将提取嵌入图像中的文本，使用OCR(光学字符识别)技术。 要在任何时候打开屏幕阅读器调整，用户只需要按Alt+1组合键盘。屏幕阅读器用户还可以获得自动提示，以打开屏幕阅读器模式 只要他们进入网站。 这些调整与所有流行的屏幕阅读器兼容，包括JAWS和NVDA。 键盘导航优化:后台过程还调整网站的HTML，使用JavaScript代码添加各种行为，使网站可以通过键盘操作。这包括网站导航能力使用选项卡和Shift + Tab键,操作下拉箭头键,关闭用Esc,触发按钮和链接使用回车键,广播和复选框元素之间导航使用箭头键,并填写在空格键或回车键。此外，键盘用户将发现快速导航和内容跳过菜单，可通过点击Alt+1随时可用，或作为第一个元素的网站，而使用键盘导航。后台程序还可以在弹出窗口出现时将键盘焦点移向它们，而不允许焦点漂移到弹出窗口之外。

1. 用户也可以使用快捷方式，如“M”(菜单)、“H”(标题)、“F”(表单)、“B”(按钮)和“G”(图形)来跳转到特定的元素。残疾概况支持在我们的网站 癫痫安全模式:通过消除闪烁或闪烁动画和危险的颜色组合导致癫痫发作的风险，该配置文件使癫痫患者能够安全使用网站。 视障模式:该模式对网站进行调整，方便视力下降、隧道视力、白内障、青光眼等视障用户使用。 认知障碍模式:该模式提供不同的辅助选项，帮助有认知障碍的用户，如阅读障碍、自闭症、CVA等，更容易关注网站的基本要素。 ADHD友好模式:这种模式帮助患有ADHD和神经发育障碍的用户更容易阅读、浏览和集中在网站的主要元素上，同时显著减少干扰。 屏幕阅读器兼容:该模式配置网站兼容JAWS、NVDA、画外音、TalkBack等屏幕阅读器。屏幕阅读器是一种安装在电脑和智能手机上的面向盲人用户的软件，网站必须与之兼容。 键盘导航配置文件(运动障碍):该配置文件允许运动障碍人士使用键盘标签、Shift+标签和回车键来操作网站。用户也可以使用快捷方式，如“M”(菜单)、“H”(标题)、“F”(表单)、“B”(按钮)和“G”(图形)来跳转到特定的元素。 额外的UI、设计和可读性调整 字体调整——用户可以增加或减少它的大小，改变它的家族(类型)，调整间距，对齐，行高等等。 颜色调整——用户可以选择各种颜色对比配置文件，如亮、暗、反色和单色。此外，用户可以交换标题、文本和背景的配色方案，有超过7种不同的配色选项。 动画-癫痫病患者可以停止所有运行动画点击一个按钮。由界面控制的动画包括视频、gif和CSS闪烁过渡。 内容突出显示——用户可以选择突出重要的元素，如链接和标题。他们也可以选择只突出显示聚焦或悬停的元素。 音频静音——由于自动播放音频，使用助听设备的用户可能会感到头痛或其他问题。这个选项可以让用户立即关闭整个网站。 认知障碍——我们利用一个与维基百科和维基词典相链接的搜索引擎，让有认知障碍的人破译短语、首字母、俚语等的含义。 附加功能-我们为用户提供了更改光标颜色和大小的选项，使用打印模式，启用虚拟键盘，以及许多其他功能。 浏览器和辅助技术的兼容性 我们的目标是尽可能支持最广泛的浏览器和辅助技术，这样我们的用户可以选择最适合他们的工具，限制尽可能少。因此，我们非常努力地支持所有主要的系统，包括谷歌Chrome、Mozilla Firefox、苹果Safari、Opera和Microsoft Edge、JAWS和NVDA(屏幕阅读器)，包括Windows和MAC用户。 注释、评论和反馈 尽管我们尽了最大的努力让大家可以根据自己的需要来调整网站，但仍然可能有一些网页或部分不能完全访问，正在变得可以访问，或者缺乏足够的技术解决方案来访问它们。尽管如此，我们仍在不断改进我们的可访问性，添加、更新和改进它的选项和功能，并开发和采用新技术。所有这些都是为了在技术进步之后达到最佳的可访问性水平。如果需要任何帮助，请联系ad.mini@qq.com