体验过了typecho0.9 beta2之后,感觉特别良好。
全新的默认模板,我无法感知到视觉效果如何,但html和css代码是我目前看过的最漂亮的。
尤其值得赞赏的是,typecho0.9在信息无障碍方面做了专门的优化。所有表单元素都使用了label进行文本提示,同时后台模板中已经加入了对landmark的支持。
这些优化,对于我而言是最惊喜的地方,因为这些优化让读屏软件访问的更加流畅,更加高效。
别的暂且不说,先吧发现的问题总结一下:
后台
漏掉landmark的main属性
- 安装完成后,直接进入后台
- 插件管理页面
- 外观管理页面
- 外观编辑
- 外观设置
- 设置的所有子菜单(对于主要内容区域只有一个表单的情况,不写main似乎是更符合实际使用场景)
撰写
“自定义字段”这个按钮没有键盘焦点,目前只能用鼠标点击才能展开。
自定义字段,label关联有错,
for="title"
第一与文章标题的id重复,其次自定义字段里的input都没有写id属性。
读屏软件访问 的结果是文章标题的提示文本关联到了自定义字段最后一个input,也就是字段值,所以会听到很诡异的一个提示,在文章标题却提示“自定义字段值”。
选项和附件两个按钮只能选择显示其中之一,为什么不能两个区域都隐藏呢?
关于日期选择,我想应该是有一个日期选择组建把,如果有的话,貌似无法支持键盘操作。
标签输入框,当标签输入框获得焦点之后,便无法按tab键离开,不知什么原因?
导航菜单
导航菜单的子菜单貌似并不是使用display来显示和隐藏的,而是修改他们的visibility来实现的。
这样对于读屏软件来说,无论子菜单是否可见,都可以被访问到。因为读屏软件并不过滤visibility控制的元素,而display:none时,读屏软件则会自动忽略他们。
究竟是让读屏软件始终访问到子菜单好呢,还是遵循视觉效果一致性,不可见的内容,读屏软件也不该获取到呢?
“管理”菜单
“管理”菜单下的所有功能对键盘访问来说,都有非常大的挑战,具体问题就暂且不说了,后续专门总结。
前台
前台模板还没有加入landmark支持。
评论表单的评论内容,label关联有错,
<label for="textarea"
但后面textarea里并没有这个id。textarea里的name是text,我想id直接用text也应该没问题,那么前面的label也应该改成for="text"
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。