建立POUR网站:可访问性的4个原则

2019.07.18 mf_web

214

可访问性的4个原则

成功标准和指南是围绕这四项原则设计的,这些原则构成了任何个人访问和使用网络上任何内容所必需的基础。任何想要使用网络的个人都必须拥有可操作,可感知,健壮且易于理解的内容。这是将WCAG指南组织成原则的新设计。执行这些指导组时,这些原则可以成功完成。总体目标是成功实现这四项原则,如果这4项原则中的任何一项都不成功,那么任何残疾用户在尝试使用网站时都会遇到困难。

每项原则都有一套准则和成功标准,有助于为残疾用户解决这些原则。有许多可用性指南可以使每个人(包括残疾人)更容易使用内容。

可访问性的4个原则

1.网站必须是可以想象的

实质上,用户界面组件和信息必须以用户可以感知它的方式呈现。所呈现的信息对于他们的任何感官都是不可见的。

网站应该能够被具有一系列敏锐的偏好和需求的个人访问,但也应该能够被翻译者和搜索引擎等机器人看到。用户界面和信息必须解决这种类型的障碍,并且如果用户不能使用他们的某种感官,则必然会提供替代方案。这将包括文本替代,基于时间的媒体,适应性媒体和可区分的媒体。

在提供文本替代方案时,您提供了一种方法,可以将非文本内容转换为个人需要的其他形式的通信,如符号,语音,大字体或盲文。可以以这些口头,视觉或触觉方式呈现文本,以便能够呈现文本信息,然后将其操纵成最能满足用户需求的任何形式。一个例子可能是盲人如果他们的浏览器能够大声读取文本替代品将能够理解图片。或者,如果聋人在屏幕上显示文本替代,他们将能够理解音频文件。

什么是非文本内容以及如何提供替代方案?数据图表可以使用短标签以及作为高级摘要的描述进行补充。音频录音应提供音频链接内容的描述以及文本记录的链接。可以通过指示声音意味着什么的文本来补偿声音效果。应为内容图像和照片提供描述图像及其内容的替代文本。

基于时间的媒体或同步媒体仅包括音频,仅包括视频,音频和视频,以及与交互相结合的音频和/或视频。建议为仅音频组件提供脚本,并且提供指向提供相同信息的信息文本的链接。对于没有声音的剪辑,应该有一个说明“此剪辑中没有声音”的效果,如果有不同语言的音轨,则应使用同步多媒体集成语言提供字幕,或SMIL。

2.网站必须可操作

简而言之,导航以及用户界面组件必须是可操作的。这是什么意思?用户必须能够成功操作界面。失败意味着界面需要用户无法执行的某些交互。这是如何成功完成的?

首先确保键盘可以通过使用HTML表单链接和控件来控制页面,甚至提供键盘触发的事件处理程序也可以使用键盘或其他设备,从而通过使用onclick事件使站点键盘上的操作可访问使用锚点或按钮,或冗余的键盘和鼠标事件处理。您还必须确保用户永远不会被困在内容中 - 应始终有一种方法可以退出。

还必须为用户提供足够的时间来阅读和使用内容。如果会话有时间限制,用户应该有办法关闭石灰限制或至少要求更长的会话。此外,允许暂停内容,然后从该点开始。如果有用于滚动内容的脚本,则应提供暂停内容的方法。

自定义内容时,请注意不要使用任何具有闪烁视觉内容的内容,这些内容会导致癫痫发作。您必须确保在1秒内没有任何内容闪烁超过3次。如果有内容必须闪烁,请将其保留在较小的区域并降低对比度。如果有任何爱情材料闪烁内容,请减慢材料的速度。如果在1秒钟内有3次闪烁,您甚至可以将图像冻结一会儿。

您有责任提供帮助用户浏览,查找内容以及确定他们在网站上的内容的方法。为此,您可以限制页面上包含的链接数,使链接在视觉上不同,并提供导航到网页内各个部分内容的方法。建议您为用户提供一种方法,通过允许键盘访问重要内容和网站上的控件,提供访问键,通过提供跳过链接来增强页面导航以及根据内容定位内容来跳过重复的材料块。结构标记。为网页提供描述性标题并为每个网页提供标题也是一种好习惯。

