WebAIM的考察预示,近35%的瞽者很少或者从不运用脚色标示。我本来认为这关于屏幕浏览器用户而言是场恶梦,然而我听到不少瞽者用户说:这是佳的分页!自然,在诵读页面的时机,这会形成一个为难的进展,但,这要比翻到第二页,再从新参观题目以及菜单意思很多多少了。对..

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 设计盲人专用网页

设计盲人专用网页

日期:2013-03-09   来源:原创
092013-03

有人自作愚笨,在页面顶部放了个“间接拜访主体意思”的链接,运用了display:none对于于于眼睛参观的用户潜藏,殊不知屏幕浏览器基本就不鸟整个潜藏的链接⑤。

WebAIM的考察预示,近35%的瞽者很少或者从不运用脚色标示。

跟很多其余人同样,我也是边干边学。我也碰到过瞽者对于于于静态加载很火大的状况,静态加载大概并不运用全部的场所,我的提议是不要认定其无奈拜访;那末你的站点要静态加载意思,先找个瞽者测试下。我学好了不少货色,连大家也没想到的是,这曾经经经改观了我写HTML的形式了。

我本来认为这关于屏幕浏览器用户而言是场恶梦,然而我听到不少瞽者用户说:“这是佳的分页!”自然,在诵读页面的时机,这会形成一个为难的进展,但,这要比翻到第二页,再从新参观题目以及菜单意思很多多少了。对于于于于可拜访性有不少的流言以及误会。使页面更轻易参观轻车熟路,运用该署新技能也是轻车熟路。

 

依据WebAIM的一项钻研,在windows上,大少数的屏幕浏览器用户运用的是Internet Explorer以及Firefox. 在其余罕见参观器上测试大概使不患上失掉瞽者用户的真正字验。

误区1:盲人用户把CSS给屏闭了

下面曾经经经确认了瞽者用户跟咱们运用同样的参观器,因而,禁用CSS这种言论显然是谬论。收费的屏幕浏览器NVDA的用户有大概运用FireFox,小小提议。那末你是那种跟我同样喜爱大家着手型的,挨次试行会失掉不少可贵的教训



② Lynx为纯文本网页参观器,是在存在强调笔墨性能的终端上运用的。但是,在大全体状况下,tabindex只会是事件变患上更加紊乱,会让用户走非畸形论理——我失踪啦!!
 

上周,我想在一个博客上的评说框里容留脚印,在tab键索引每一一个文本框,发明输出考证码的谁人框框如论怎样都使不患上被focus. 我用Chrome家伙一看,奶奶的,本来每一一个框框都配置了tabindex, 惟独某个考证码被藐视了。这是个不值商讨的误区。创立可拜访性网站有累赘,但更多的是单调以及实践。

 

误区2:静态加载意思有碍可拜访性

不少网站(如眼睛微博、企鹅微博)能够静态加载意思,比如,当页面骨碌到底部时机,会静态加载新的的微博,而不须要点击“更多”。OK,那末你有胁迫症,没有alt就感觉这段HTML不完全,内心顺当 ,运用空缺吧,即alt="".

误区3:全部元素都须要Tab索引

哥们,这是祸水,离她远点!Tab索引的目标是克服屏幕浏览器读取意思的倒叙题目,比如有人把“忘却明码”的链接放在明码框前面,招致明码输出结束后,tab索引的时机,不是在提交按钮上,而是“忘却明码”链接上,此时,就须要借助tabindex肯定更好的浏览倒叙(在WCAG 2.0中这理论上被称为“核心倒叙”)。因而,运用JavaScript加强屏幕浏览器用户的可拜访性是彻底可行的,譬如说经过ARIA的role增强键盘导航④。比如,配置了display:none的元素是不会被屏幕浏览器读取的。在创立网站的时机,我老是遵照一些所谓的佳实际,再不运用屏幕浏览器浏览的时机也没有任何题目。这仿佛不是个优哉游哉的差事,并且我还据说这休闲意很贵。

翻译增补诠释:
⑤ 依据测试,不但display:none屏幕浏览器等闲视之,visibility:hidden同样被藐视;

误区4:全部图片须要alt文本

率先,意识到图片<img>须要有alt值来增多可拜访性是很好的,但是,并不是全部的图片都须要增添alt文本,比如一些装璜性的图片元素,配置alt意思相反会让瞽者用户紊乱,这种状况下,你不须要alt属性。现在,JavaScript不但是性能上的有效,并且仍是不少站点精巧体验所务必的。大全体的屏幕浏览器用户运用页面题目继续导航(而不是HTML自身),运用键盘快速键,从一个跳到别的一个。很长一段工夫里,我老是试图在链接上增多title笔墨以形容某个链接,目标是不便屏幕浏览器了解。你觉患上有运用它的起因吗?

