☰

accessibility_知乎键盘访问优化

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

2018-04-21 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

ئاپتورى
Veg
باھا نومۇرى
0 0 0
نەشرى
0.5
قۇرۇلغان ۋاقتى
2018-01-14
يېڭىلانغان ۋاقتى
2018-04-21
Size
19.6 KB
ئىجازەتنامىسى
يوق
قوللايدىغىنى

功能说明

已实现的快捷键。

内容区快捷键：
A 下一条内容，如果焦点不在内容区域，则聚焦到第一条内容。
Z 上一条内容，如果焦点不在内容区域，则聚焦到页面上的最后一条内容。
V 赞同，在首页时间线上，也可给文章点赞。
D 反对。 // 有彩蛋 1234。
T 感谢。
W 展开/收起聚焦的动态。
F 展开收藏。 // 收藏展开后，可按 esc 关闭，知乎功能。
S 展开分享。 // 分享展开后，可按 esc 关闭，知乎功能。
C 展开/收起评论，评论是页面内展开的情况下 C 可收起。 // 如果是弹窗显示的评论，可用 esc 关闭弹窗，知乎功能。

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

以实现的优化：

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