关于面包屑的无障碍讨论

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

这个需求并不是个例。

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

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

方案一:

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

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应用中常见的JDBC连接字符串(SQLite、MySQL、Oracle、Sybase、SQLServer、DB2)

Java应用中常见的JDBC连接字符串 Java应用中连接数据库是不可或缺的,于是便整理一些可能用到的JDBC的jar包及其相匹配的URL,以备日后查阅。 1)...

2970
来自专栏吴伟祥

Java Calendar 类的时间操作 原

Calendar 的 month 从 0 开始,也就是全年 12 个月由 0 ~ 11 进行表示。

873
来自专栏跟着阿笨一起玩NET

GB2312转换成UTF-8与utf_8转换成GB2312

2291
来自专栏张善友的专栏

Using sqlite with .NET

The other day I found that there is a .NET wrapper for sqlite. sqlite is a very ...

2508
来自专栏积累沉淀

Hive2.0.0操作HBase 1.2.1报错解决

首先看错  org.apache.hive.service.cli.HiveSQLException: Failed to open new session: ...

2549
来自专栏听雨堂

想修改CSS

      下载了一个“通用”的CSS文件,本来想偷懒的,结果发现有问题,就是它用的颜色是变量定义的,无法识别。我又找不到在哪里可以定义。 BODY{     ...

22210
来自专栏菩提树下的杨过

MSDN官方的ASP.Net异步页面的经典示例代码

示例1.演示异步获取一个网址的内容,处理后显示在OutPut这一Label上 using System; using System.Web; using S...

2135
来自专栏阿炬.NET

c# datetime 格式化

2996
来自专栏互联网开发者交流社区

WinForm之窗体应用程序

2083
来自专栏成长道路

JDBC动态SQL语句连接orcale数据库的工具类

import java.sql.Connection; import java.sql.DriverManager; import java.sql.P...

2700

扫码关注云+社区