数字内容的可访问性指南
我们的内容必须可以对需要它的每个人都可以访问。这意味着我们需要确保它可以通过尽可能多的人使用。
这包括:
- 视力下降
- 汽车困难
- 认知障碍或学习障碍
- 耳聋或听证会受损
网络可访问性和法律
公共部门机构必须确保其网站和应用程序可供残疾人访问。这是在爱尔兰,依法中强制执行的欧盟(公共部门机构网站网站的可访问性)法规2020.根据这项法律,我们网站上发布的所有内容必须符合Web内容可访问性指南2.1 AA标准至少。
我们的数字内容可访问性指南基于这些标准。
这意味着我们发布的内容将符合:
- 我们的用户的需求
- 可访问性标准
- 我们的法律义务
可访问的PDF
HSE网站上的内容必须在可能的情况下作为HTML网页发布为HTML网页,而不是PDF格式。这将意味着我们的内容可以通过尽可能多的人使用,包括残疾人。
图片
不要在图像中嵌入文本。屏幕阅读器无法读取它。
对图像使用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样式覆盖这些自定义样式表,导致它们不再工作。