关于面包屑的无障碍讨论

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

这个需求并不是个例。

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

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

方案一:

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

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

原创声明,本文系作者授权云+社区-专栏发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Sign

关于观测者 ARVR类小说

最近打算帮dolo塑造一下世界观,主要是一个『武器商人』的世界。 本来是想先用小说搭建下脚本,不过我自己其实本质上不喜欢写小说。 故事最优先通过游戏表达,其次是...

2556
来自专栏域名资讯

多款数字域名结拍,776.com拍出9.85万元

最近,域名市场不少品相不错的数字域名结拍了,其中包括776.cn、51678.com、551155.com等。

1616
来自专栏知晓程序

想和时间做朋友?这 5 个小程序你一定会喜欢!

那是一个雨天的下午,一名 15 岁的洛杉矶少年,在一张黄色便条上写下了 My Life List(生命清单),列出了他人生的 127 个目标。

511
来自专栏牛客网

腾讯面经 一面

春招的简历被捞起来,接到电话都是懵逼的。。一上来先问面试官 不好意思咱们这是个啥部门啥职位啊,然后才是知道是c++研发...

812
来自专栏数据派THU

通过7个函数解密区块链(附代码)

我想对很多人来说,区块链是一种很难理解的技术,虽然我也看了很多视频和文章,但从我个人角度来讲,直到我开始写一些简单的区块链应用,我才真正理解了它是什么以及它的潜...

962
来自专栏老九学堂

【吐槽】老程序员如何理解面向对象

嫩程序猿:“您如何理解 面向对象编程?”老程序猿:“我通常面向屏幕编程,面向对象一般都是编瞎话。。。 ? “C++一出来,立刻就宣告C过时了!”“何以见得?”“...

2736
来自专栏区块链大本营

0.166666667小时,教会你深挖以太坊数据层

从架构设计上来说,区块链可以简单的分为三个层次,协议层、扩展层和应用层。其中,协议层又可以分为存储层和网络层,它们相互独立但又不可分割。

705
来自专栏区块链入门

【深度知识】10分钟教会你深挖以太坊数据层

在当下数据爆炸的信息时代,凭借区块链去中心化、点对点和防篡改的特性,“区块链+大数据”已成为研究的热门,可以说,区块链与大数据的结合为今后区块链应用的大规模落地...

942
来自专栏编程

前沿Python技术:用不到50行的Python代码构建最小的区块链

尽管一些人认为区块链是一个等待问题的解决方案,但毫无疑问,这种新技术是计算机的奇迹。但是,区块链到底是什么呢区块链 它是比特币或其他加密货币进行交易的数字账本,...

2400
来自专栏资深Tester

软件测试人员应该如何解决面试中不会回答的问题

1936

扫码关注云+社区