使用Title提升可访问性
作者：一叶千鸟 来源：千鳥志 发布时间：2009-04-04 17:06:00
最早大家都没有给链接加title的习惯，后来因为w3c标准普及，又集体加上了title。从一个极端走到另个极端，于是出现很多怪异现象。两方面，第一a标签内title不是必须使用，第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。
抛开标签语义、搜索引擎友好等因素，在纯用户角度找几个场景来分析。
列表内容被截断后通过title显示完整，此时如果没有被截的链接，也会被再显示出来。试想本来已经看清楚的信息，触发又提示一遍，传达是不是感觉很婆妈。如果没有截的链接控制不输出title，效果或许合理很多。或者title在此时根本就不应该？印象中英文好站似乎很少做列表截取。
最典型类似对icon图示的辅助说明，可以最大化平衡界面复杂度与可操作性。并且针对某些群众认知度比较高的操作，如果图形传达到位，完全可以使用icon代替，更多交互场景请参考臭鱼在06年完成文字还是图标的总结。
在导航系统的各条目中，title主要作用是做补充说明。同时也对应可访问性原则中，要求导航传达清晰简洁的建议。用户感兴趣后操作触发，再title提示更多详细，强调信息引导而不是推送。
还有种做目地指引之用的案例，明确告知用户这个链接做什么？到哪里？在某些容易引起误会，或者不是很清晰的地方效果比较好。另外title不在a标签内也有广泛应用，典型如表单。可以为用户提供更精准、得体的操作指引，并且我想一定程度上可以代替明文提示。
学以致用，顺手给评论模板加了条语句。上次改的时候本想写出来，又感觉多余，现在好多了。准备动手评论的用户，自然会看到，并且这么土的语句也没有兼容性问题。
相应的不良应用不再图示举例，互联网上不胜枚举，深入分析语义和用法不仅能纠正错误、开拓思路，而且能贯通很多理论上的困惑。总结起来，title并不像seo从业者鼓吹的那么简单，在用户角度除避免与文字、图形重复传达，主要有三类用途：
描述非文本内容
补充说明文本内容
操作指引
0
投稿猜你喜欢
- 最好的方法： 先说一下基本的东西： <％@ codepage=65001％>UTF-8 <％@&nbs
- Apple4.us的张亮问我：“很多人说用户体验是苹果的核心竞争力。在用户体验方面，我究竟该从苹果的设计中学习什么” ？关于这个问题的答案我
- GetRepeatTimes(TheChar,TheString) 得到一个字符串在另一个字符串当中出现几次的函数(新)如：response
昨晚着手给个人博客增加网易微博的调用，在Opera下却出现了一个意想不到的问题。内容的展示，一开始是做成横向不间断滚动（现在已经改成纵向定时- 代码如下:SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO /* by kudychen 2
- ASP具备动态输出任一Office应用程序文件格式的功能。在开始编写代码之前，我们首先需要做的就是设置正确的文件类型，因为浏览器需要知道如何
- 首先呢，需要有两个mysql服务器。如果做测试的话可以在同一台机器上装两个mysql服务程序，注意要两个运行程序的端口不能一样。我用的是一个
- 代码如下:'返回指定文件夹中文件的数目，传入值为被检测文件夹的硬盘绝对路径 function CountFile
- 熟悉SQL的人都知道，完成同一个任务，SQL可能有多种写法，但不同写法的查询性能可能会有天壤之别，本文列举出五个查询优化的方法，当然，优化的
- 本文将介绍在InterDev中实现网上商店购物车功能的方法，具体步骤如下：一、 数据库结构：产品数据表(Products): 存放产品信息产
- 在开始聊我在阿里四个月的网页推广设计之前，我想先来说说我对平面设计和网页设计的认识。它们之间的交集。它们都是集艺术创作、电脑技术和数字技术于
- 看了OReilly.JavaScript.The.Definitive.Guide.5th.Edition.Aug.2006里的cookie
- 上文：栅格:一以贯之Jacci Howard Bear 的英文原文：http://desktoppub.about.com/od/grids
- 我们先看一下淘宝的页面：这么一个庞然大物，该怎么切图呢？显然按照给出的方法也可以完成这项任务，但是做为前端开发的我们是否应该给自己提出更高的
- 107条javascript(js)常用的方法技巧，十分的实用，相信看了下面的这些js编程技巧和方法，能够给javascript初学者解决很
- this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。和其他
- 性能首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难
- select 终极美化，主要是针对下拉框的美化一个很古老的话题了，不过貌似目前为止也没有比较好的做到，在jxdawei的基础上做了
- 一个简单的JS显示日期代码，可以显示星期几<script type="text/javascript">fu
- 说起模板引擎，很多人会认为这是后台的东西（如PHP的Smarty、Java的Velocity），跟前端没有关系。然而，随着前端的逻辑变得越来
