accessibility_知乎键盘访问优化

针对知乎的屏幕阅读器可访问性优化

目前为 2019-02-13 提交的版本。查看 最新版本

作者
Veg
评分
0 0 0
版本
0.6
创建于
2018-01-14
更新于
2019-02-13
大小
21.9 KB
许可证
暂无
适用于

功能说明

已实现的快捷键。

内容区快捷键:
A 下一条内容,如果焦点不在内容区域,则聚焦到第一条内容。
Z 上一条内容,如果焦点不在内容区域,则聚焦到页面上的最后一条内容。
全局快捷键:
Alt + 大键盘 1
首页可聚焦到右侧栏的 Live 上。
单一回答页可聚焦到查看全部 X 个回答上。
个人主页可聚焦到关注了 X 人上。
Alt + 大键盘 2 可聚焦到翻页器的上一页。
Alt + 大键盘 3 可聚焦到翻页器的下一页。
Alt + Q 如果展开了多个评论区,可一件关闭,关闭后的焦点会聚焦在最后一个评论区的 X 条评论上。
Ctrl+ Q 首页可聚焦到公共编辑动态上。
F2 展开评论后,可聚焦到第一条评论上。
注:以上所有快捷键,当焦点处于搜索输入框、评论输入框、回答输入框、建议反馈输入框、都不可使用。

以实现的优化:

优化一些元素名称:
顶部的消息、私信、我按钮。
赞同、赞、反对、鼓掌、移除按钮。
优化 data-tooltip 的工具提示:
现在使用屏幕阅读器可以读出工具提示的文字了,如不感兴趣、用户标识等。
优化对话框:
给 Modal 对话框增加了 dialog 属性。
通过 aria-labelledby 属性给 Modal 设置了对应的名称。
优化排序菜单和一些菜单项目的键盘访问。
优化登录(不可用)知乎的键盘访问:
处理了切换登录(不可用)和注册(不可用)的按钮无法通过键盘访问的问题。
给社交帐号登录(不可用)的三个按钮增加了相应的名称。
优化了点击阅读全文和收起的键盘焦点:
现在焦点会定位在该条动态的问题或文章标题上。
隐藏了一些重复的元素:
首页右侧栏的重复项目、问题页的重复问题标题、个人主页的重复标签项。
优化了一些元素的选中提示。
自己回答的设置菜单中,已选中项目的提示,现在可以知道关于转载和评论的设置,选中的是哪一项了。
点首页的不感兴趣后,选择屏蔽的项目的提示,现在点击了相应的项目后,会提示哪些项目是已选中的。
点击回答的赞同、反对,时间线上文章的赞、评论的赞按钮,现在点击后,文本提示会相应产生变化。
删除了选择语言的项,当页面内存在富文本编辑器,选择语言的项不会在出现。
删除了动态中的用户头像。
优化了评论的键盘访问,现在使用光标访问评论效率更高。
给没有 alt 属性的图片增加了 alt 属性。

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址