关于面包屑的无障碍讨论

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

这个需求并不是个例。

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

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

方案一:

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

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 条评论
登录 后参与评论

相关文章

来自专栏java一日一条

JAVA要死了吗?不!我来告诉你为什么!

我们看到“Java 死了吗?” 这个问题,年年都被抛出来,然而至今为止,从所有的第三方统计来看,Java 不仅活的很好,还在保持增长。虽然不断有新的语言面世,T...

672
来自专栏Albert陈凯

Scala难道会成为大数据世界的通用编程语言?

译者:刘旭坤 原文链接:http://www.datanami.com/2015/08/10/will-scala-take-over-the-big-data...

2233
来自专栏企鹅号快讯

对5种主流编程语言的吐槽

不可否认,想要成为一名优秀的程序员确实是需要掌握多种编程语言。通过这几年的自虐式学习,小编也慢慢的掌握了这些编程语言。接下来要为大家,介绍五款让人又爱又恨的编程...

1967
来自专栏码神联盟

碎片化 | 第一阶段-02-Java的跨平台性-视频

如清晰度低,可转PC网页观看高清版本: http://v.qq.com/x/page/e05653gnkoa.html Java语言概述 是SUN(斯坦福大学...

4007
来自专栏张善友的专栏

面向服务架构(SOA)和企业服务总线(ESB)

学习和研究在企业中实施面向服务架构(SOA),简单回顾SOA和ESB,重点关注微软在SOA领域的相关指导和.NET社区的相关开源的解决方案,和大家一起来探讨如何...

2438
来自专栏即时通讯技术

微信团队分享:Kotlin渐被认可,Android版微信的技术尝鲜之旅

本文由微信开发团队工程是由“oneliang”原创发表于WeMobileDev公众号,内容稍有改动。

730
来自专栏我是攻城师

盘点大数据生态圈,那些繁花似锦的开源项目

34211
来自专栏牛客网

Java实习总结网易百度小米美团阿里(均offer)

1263
来自专栏娱乐心理测试

关于iOS实现前台,后台,锁屏或关闭app语音播报

4904
来自专栏JAVA高级架构

两个月拿到N个offer,看看我是如何做到的

1181

扫码关注云+社区