More、更多、上一页、下一页等是网页中经常用到的,意思是指点击这里以获得更多的信息和炼接到上、下页,你可在Title标签里加上更多的信息作简单描述,对于大多数的用户是没有问题的,但对于使用屏幕阅读器的用户来说,MORE、下一页等就不能得到信息了,如何解决?
解决方法
对于支持CSS的大多浏览器,CSS可用来隐藏对"More"和“更多”的简单描述,而老的不支持CSS的浏览器和屏幕阅读器又可方便阅读到全部的内容。
xhtml
<a href="http://www.forest53.com/tutorials" title="关于具有亲和力和无障碍化的文章">More <span>关于具有亲和力和无障碍化的文章</span></a>
CSS
span{ position: absolute; left: -999em; width: 10em; }
这样将span标签中的内容移到离屏幕左边999em的地方,正常使用样式表是看不到的.