@Zeldman 说: 不!不要运用。然而,要切记的是,这不是屏幕浏览器用户参观的绝无仅有形式。并不是全部的网站都运用脚色标示,因而,脚色标示并非一个牢靠的步骤。

我大家以身试水,发明,跳过一个一个不足道的片断意思是很轻易产生的,尤为当网站建造职员没有错误运用题目的时机。

这依然是个叫座话题。个把月前,我花了一个礼拜伪装大家是瞽者,运用一个屏幕浏览器去参观网站,试图去理解瞽者用户怎样去听该署站点的(有图有假相,见下)。屏幕浏览器不是甚么非凡是范例的参观器,这货性能便是读取你正在运用的硬件上的文本。显然,固然蒙住了双眼,但并使不患上给你真正的瞽者体验,因而,我是提议找一个瞽者用户在来用你的网站(据我所知,企鹅的QQ硬件就这么干的),大概至多叫你怎样错误地运用屏幕浏览器。

作为一个脑壳没有被驴踢过前者开辟职员,显然据说过可拜访性某个货色。在将来,我置信瞽者用户会更多地运用构造元素以及ARIA脚色,所以这会让导航更牢靠。某个百分比还将就,然而,当屏幕浏览器以及参观器一块儿搞基的时机,事件就有所相反了。通知你一个会让你掉鼻涕的假相,web开辟职员一见钟情的Chrome参观器只要小全体瞽者用户运用。改观核心倒叙每一一每一一形成的题目要多于修复的,把你的意思倒叙调度正当些,而后跟tabindex说“赛有拉拉”,饿~~貌似不懂日文,无须说”古德拜”。我想,大少数跟我参加相似作业的开辟职员并无真正直家运用过屏幕浏览器。

翻译增补诠释:
④ 淘宝的kissy库中UI模块全体的交互就增多了对于于于aria的支撑,jQuery Mobile也是。这是很不足道的信息,所以这理论回升高了页面可拜访性。我曾经经被一些web开辟职员误导,说测试瞽者用户佳体验的步骤便是运用一个不起眼的纯文本参观器,如Lynx②或者w3m③.
翻译增补诠释:
① 鼠标移到桌面的参观器快速图标上,其余的参观器预示提醒笔墨都是装置门路、硬件姓名等;只要Chrome参观器是”Access this Internet”,我想这种解决大概是为了瞽者用户(纯属集体猜想)。这就象征着瞽者用户运用的是跟各人同样的参观器①。

 

误区5:盲人用户运用纯文本参观器

不要把屏幕浏览器以及参观器搞混了,二者不是狐群狗党色。譬如说下面谁人“忘却明码”,无须放在提交按钮的上面或者前面,或者是有CSS定位到文本框前面,而使不患上间接跟在明码框前面,代码表示如次:

<input type="password" /><a href="#">忘却明码</a>  <input type="submit" />    <input type="password" />  <input type="submit" /><a href="#">忘却明码</a>

误区6:盲人用户运用脚色标示以及HTML5构造元素参观

你无须曾经经经见过新的HTML5元素如<aside>以及<nav>, 能够让咱们的页面意思更存在语义,同样的,ARIA中的脚色标示,如给元素增添role="main"以及role="navigation"来评释元素的目标。我扣问HTML上面专家Jeffrey Zeldman, 咱们能否无须给链接增多title文本,他的答复如次:
 

@silktide 说: 咱们正在钻研链接题目文本,以及怎样不被屏幕浏览器亲睐。这使患上运用键盘提交评说困苦重重。因为瞽者用户运用的便是一般的参观器,因而,用脚指头头想一想也晓患上,其参观器的JavaScript也是启用的。在我颁发了第一篇对于于于于可用性的篇章后,我与一些瞽者用户有一些精美的对于于于话,仅仅是发问你就能学好不少货色。

误区7:盲人用户不启用JavaScript

除了了非艺人,谁会自动去穿褴褛的上装呢?因而,能够想到,有多罕用户会去禁用JavaScript?先前我据说10集体旁边就有1个,但那曾经经经好久好久了,所以过来上装穿患上太好会被当成革命派。只是容易地大家运用屏幕浏览器,我就能学好不少对于于于于瞽者用户怎样参观的网页的常识,以及晓患上怎样创举更好的网站。屏幕浏览器能够读取整个桌面,而不但仅是网页参观器。在不少状况下,CSS会莫须有屏幕浏览器的信息读取。
③ w3m(百科)是个凋谢源代码的笔墨式网页参观器,支撑表格、框架、SSL连线、色彩。当初我是晓患上了,屏幕浏览器压根就不会鸟title属性中的笔墨,这象征着为屏幕浏览器用户增添额定信息的做法是……脱下身放屁——节外生枝。上面该署便是肯定定然以及确定不错误的误区:
 

误区8:屏幕浏览器读取链接题目文本

不试不晓患上,一试吓一跳,这竟然是不错误的。

[ 关键字:盲人专用网页 ]


相关阅读:

在线QQ咨询