关于面包屑的无障碍讨论

几天前收到一位盲人朋友的邮件，内容如下“您好 能不能增加一个快速跳到新闻列表第一个的热键呢”

这个需求并不是个例。

我开始纠结于一个事情：在文章的底层页如何确定跳到哪个列表是个很关键的问题。

一篇文章可以从属于很多列表，面包屑导航上的链接都可以是这个列表。纠结了很久，到底是按一个快捷键到面包屑导航（包含这个文章所属的频道，一级栏目，二级栏目...），还是直接到这个文字所属的父栏目（也就是“最相关的”的新闻列表）。

方案一：

如果是跳到面包屑的话，那么需要做两件事：第一，解释什么是面包屑导航；第二，在面包屑的各个链接上要给出相应的信息供阅读。

1.解释概念

面包屑导航可以帮助你了解当前页面在整个腾讯网中的位置以及与频道栏目的从属关系。一般格式为：所属频道 所属一级栏目 所属二级栏目

2.代码

<div title="面包屑导航，您可以通过上下键选择要访问的栏目层级" tabindex="0" accesskey="5" style="width:0;height:0;overflow:hidden;display:block;font:0/0 Arial">

<a href="#" title="所属频道">腾讯财经</a><a href="#" title="所属一级栏目">财经资讯</a><a href="#" title="所属二级栏目">宏观经济</a>

</div>

方案二：

<a href="#" title="更多宏观经济相关内容列表" accesskey="5">宏观经济</a>

然后就两种方案找了一些同事和朋友来体验。（其实本应该找一些盲人朋友来测试）收到的反馈几乎是一半一半。

后来，我选择了第二种方案，基于如下考虑：

1.在新版底层页的设计上，放弃了传统的面包屑导航（我个人觉得这点很不友好）

2.对于用户来说，面包屑这个概念需要学习

3.把“最相关”的新闻列表给用户，避免在多选择中迷失

我深深的意识到这三点理由不足以完全使人信服。

此文抛砖引玉，望大家不吝赐教。

新版底层页（全新设计风格和代码）现在只在 新闻、财经、体育、娱乐、公益频道部署，如：http://news.qq.com/a/20121115/000003.htm

其他频道仍为旧版底层页，如：http://lady.qq.com/a/20121115/000266.htm