可访问性指导 - 数字内容

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

这包括人们:

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

网络无障碍与法律

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

我们的数字内容无障碍指南是基于这些标准。

这意味着我们发布的内容将满足:

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

可访问PDF

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

在HSE网站上发布PDF

图像

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

使用alt文本进行图像

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

Alt text为看不到图像的人提供与他们看到的图像相同的信息。它不应该是图像的文字描述。它应该解释图像的意义。

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

  • 使用屏幕阅读器-文本替代品可以读出或呈现为盲文
  • 使用语音输入软件-用户可以把焦点放在一个按钮或链接图像与一个单一的语音命令
  • 浏览支持语音的网站-可以大声朗读文本

对于所有alt文本,请遵循本样式手册中的语言规则。要简明、清晰、直接。Alt文本应该描述图像和具体。利用图片的主题和背景来指导你。

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

组图片

一组图像可以表示相关图像的集合。例如,显示一系列练习姿势。在这种情况下,每个图像都需要alt文本来单独描述它,以及它在组中的关系。

图表

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

功能图像

我们不包括作为按钮的图像,因为这些不是所有用户都可以访问。唯一的例外是标题中的徽标,它会将您带回主页,例如,HSE站点徽标。

装饰性图像

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

发布图像

视频和音频

所有视频和音频控件都应该可以通过键盘访问。

预先录制的视频和音频

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

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

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

音频描述描述仅以视觉方式呈现的内容,例如,没有口头描述的图表。它们可以包括在主音轨,在另一个音轨或文字记录。

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

现场视频

视频中所有的音频直播内容必须提供字幕。对于演讲来说,它们必须包括对话,确定谁在说话,记录声音效果和其他重要的音频。

文本

简单的语言有益于所有用户,包括:

  • 具有认知残疾人
  • 阅读能力低
  • 谁的母语不是英语
  • 第一次尝试理解一个话题的人

使用简单的语言和格式,简短、清晰的句子和段落。

规则语言

页面标题

页面标题可以帮助用户找到他们想要的内容,并识别它们是否在正确的位置。当用户访问某个页面时,它可能是屏幕阅读器首先读取的内容。它们出现在站点地图中。标题是出现在搜索结果中的文本链接。

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

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

创建好的页面标题

标题和副标题

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

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

标题应始终嵌套和连续。

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

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

创建良好的标题和副标题

定向语言

不要使用提示读者“看到”页面布局或设计的说明或任何语言。有些用户看不到单词和对象之间的空间关系。

不要说“使用右边的链接”或“见上图”。

链接和按钮

链接或按钮需要有意义地脱离上下文,因为使用屏幕读者的人经常扫描孤立的链接列表。它们没有周围的背景来帮助他们了解链接是什么。

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

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

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

其他语言链接

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

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

创建好的链接

桌子

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

可访问的表需要HTML标记来指示标题单元格和数据单元格并定义它们之间的关系。辅助技术使用这些信息为用户提供上下文。

没有结构标记来区分和正确链接标题和数据单元格的表,会造成访问障碍。使用结构化标记,屏幕阅读器可以在用户浏览表时读取行和列标题。

创建可访问的数据表

颜色

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

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

非文字对比

视觉呈现时,与相邻颜色的对比度应至少为3:1:

  • 用户界面组件
  • 状态(焦点、悬停、选择、按、选中、已访问或未访问以及展开或折叠)
  • 图形对象

文本对比度

文本和文本图像的视觉呈现应具有至少4.5:1的对比度,但大比例尺文本和大比例尺文本图像除外。

自定义样式(内联CSS)

不要使用内联级联样式表(CSS)来定制样式,例如,内容页上的定制按钮和字体。

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

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

资源

A-Z可访问性

网站样式指南辅助网站

18F无障碍指南

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