WordPress 6.1 可访问性改进

感谢@joedolson和@alexstine合作撰写这篇文章。

随着 WordPress 6.1 即将到来,这篇文章汇集了许多可访问性改进和修复,在 500 多个错误和增强的细节中可能很难发现。与往常一样,在可访问性方面还有更多工作要做,需要持续的努力和承诺。 

如果您有兴趣帮助这项工作,请加入#可访问性Make Slack中的频道(需要一个Slack帐户才能查看)并查看如何参与。参与这项重要工作的方法有很多,包括测试、提供可访问性反馈以及创建 PR 以解决反馈。

主题

最值得注意的是,6.1 将引入标记为可访问性就绪的二十二十二和二十二十三,使它们成为第一个这样做的默认块主题(并且只有默认块主题)。这有助于让更多人了解块主题和更广泛的网站编辑功能。

  • 二十二十三:将“可访问性就绪”标签添加到存储库中的主题。
  • 二十二十二:将“可访问性就绪”标签添加到存储库中的主题
  • 二十二十:评论可访问性 – 链接应该是可识别的。
  • 二十九:考虑自定义悬停/下划线样式

WP管理屏幕

在 WP Admin 的许多屏幕上,改进比比皆是。更改范围从恢复模式期间插件屏幕上颜色对比度的改进,到从文本输入切换到媒体库中的 textarea 字段,以便用户在编辑时能够更好地查看字段的内容。 

  • 管理:避免小屏幕上的菜单/子菜单重叠。
  • 管理:为只读表单字段添加标签
  • 编辑器:通过更新经典可视化编辑器链接弹出窗口中的CSS ,修复链接弹出编辑器上的文本缩放。
  • 常规:确保管理员通知正确显示在站点运行状况布局上。
  • 列表:对屏幕阅读器隐藏“评论”列图标和标题属性
  • 媒体:将媒体库中的 alt 属性字段更改为 textarea,以便用户在编辑时能够更好地看到 alt 文本字段的全部内容。
  • 永久链接:标记和描述永久链接设置字段。
  • 永久链接:在删除自定义结构时修复 aria-live 文本。
  • 插件:在插件安装屏幕中直观地对齐插件卡。
  • 插件:在激活恢复模式时提高插件屏幕上的颜色对比度。
  • 必填字段现在始终使用可视指示器进行标识,并在全球范围内实施
  • 分类:将字段描述与字段相关联。
  • 分类法:在 wp_list_categories() 中默认将 use_desc_for_title 设置为 false
  • 升级/安装:使用“占位符”作为 setup-config.php 中的示例值。
  • 将 wpAjax 管理员通知与可访问的声音消息配对,增加某些页面上某些成功/错误管理员通知的可访问性。

登录和注册

为了更好地引起对该表单的许多改进的注意,此部分已从 WP 管理屏幕部分中删除。虽然这是一个较少使用的界面,但此版本的可访问性改进非常重要,解决了许多长期存在的问题。这包括为必填字段提供适当的标签,将错误与输入字段明确关联,以便人们知道在哪里采取什么行动,改进单选按钮的标签等等。 

  • 登录和注册:对网络注册的访问改进
  • 登录: 通过在输入字段和显示的错误消息之间添加 aria- describeby 关系,将错误与输入字段显式关联。
  • 登录和注册:在网络注册屏幕上为必填字段正确标记站点和用户信息。 

站点编辑器/模板编辑器

尽管站点和模板编辑器都使用块,但在站点编辑世界中这些新界面存在一些特定的可访问性挑战。需要做更多的工作,如果您愿意提供帮助,请加入 FSE 外展计划,您可以在其中通过测试电话提供反馈、查找错误等。 

  • 使站点编辑器标题工具栏使用 ARIA 工具栏模式
  • 站点编辑器:不要禁用保存按钮
  • 添加 aria-label 到模板操作按钮编辑/新建以修复操作按钮缺少上下文并提高可访问性。
  • 块样式:删除不必要的按钮角色和 ‘onKeyDown’ 处理程序
  • 修复站点编辑器中第一个或最后一个块的选项卡
  • 更新站点编辑器区域标签以匹配帖子编辑器
  • 用 Add template modal 中的按钮替换可点击的 div 元素

导航块

导航块仍然是一个强大而复杂的块,尤其是在块主题的世界中。虽然在此版本中可以期待后备和改进的菜单管理体验,但还有一组与可访问性相关的不错的修复程序,以使这个必要的块在更多情况下可供更多人使用。 

  • 导航块:仅在按下退出键时触发焦点子菜单
  • 导航子菜单:允许 Escape 键关闭子菜单并触发焦点
  • 导航块:从选择菜单中选择一个选项后,在块重新渲染后聚焦
  • 更好地处理导航选择器的加载状态

通用块编辑器(其他块、编写流程、组件等)

本节涵盖了广泛的项目,包括从改进到附加块的所有内容,例如对表格块的焦点丢失修复,以及对工具面板等功能的更大改进。具体来说,工具面板有助于增强使用此版本更多块中存在的众多设计工具的部分体验。 这是您与更多工具交互或重置更改的交互对象。通过改善使用它的任何地方的体验,提高这个单一工具的可访问性会产生级联影响。  

  • 添加更好的 ARIA 标签来切换摘要面板中的按钮
  • 将 aria-checked 添加到选定的标题级别菜单项。
  • 将标签添加到预览选项下拉菜单
  • 关闭欢迎后,内容为空,关注标题字段
  • 允许在组块中定义一个 aria-label,允许用户和主题作者在他们的模板中手动定义一个 aria-label。
  • BorderControl:使用 fieldset 和 legend 更新标签、工具提示和换行
  • 在 Windows 上更改重做工具提示的快捷方式文本
  • 将 BoxControl ARIA 角色从区域更改为组。
  • ComboboxControl:生成 instanceId 时使用自定义前缀
  • 改进屏幕阅读器为 BottomSheetSelectControl(移动)阅读的文本。
  • 块编辑器:将 aria-owns 替换为 URLInput 中的 aria-controls
  • 块编辑器:从 LinkPreview 中删除 aria-selected
  • 修复从目录安装块时发生的焦点丢失
  • 修复导航指南组件时的焦点丢失
  • 从链接控制搜索结果创建页面时修复焦点丢失
  • 修复了更改递归提供程序的 id 可能导致焦点丢失的问题
  • 修复启用“显示按钮文本标签”时顶部工具栏按钮的工具提示和样式
  • 修复段落块从左到右控件的标签和语义
  • 修复切换块插入器按钮上不匹配的标签和可见文本
  • 修复:水平移动块移动器的描述文本
  • 列表视图:添加角色=应用程序以防止在 NVDA 中触发浏览模式
  • 防止通过输入键导航 url 输入建议选择
  • 防止在编辑器中打开链接
  • 查询循环:从辅助技术中隐藏分页链接箭头
  • 查询循环:添加 aria-hidden 以查询分页箭头
  • 分隔符:通过 block.json 禁用 contrastChecker
  • 表格块:修复选择“创建表格”按钮后的焦点丢失
  • TokenInput 字段:尝试解决屏幕阅读器焦点问题的替代方法
  • 工具面板:通过解决各种标签和焦点丢失问题来提高可访问性。
  • URLInput 现在总是有一个 ID 和可访问的标签
  • 写作流程:修复某些输入类型的焦点陷阱
  • WP 帖子嵌入:缺少标签和重复 ID
订阅评论
提醒
guest的头像

0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x