标签归档:wcag2.0

网页内容也可引发癫痫发作

先看两则电影和动画引发癫痫发作的报道:

案例一:

《暮光之城》电影系列大结局的上半集《暮光之城:破晓I》最近在美国上映,吸引众多青年男女结伴观赏,但有癫痫症的人可要小心了,因为现已传出至少两名观众看这部电影看到一半时突然癫痫发作,其中一人必须紧急送医。

加州的布兰登陪女友凯莉去看这部电影,片中女主角贝拉分娩的画面逼真又血腥,同时有红、黑、白三色灯光闪烁,布兰登看到这段时突然全身抽搐,吓坏他的女友。布兰登送医后已经无恙。

另一起事故发生在犹他州南乔丹,一名男子也是在看到上述情节时突然发病,据他的妻子形容,他全身颤抖,眼睛眨个不停,嘴巴喃喃自语。

 癫痫专科医师切兹说,红光闪烁的画面会对大脑造成强烈刺激,加上电影院一片黑暗更凸显刺激效果,可能诱发“光敏性癫痫”(photosensitive epilepsy)。这种偶发的癫痫不会对人脑造成长期影响,若要避免看这部电影时癫痫发作,可戴蓝色镜片过滤红色光线。

——中国时报《看“暮光之城”引發癲癇 美傳兩例》 继续阅读网页内容也可引发癫痫发作

增强网站可访问性的25种方法

随着web使用量的增加和人们网络意识的增强,可访问性(或“通用设计”)变得更加重要。可访问性不仅取决于一个网站的代码,还受网站设计和内容的影响,这就是为什么可访问性、标准和可用性关系如此紧密。

网页无障碍是一个庞大的课题,已自成一个领域。 但不要被它吓到。无障碍并不是非常难以实施。它并不会像一些人想象的会有碍美观或影响交互。这是一种高明的(smart)设计和开发方式。

让我们来看看建立一个无障碍网站的25个重要技术。

1.一致的布局和结构

为了帮助用户快速和轻松地浏览您的网站,你应该提供一个一致的布局和结构。页面的主要元素——banner、navigation、sidebar侧栏,在整个网站中应该出现在的相同位置 。他们也应该标记一致,如使用同一标题结构(heading structure)。这有利于认知障碍者和使用屏幕阅读器(用来处理屏幕上的内容,并大声读出)的用户访问。 继续阅读增强网站可访问性的25种方法

确保DOM顺序与视觉顺序一致

C27: Making the DOM order match the visual order

适用性

CSS与HTML和XHTML使用

该技术涉及:

描述

该技术的目的是确保内容在源代码中的顺序与内容的视觉呈现顺序一致。作者通过改变css可以将同一源代码的内容呈现为多种视觉顺序。每种顺序本身可能有意义,但可能会导致辅助技术用户困惑。这可能是由于用户关闭了作者指定的展现形式,而是直接通过源代码访问内容(如屏幕阅读器),或者使用键盘与内容交互。如果一个使用屏幕阅读器跟踪源代码来阅读网页的盲人用户与通过视觉顺序阅读网页的明眼用户一起工作,当他们以不同的顺序获取信息时,他们可能会遇到困惑。使用屏幕放大镜和屏幕阅读器组合的低视力用户可能会感到困惑,当阅读顺序在屏幕上来回跳转时。当源代码顺序与视觉顺序不匹配时,键盘用户可能会在预测下一个焦点位置时遇到麻烦。

也有这种情况,视觉呈现顺序对页面的整体理解很重要,如果源代码顺序与展现的不同,它可能会更加难以理解。

当源代码顺序与视觉顺序匹配时,每个人会以同一(正确)的顺序阅读内容并与之交互。

注:tabindex属性有两个功能:其一是使元素可获取焦点,另一个是为元素分配在焦点序列中的位置。tabindex等于0可使元素聚焦,但是是以源元素的顺序添加到焦点序列中的。焦点的顺序依照tabindex正值的顺序。设置tabindex值导致元素的顺序与元素在DOM对象模型(DOM)中的顺序不一致,这意味着该顺序对辅助技术用户来说是不正确的。这主要是因为tabindex属性是在HTML或XHTML中定义的,而不是CSS指定。这可能会在未来的规范中改变,它也可能与视觉呈现顺序不一致。

from: Techniques for WCAG 2.0