|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
当扫瞄器买主歪曲了尺度而且自顾自的不按划定规矩往做一些事,他们大概会形成一些成绩,大概最少发生了搅浑。例子之一就是一些扫瞄器处置alt属性(一样平常会被毛病的称作alt标签)的体例,好比具有大批用户的Windows的IE扫瞄器。
交换笔墨(alttext)并非用来做提醒(tooltip),大概加倍切实的说,它并非为图片供应分外申明信息的。相反地,title属性才应当用来为元素供应分外申明信息。这些信息在年夜部分图象扫瞄器里显现为提醒(tooltip),固然打造商能够恣意接纳其他体例衬着title属性的笔墨。
良多人看来对这两个属性感应利诱(比来这个成绩在WebStandardsGroup邮件列内外变多了),以是我写下我的设法,怎样往用它们。
alt属性
为不克不及显现图象、窗体或applets的用户代办署理(UA),alt属性用来指定交换笔墨。交换笔墨的言语由lang属性指定。
来历:Howtospecifyalternatetext.
Alt属性(注重是“属性”而不是“标签”)包含交换申明,关于图象和图象热门是必需的。它只能用在img、area和input元素中(包含applet元素)。关于input元素,alt属性意在用来交换提交按钮的图片。好比:<inputtype="image"src="image.gif"alt="Submit"/>.
利用alt属性是为了给那些不克不及看到你文档中图象的扫瞄者供应笔墨申明。这包含那些利用原本就不撑持图象显现大概图象显现被封闭的扫瞄器的用户,视觉停滞的用户和利用屏幕浏览器的用户。交换笔墨是用来替换图象而不是供应分外申明笔墨的。
在写交换笔墨前细心想一想,包管那些笔墨的确为那些看不到图象的人供应了申明信息,而且在高低文中成心义。关于那些粉饰性的图片可使用空的值(alt="",引号两头没有空格),而不是利用不相干的交换笔墨好比“bluebullet”大概“spacer.gif”。不要疏忽它,假如你疏忽了,那末一些屏幕浏览器会间接浏览图象文件的文件名,那些笔墨扫瞄器,好比Lynx会显现图象文件的文件名,而那关于你的扫瞄者就没甚么用了。
包括笔墨的图象图片设置交换笔墨是最复杂的,图象中包括的笔墨一样平常来讲就能够作为alt属性值。
至于交换笔墨的长度,看看WCAG2.0(网站内容可用性指南2.0)是怎样说的:
Alt属性值得长度必需少于100个英笔墨符大概用户必需包管交换笔墨尽量的短。
我把它了解为“尽量短,尽必要长”。
即便你想让它显现为提醒(tooltip),也不要给笔墨元素利用alt属性,这并非它的用法。至今据我所知,那样做仅能在Windows的IE扫瞄器和陈旧的Netscape4.*(windows版本)无效。没有一个Mac的扫瞄器会将它显现为提醒(tooltip)。
当扫瞄器把交换笔墨显现为提醒(tooltip)后,那些毛病利用alt属性的举动也遭到了勉励。一些人入手下手写偶然思的交换笔墨,由于他们趋势于以为它是一个分外的申明信息,而不是不克不及显现图象的交换。其别人大概不想让提醒(tooltip)呈现,然后就完整疏忽了写alt属性值。这些毛病的做法,都给那些不克不及看到图象的扫瞄者形成了坚苦。
分外的申明信息和非实质的信息请利用title属性。
title属性
title属性为设置该属性的元素供应倡议性的信息。
来历:Thetitleattribute.
title属性能够用在除base,basefont,head,html,meta,param,script和title以外的一切标签。可是并非必需的。大概这恰是为何良多人不分明什么时候利用它。
利用title属性供应非实质的分外信息。年夜部分的可视化扫瞄器在鼠标悬浮在特定元素上时显现title笔墨为提醒信息(tooltip),但是这又由打造商来决意怎样衬着title笔墨。一些扫瞄器会将title笔墨显现在形态栏里。好比初期版本的Safari扫瞄器。
title属性有一个很好的用处,即为链接增加形貌性笔墨,出格是当毗连自己并非非常分明的表达了链接的目标。如许就使得会见者晓得那些链接将会带他们到甚么中央,他们就不会加载一个大概完整不感乐趣的页面。别的一个潜伏的使用就是为图象供应分外的申明信息,好比日期大概其他非实质的信息。
title属性值能够比alt属性值设置的更长。不外要注重的是,有些扫瞄器会截断太长的笔墨(好比工具提醒或其他)。好比Mozilla中心的扫瞄器只能显现开始的60个字符。这被以为是一个Mozillabug,这是你要注重的。
利用前先思索
我的倡议是包管交换笔墨(alttext)精要。在年夜多半的使用里,都应当被留白,alt=""(注重两引号中没有空格)。想一想那些图象,为那些扫瞄者供应了甚么样的信息,你应当用甚么笔墨往形貌它,大概你该为看不到图象的人供应甚么信息?将交换笔墨写成“照片:站在年夜楼外的CEO,穿戴灰色西装和玄色领带,看着天”关于看不到图象的人真的有匡助?假如你以为是,那末你就写吧。在良多情形下,我以为让交换笔墨留白对照好。
关于title属性,对照难于给出严厉的利用申明。我年夜部分用在那些不克不及自我释意的链接上,好比统一页面上的不异的链接笔墨,分歧的链接页面。偶然候也为一些按钮大概表单位素供应更多的申明笔墨。
更长的形貌
当一个图片必要加倍长的形貌,而凌驾alt属性的限定,那末另有一些选择。
longdesc属性能够用来供应链接到一个包括图片笔墨形貌的独自页面。这就意味着把扫瞄者链接到别的的页面,这大概会形成了解上的坚苦。别的扫瞄器关于longdesc属性的撑持也是纷歧致的,而且不长短常好。
longdesc属性能够包括一个链接到以后文档的其他部分(锚点)来代替链接到别的的页面。在Accessibilityfootnotes,AndyClarke很好的注释申明了怎样使用。
形貌链接(Dlinks)能够用来增补longdesc。一个形貌链接就是一个惯例的链接,毗连到含有交换笔墨的页面。该链接被置于图象的中间,而且在一切扫瞄器中都是但是的。关于它的无效性人们有良多分歧定见,我的团体定见不年夜喜好这个注重。WCAG也是,在他们的事情草案HTMLTechniquesforWCAG2.0中,形貌链接是被“不同意”的。
假如对图片的长的形貌关于任何扫瞄者都有效,那末你得思索让它复杂的显现在统一个文档内里,而不是链接到其他页面里大概躲起来。如许每一个人都能够浏览到。这是一种复杂低手艺含量的办法。
</p>
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。 |
|