accessibility_知乎键盘访问优化

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

目前为 2018-03-31 提交的版本。查看 最新版本

作者
Veg
评分
0 0 0
版本
0.4.1
创建于
2018-01-14
更新于
2018-03-31
大小
17.3 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 属性。

QingJ © 2025

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