使用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从业者鼓吹的那么简单,在用户角度除避免与文字、图形重复传达,主要有三类用途:

  1. 描述非文本内容

  2. 补充说明文本内容

  3. 操作指引

标签:标准,访问性,title
0
投稿

猜你喜欢

  • Django前端BootCSS实现分页的方法

    2023-12-21 01:45:34
  • python实时分析日志的一个小脚本分享

    2021-03-26 14:12:29
  • Python使用Pillow进行图像处理

    2023-10-29 05:59:27
  • python内置函数:lambda、map、filter简单介绍

    2021-06-06 02:06:01
  • Python fileinput模块使用实例

    2021-11-28 09:01:18
  • SQL Server2005下的安全操作技巧分享

    2024-01-28 07:25:02
  • 微信小程序开发之实现心情记事本

    2024-04-18 09:45:20
  • python根据文章标题内容自动生成摘要的实例

    2021-04-28 10:03:10
  • python基于twisted框架编写简单聊天室

    2021-12-12 17:56:51
  • Python3如何使用多线程升程序运行速度

    2023-02-06 05:11:42
  • go语言中sort包的实现方法与应用详解

    2024-02-20 13:56:39
  • python清除函数占用的内存方法

    2021-10-29 19:15:47
  • MATLAB plot函数功能及用法详解

    2022-09-08 15:55:21
  • 详解vue-router 动态路由下子页面多页共活的解决方案

    2024-04-27 16:01:22
  • vscode的几项基本配置详解

    2022-05-13 23:28:29
  • 一文搞懂 parseInt()函数异常行为

    2024-04-30 08:57:11
  • debug case: onsubmit=return false依然能提交

    2009-01-18 13:07:00
  • 教你快速掌握怎样在Windows下升级MySQL

    2008-12-31 17:08:00
  • 函数式编程让JS更优美

    2008-06-10 12:40:00
  • Python区块链创世块创建教程

    2023-10-10 06:25:52
  • asp之家 网络编程 m.aspxhome.com