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