如果找到网页的方法不止一种,您应该最大限度地使用link元素和导航工具,提供站点地图并提供目录。您还应该从主页链接到网站上包含的所有页面。描述性标题和标签至关重要。为了使个人能够导航回主页,应该存在某种类型的面包屑路径,到主页的链接,带有导航条的当前位置的指示,和/或站点地图。 

要使内容具有适应性,必须以不同的方式呈现。建议使用标题组织页面,以最大化关系可预测性的方式定位标签,为不包含隐式标签的所有表单控件提供标签,使用CSS控制文本的可视化表示并使用它而不是用于页面布局的表格。

为了使内容可以区分,背景应该与前景分开。为此,建议使用易于阅读的字体,图像中的文本应至少为14点且对比度良好,并且控件/链接应在聚焦时突出显示。关于颜色,信息应以冗余颜色传达,但用户界面的组件在接收焦点时应改变颜色。关于音频,最佳做法是使声音仅在请求时播放,在3秒内关闭,或者具有容易找到的控制以关闭声音。为了使网站在视觉上可访问,必须使用浏览器的默认值来指定文本或背景的颜色和颜色。也,

3.网站必须易懂

从根本上说,必须能够理解用户界面的信息和操作。用户必须不仅能够理解信息,还能够理解用户界面的操作。

最佳实践包括使用适合内容的最简单,最清晰的语言,使用插图,图像,视频或符号来阐明含义,避免未知的外来词,通过提供实际示例来澄清内容,以及为所有人提供手语解释内容(至少是主要信息)。简单地通过在这样写的语言中使用左对齐文本来设计网站,旨在避免大块斜体文本,使链接在视觉上清晰,使用柔和的背景而不是带有黑色文本的白色背景,并提供易于阅读基本信息的版本 - 包括如何联系网站管理员。您还应该使用HTML元素上的语言属性来识别默认语言。

如果在网页中有一个具有独特含义的异常单词或短语,您应该为第一次出现提供其定义,并提供指向词汇表或定义列表的链接,或者您可以通过链接定义为每个出现提供定义,或提供词汇表功能。如果它在整个同一网页中具有不同的含义,则每次都应链接定义。通过在视觉上格式化它们以使其看起来不同来帮助用户识别具有特殊含义的单词。网页中的任何缩写都是如此。

为确保所有人都能理解内容,您可以提供文本内容的口头版本,提供不需要高级阅读水平的摘要,提供插图以帮助解释想法或过程,并提供手语解释个人使用内容时应了解的信息。对于发音,请提供发音的链接或在单词后立即输入。更进一步,可以在声音文件中提供发音。

网页应该以可预测的方式出现和运行。这怎么可能?使用和放置标签,以便最大限度地提高关系的可预测性。触发上下文更改时,请使用“激活”而不是“焦点”选项。请注意,这不是用于更改内容,并且在打开新窗口时应向用户发出高级警告,并且只有在从可访问性的角度将其视为最佳选项时才应执行此操作。要确保一致的导航,请在多个网页上使用模板,以便它们具有相同的布局,分层,定位和对齐方式。始终使用标题提供特定于上下文的帮助。最后,确保提交的内容是可逆的,检查输入错误的数据并有机会纠正它,并且有一个审查机制,

4.网站必须坚固

内容必须是健壮的,因为它可以被各种不同的用户代理自信地解释,包括诸如辅助技术之类的用户代理。这转化为什么?用户必须能够使用内容,因为技术的进步 - 这意味着随着用户代理和技术的发展和发展,内容应该仍然可访问。代码应该尽可能干净,并且应该遵守标准,以便浏览器能够提供页面。

这是通过验证网页,完全符合规范,根据规范使用HTML,并确保通过确保在规范中使用打开/关闭标记来解析页面来完成的。除此之外,您还应该为没有明显标签的所有表单控件提供标签。

对于任何用户界面组件,可以通过编程方式确定名称和角色,并且可以通过编程方式设置用户可以设置的属性,状态和值,同时可以为用户代理更改这些项目的通知其中包括辅助技术。但是,这主要是针对那些开发自己的用户界面组件的网站管理员。

最新案例

联系电话 400-6065-301

微信咨询 寒总监