数字内容的可访问性指南

我们的内容必须可以对需要它的每个人都可以访问。这意味着我们需要确保它可以通过尽可能多的人使用。

这包括:

  • 视力下降
  • 汽车困难
  • 认知障碍或学习障碍
  • 耳聋或听证会受损

网络可访问性和法律

公共部门机构必须确保其网站和应用程序可供残疾人访问。这是在爱尔兰,依法中强制执行的欧盟(公共部门机构网站网站的可访问性)法规2020.根据这项法律,我们网站上发布的所有内容必须符合Web内容可访问性指南2.1 AA标准至少。

我们的数字内容可访问性指南基于这些标准。

这意味着我们发布的内容将符合:

  • 我们的用户的需求
  • 可访问性标准
  • 我们的法律义务

可访问的PDF

HSE网站上的内容必须在可能的情况下作为HTML网页发布为HTML网页,而不是PDF格式。这将意味着我们的内容可以通过尽可能多的人使用,包括残疾人。

在HSE网站上发布PDFS

图片

不要在图像中嵌入文本。屏幕阅读器无法读取它。

对图像使用alt文本

图像可以在无法访问时创建主要障碍。要访问,它们必须具有替代文本(文本替代方案),用于描述它们所代表的信息或功能。

alt文本给出了那些没有看到图像的人,就像他们一样。它不应该是图像的字面描述。它应该解释图像正在制作的点。

alt文本可确保可由各种残疾人使用的图像,包括人员:

  • 使用屏幕阅读器 - 文本替代方案可以大声朗读或呈现为盲文
  • 使用语音输入软件 - 用户可以将焦点放到一个单个语音命令的按钮或链接图像上
  • 浏览启用语音的网站 - 文本替代方案可以大声朗读

对于所有的alt文本,请遵循本样式手册中的语言规则。简洁、清晰、直截了当。Alt文本应该描述图像并且是具体的。使用图片的主题和上下文来指导你。

在图像的Alt文本中不包括“图像”,因为屏幕阅读器已经识别并将其传送给用户。如果图像是一名护士给人流感刺戳,Alt文本的一个糟糕的例子将是“人入射”。一个很好的例子是“护士用注射器给坐在椅子上的男人。注射进入他的上臂'。

组图片

一组图像可以代表相关图像的集合。例如,显示一系列运动位置。在这种情况下,每个图像都需要单独描述它的alt文本,以及其内部的关系。

图形和图表

复杂图像,例如图形和图表传达数据或详细信息。对于这些,提供图像中提供的数据或信息的全文等效文本替代。

功能图像

我们不包含图像作为按钮,因为所有用户都无法访问这些按钮。唯一的例外情况是标题中的标识,使您回到主页,例如HSE站点标识。

装饰图像

我们不会出于装饰目的发布图像。当文本的视觉呈现对于所传达的信息至关重要时,图像仅添加到内容页面中。例如,特定类型的皮疹或特定物理治疗锻炼位置的照片。

发布图像

视频和音频

键盘应可访问所有视频和音频控件。

预先录制的视频和音频

所有预先录制的视频和音频内容必须具有:

  • 标题(字幕)
  • 音频描述 - 如果音频不呈现必要的视觉内容

标题通常被称为字幕。它们是语音和其他重要音频内容的文本版本。

音频描述描述仅在视觉上呈现的内容,例如,没有语言描述的图表。它们可以包含在主音轨中,在另一个音频轨道中或作为文本成绩单。

为预先录制的视频内容创建字幕

现场视频

必须为视频中的所有音频内容提供字幕。对于一个演讲,它们必须包括对话,识别谁在讲话,并标记声音效果和其他重要的音频。

文本

普通语言使所有用户都受益,包括人:

  • 具有认知残疾人
  • 阅读识字率低
  • 谁的第一语言不是英语
  • 谁试图第一次理解一个话题

使用简单的语言和格式化,简单的句子和段落。

规则语言

页面标题

页面标题可帮助用户找到所需的内容并识别它们是否在正确的位置。当用户访问页面时,它可以是屏幕阅读器读出的第一件事。它们出现在现场地图中。标题是搜索结果中出现的文本链接。

H1与页面标题相同。你应该在一个页面上只有1个H1。

每个页面标题必须是唯一的和描述性的。

创建好的页面标题

标题和副标题

标题应使用HTML 标记正确地进行样式。使用屏幕读者的人经常使用它们来导航。他们跳过文档中的标题列表,以便他们跳到他们正在寻找的内容。

如果你只使用粗体文本或更大的字体来设置标题,屏幕阅读器将无法识别它们为标题。这将阻止用户直接跳到他们需要的内容。

标题应始终嵌套和连续。

从不跳过标题级别的风格原因:

  • H1 =页面标题
  • H2 =副标题
  • H3 =子副标题

创建良好的标题和副标题

定向语言

请勿使用指令或任何提示读者的语言“查看”页面的布局或设计。有些用户无法看到单词和对象之间的空间关系。

不要说“使用”右侧“或”上面的图像“中的链接等内容。

链接和按钮

链接或按钮需要断章取义,因为使用屏幕阅读器的人经常孤立地浏览链接列表。他们没有周围的环境来帮助他们理解这个链接是用来做什么的。

这意味着一个链接应该清楚地描述它将需要的链接,例如:找到您最近的急诊部门(ED)

理想情况下,链接文本应匹配目标页面的标题。如果目标页面有标题Covid-19的症状,这是一个很好的链接文本。

使用“点击此处”等链接文本,“更多信息”或包括链接URL地址不符合可访问性标准。

其他语言链接

如果网页包含与其他语言的页面版本的链接,则每个链接的文本应包含语言的名称并以该语言编写。

每个链接的语言应在LANG属性中指示。

创造好的链接

桌子

表应仅用于显示数据而不是格式化内容。数据表用于组织具有网格中的逻辑关系的数据。如果包括数据表,请确保不留空单元。

可访问表需要HTML标记,指示标题单元和数据单元格并定义其关系。辅助技术使用此信息向用户提供上下文。

没有结构标记的表格在标题和数据单元之间进行区分和正确链接,创建可访问性障碍。使用结构标记,屏幕读取器可以在浏览表中读取行和列标题。

创建可访问的数据表

颜色

颜色不应用作传送信息的唯一视觉方式,指示动作,提示响应,或区分视觉元素。

良好的颜色对比可以帮助人们具有视觉障碍和认知障碍,以更好地在页面上感知内容。

非文字对比

对于视觉演示,应有至少3:1的对比度为至少3:1:

  • 用户界面组件
  • 状态(焦点,悬停,选择,按,检查,访问或未被访问和扩展或崩溃)
  • 图形对象

文字对比

除了大规模文本和大规模文本的大规模文本和图像之外,文本的视觉呈现应具有至少4.5:1的对比度。

自定义样式(内联CSS)

不要使用内联层叠样式表(CSS)进行自定义样式设置,例如在内容页上使用自定义按钮和字体。

具有视觉损伤的用户可能难以阅读在线内容,有时会使用自定义样式表。这允许它们适应颜色和字体大小以满足其需求。

内联CSS样式覆盖这些自定义样式表,导致它们不再工作。

资源

A-Z可访问性

Web样式指南辅助功能网站

18F可访问性指南

Web内容可访问性指南(WCAG)