RSS
热门关键字:  Linux  图形  项目管理  LAMP  java
当前位置 : 主页>开源技术>AJAX技术>列表

让更多和下一页链接具有亲和力和无障碍化

来源:中国开源社区 作者:sherman 时间:2007-09-18 点击:

More、更多、上一页、下一页等是网页中经常用到的,意思是指点击这里以获得更多的信息和炼接到上、下页,你可在Title标签里加上更多的信息作简单描述,对于大多数的用户是没有问题的,但对于使用屏幕阅读器的用户来说,MORE、下一页等就不能得到信息了,如何解决?

字串4

解决方法

对于支持CSS的大多浏览器,CSS可用来隐藏对"More"和“更多”的简单描述,而老的不支持CSS的浏览器和屏幕阅读器又可方便阅读到全部的内容。

字串3

xhtml

<a href="http://www.forest53.com/tutorials" 

  title="关于具有亲和力和无障碍化的文章">More 

   <span>关于具有亲和力和无障碍化的文章</span></a> 字串2 

CSS

span{      

position: absolute;

left: -999em; 

  width: 10em; 

  }     字串9 

这样将span标签中的内容移到离屏幕左边999em的地方,正常使用样式表是看不到的.

字串5

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册