政策

网站可访问性

于2020年8月4日更新

本文档包含人们创建,获取或更新uedbet官网网站大学​​的指导。它旨在确保我们的网站很容易阅读和容易使用每个人

在本页

这份文件涵盖了什么,谁应该阅读它?

本文档包含人们创建,获取或更新uedbet官网网站大学​​的指导。它旨在确保我们的网站很容易阅读和容易受到每个人的。

您可能正在为网站编写内容。设计一个网站。为网站开发新功能。甚至与外部第三方合作委托网站。在所有这些情况下,您需要产生一个 无障碍 网站。本文档以及它包含的资源将有助于您。

还有许多其他类型的数字内容,这些都需要访问:

  • 视频内容
  • 虚拟现实内容
  • 桌面应用程序
  • 移动应用程序
  • 游戏
  • 互动测验

这些没有介绍在这里。在这些情况下,请使用该情况联系Web服务 帮助4U服务 在启动项目之前进行指导。

    什么是可访问性?

    可访问性是关于使我们的网站提供给每个人。这包括残疾人。有广泛的需求和经验的人。使用可能对我们不熟悉的辅助技术的人。

    为什么可访问性重要?

    可访问性要求是英国法律的一部分。但是,无论法律要求如何,我们的目标是生产完全可访问的网站。这确保了我们的网站具有最大的受众。

    我们有一个法律义务,以确保我们不会歧视任何残疾的人。请看 2010年平等法案 有关此法律义务的更多信息。我们必须避免 无意地或间接地 对残疾人的歧视。缺乏知识或意识不是法律背景下的可接受的借口。

    2018年,英国政府将额外的规定生效: 公共部门机构(网站和移动应用)(第2号)可访问性法规2018。他们规定了网站必须满足 WCAG 2.1 AA. 可访问性标准。必须发布辅助功能声明。截至2019年9月22日,所有新的公共部门网站必须遵守这些规定。所有现有网站必须遵守2020年9月22日。

    该大学有法律义务,可以合理调整,以满足残疾人的需求。这是一 预期的责任。 我们必须有解决方案 提前时间。 根据我们遇到它们的定影问题不是正确的方法。

    英国有超过1000万人患有残疾人:

    • 810万人具有重要视力障碍,包括200万人是盲目的
    • 有听力障碍的人
    • 学习残疾人或认知限制的人,包括添加,减薄,诵读等。
    • 有难以抬起手的人,运动有限
    • 遇到困难的人

    在撰写本文时,英国人口占地6500万。那是周围的 英国6人中有6人患有残疾。其中将是潜在的学生,父母,员工,潜在的员工,校友等。所有访问我们的网站并消耗我们的在线内容。

    大学的可访问性有多重要?

    2013年宣布残疾的英国学生人数为72,852。这是当年学生总数的9.8%(743,380)。 这是英国10名学生的1位。

    邓牛大学的大约10%的学生每年宣布残疾。这个数字每年都变化,但至少的估计 1,400名当前学生 会准确。实际数量将更高,因为该估计不包括未释放的残疾。估计总数为2,000多(约有14,000名学生)不会是不现实的。

    还有一个强大的商业案例可访问。我们的内容越多,我们的受众越大。这有助于我们:

    • 招募新的学生和工作人员
    • 促进我们对更广泛的受众的研究
    • 增加我们吸引新研究人员的能力
    • 与更多校友沟通
    • 吸引更多的财务支持者,等等

    可访问的内容更有可能成为 未来证明。如果屏幕阅读器可以毫无困难地读取页面,那么就可以像Alexa或Siri这样的语音控制助手。

    我们需要考虑哪些残疾?

    网站可访问性超出确保屏幕阅读器可以解释您的页面。实际上存在许多相关条件的多种可访问性。这些条件通常需要专家硬件和软件。

    彩色失明

    颜色视觉缺陷导致众多红色,黄色和绿色的色调的问题。在极少数情况下,有些人遇到了蓝调,绿色和黄色的麻烦。[来源: NHS.]

    彩色失明可访问性差的网站:

    • 有差的颜色对比
    • 依赖于沟通的颜色

    相关条件

    • 红绿色亮相:protanomaly,protanopia,氘甲型,氘
    • 蓝黄色炫目:Tritanomaly,Tritanopia
    • 完整的色盲:锥形单色,棒单色或achroma至psia

    视觉访问

    在考虑视觉访问时,我们必须考虑:

    • non
    • 低愿景的人
    • 障碍障碍的人
    • 老年造成的问题的人

    在全球范围内,3600万人是盲目的。 21700万有中度至严重的视力障碍。[来源: 世界卫生组织]

    相关条件

    • 黄斑变性
    • 糖尿病性视网膜病变
    • 近视
    • 青光眼
    • 白内障
    • 屈光错误

    通信可访问性

    这涉及宣传和通信感知的问题。听力障碍的用户需要包含声音的媒体的标题和回退。

    通信可访问性差的网站:

    • 依靠视频而不提供标题

    相关条件

    • presbycusis.
    • 声学创伤
    • 听觉加工障碍
    • 耳粥样硬化

    物理可访问性

    物理可访问性包括具有灵活性和精确问题的人。具有严重电机损伤的人依赖于辅助技术。该技术包括专门的键盘,眼跟踪器和单个按钮。这些工具使人们能够在网站上导航,更换键盘和鼠标。

    物理可访问性差的网站:

    • 依靠小型命中目标链接和按钮

    相关条件

    • RSI.
    • 脑瘫
    • 帕金森的
    • 肌营养不良症

    认知可访问性

    如果一个人有问题处理信息,他们具有认知残疾。这导致流体智能和晶体智能的问题。晶体智能是我们如何使用技能,知识和经验。它依赖于从长期内存访问信息。

    此类别中还包含识字和算术的问题。

    具有较差认知可访问性的网站:

    • 有一个复杂的布局
    • 依赖于不一致,复杂或隐藏的导航

    相关条件

    • 具体学习难度 
    • (INC。诵读障碍和麻烦)
    • 自闭症谱系障碍
    • 全球发展延误

    情绪或行为可访问性

    情绪或行为残疾涵盖广泛的经常复杂的心理健康状况。我们必须考虑与网站交互时这些条件如何表现出来。例如,填充长,复杂的形式可以让某人感到焦虑或沮丧。使用倒计时或文本,“只剩下5张门票,赶快!”可以为焦虑症的人诱导恐惧,忧虑和恐慌。
     

    情绪或行为可访问性差的网站:

    • 有差的装载时间
    • 有不一致的布局
    • 需要许多复杂的相互作用来实现目标
    • 依赖于不一致,复杂或隐藏的导航
    • 有长表格填写

    相关条件

    [资源: NHS.]

    • 焦虑症
    • 萧条
    • 强迫症(OCD) 
    • 恐慌症
    • 失眠

    社会经济可达性

    此类别涉及代表性,多样性和包容性问题。此类涵盖的成本和负担能力。年龄,性别,社会阶层,教育,就业,种族和地理位置在这里。

    社会经济可行性差的网站:

    • 对某些社会经济或地理群体歧视,忽视或导致冒犯
    • 为关键产品或服务提供有限的付款方式

    相关条件

    • 低收入
    • 少数民族
    • 失业

    临时残疾

    迄今为止涉及的残疾通常是永久性的。然而,通常存在甚至完全是完全的人的情况“暂时禁用'。示例包括临时手臂伤害如何阻止您能够使用鼠标。

    情境残疾

    还有'情境残疾'可能会影响我们所有人。例如,屏幕眩光在阳光灿烂的日子。或者在公共交通工具上使用手机(慢速连接,有限的空间移动,颠簸的骑行)。

    有残疾人如何访问网站的人如何?

    具有视觉损伤的人可以使用屏幕读者。具有电机损伤的人可能使用专门的键盘或眼睛跟踪技术。其他人可能依赖语音激活软件。

    我们没有可靠的方法来检测这些设备或软件。但我们必须创建容纳依赖这些工具的人的网站。使用语义标记,正确的选项卡索引和可访问内容从未如此重要。

    通过使我们的网站为这些人提供更好的工作,我们将为每个人做好。

    我们使用 Web内容可访问性指南(WCAG) 作为我们的标准化指南,使我们的网站更加包容。

    可访问的网站是什么意思?

    以下是使网站可访问的常用步骤的一些示例:

    • 为非文本媒体提供文本替代品和标题(视频和图像)
    • 允许用户仅使用键盘以逻辑顺序遍历页面(使用选项卡键在菜单中的选项之间移动或在表单中移动)
    • 页面上的样式文本,所以它具有合适的颜色对比度
    • 提供表格描述它的内容的标题
    • 提供跳过网站主要导航选项的方法

    可以访问网站的四种方式:

    • 可爱:让每个人都能察觉的文字和媒体
    • 可操作:帮助用户导航内容
    • 可以理解:制作和媒体文本可以理解
    • 强大的:最大化兼容性

    这些是指导我们如何设计和开发网站的可访问性原则。

    我需要做些什么来让网站访问它?

    使用以下原则指导您通过创建可访问的网站。创建一个可从开头访问的新网站比以适应现有网站可访问的新网站更容易。

    无障碍原理1:感知

    信息和用户界面组件必须以他们可以感知的方式展示给用户。

    文字替代品

    提供任何非文本内容的文本替代方案。然后人们可以将媒体更改为其他形式。例如,大打印,盲文,语音,符号或更简单的语言。

    • 图像,表单图像按钮和图像映射热点有适当的替代文本
    • 在以下情况下,图像应使用空值:
      • 没有传达内容的图像
      • 装饰的图像
      • 包含已在文本中传达的内容的图像
    • 避免将文本呈现为图像
    • 在上下文中或在单独的页面上提供复杂图像的等效替代方案
    • 表单按钮具有描述性值
    • 表单输入具有相关的文本标签
    • 使用可访问文本识别嵌入式多媒体

    语义标记和结构

    您的内容应该以不同的方式查看,而不会丢失信息或结构。例如,更简单的布局。

    • 使用语义标记到呈现:
      • 标题(

        )

      • 列表(
          ,
            ,和
            )
      • 强调或特别文本(, , ,
        等等)
    • 使用表格数据表。必要时,将数据单元与标题关联。在适当的情况下使用数据表的标题和摘要。
    • 将文本标签与表单输入元素相关联。使用FieldSet和可选传奇的组相关的表单元素
    • 读取和导航顺序(按代码顺序确定)是逻辑和直观的

    文本

    页面上的所有内容都应易于阅读和消耗。使用适当的语法和正确的拼写,以及适当的字体大小。

    WCAG 2.0快速参考指南中有规则,用于文本可访问性:

    • 文本永远不会对齐
    • 文本应该在不滚动的情况下调整大小
    • 文本行之间的线间距应至少是一个空间和半部分,具体取决于文本大小
    • 段落之间的空间应至少比线高至少1.5倍
    • 增加最多400%的字体大小不会影响可读性或功能

    颜色对比

    让用户更轻松地查看和听到内容。

    • 避免依赖颜色作为传送信息的唯一方法。例如,链接应该使用下划线,因此它们不依赖于颜色。
    • 避免依靠颜色来区分链接周围的文本。例外:
      • 链接和周围文本之间的对比至少为3:1
      • 您提供了另一种差异化悬停和焦点状态的方法。例如,一个下划线或边界
    •  文本的文本和图像的对比度至少为4.5:1
    • 大文本(超过18分或14点粗体)的对比度至少为3:1

    可访问性原则2:可操作

    必须可操作用户界面组件和导航。

    导航

    提供帮助用户导航,查找内容并确定它们的方法。考虑在单个页面中的导航,而不仅仅是页面之间。

     

    • 在通过网站导航时,在网页上重复的导航链接不会更改订单
    • Use a proper heading structure (h1 > h2 > h3 in hierarchical 要么der). You may use this as an alternative 至 a "跳到主要内容" link
    • 链接,表单元素等的导航顺序是逻辑和直观的
    • 提供至少两种不同的方法在您的网站上查找内容。选项包括:
      • 相关页面列表
      • 目录
      • 网站地图
      • 网站搜索
      • 所有可用的网页列表
    • 表单和交互式控件的页标题和标签都是信息

    运动

    • 用户可以暂停,停止或隐藏内容:
      • 移动
      • 眨眼
      • 卷轴
      • 动态更新(例如,通知,表单字段,滚动旋转木马或画廊)

    如果持续时间超过5秒,您可以以这种方式为内容设置动画内容。

    • 避免闪烁每秒3次以上的内容或媒体。例外:
      • 闪烁的内容/媒体很小
      • 闪光是低对比度
      • 闪光颜色不是红色

    无障碍原理3:可以理解

    信息和用户界面的操作必须是可以理解的。

    互动

    • 当用户输入信息或与控件进行交互时,它不会导致以下任何一种:
      • 页面的重大变更
      • 弹出窗口的产卵
      • 键盘焦点的变化
      • 除非您提前通知用户更改,否则可能会混淆或讨厌用户的任何其他更改
    • 识别跨网页具有相同功能的元素。例如,使用一致的搜索框标签
    • 目前表单验证错误以直观和可访问的方式。确定问题并提供对问题元素的快速访问权限。允许用户修复错误并重新提交表单。
    • 提供所需交互元素的标签,提示和说明。例如,将表单标签放在旁边以形成字段并为每个字段设置提供图例。
    • 提供针对形式输入修复错误的建议
    • 允许用户将任何更改或删除反转到可编辑数据
    • 提供对可编辑数据的任何更改或删除的确认

    形式

    • 每个表单元素应与其自己的指示和错误相关联
    • 在表格字段中放置表单标签并为每个实体集提供一个图例
    • 用户可以使用键盘浏览整个表单,包括:
      • 选择,收音机和复选框元素中的选项
      • 错误警告和消息
    • 让用户节省他们的进度
    • 理想情况下,避免表格上的时间限制。如果需要时间限制,请避免短时间外,并为用户提供延长时间限制的选项
    • 提供有关元素标签中所需表单元素的信息
    • 目前表单验证错误以直观和可访问的方式。确定问题并提供对问题元素的快速访问权限。允许用户修复错误并重新提交表单
    • 测试您的表单与语音识别软件一起使用

    可访问性原则4:强大的

    确保各种用户代理商可以解释您的内容。这包括智能艺术家等辅助技术。

    兼容性

    • 以促进可访问性的方式使用标记。例如,遵循HTML规范和 标准
    • 地址HTML / XHTML验证和解析错误

    我们如何测量可访问性?

    我们使用 WCAG一致性水平 (A,AA和AAA - 最高等级)以测量可访问性。 我们的目标是至少AA合规性。实现这种合规程度不是我们唯一的目标。我们的目标是为用户提供最好的体验,无论他们如何访问我们的网站。

    有一系列工具可用于测量您的工作的方式。作家,设计师和开发人员有特定于工具。请看 '资源' 本文件的一部分,有一些流行的例子。
     

    测量网站可访问性的最佳方法是与残疾人进行测试。这样,你可以了解他们在执行任务时遇到的困难。这些任务通常涉及内容可读性,导航和功能。

    为你的建议

    如果你是 设计 页面或组件:

    • 设计了解可访问性原则
    • 设计具有真实内容,文本和图像。在早期发现内容可访问性问题将更容易
    • 避免依赖图像进行通信
    • 使用推荐的字体大小和线路高度
    • 使用官方品牌颜色代码 
    • 检查整个设计中的颜色对比(有些软件可以为您执行此操作)

    如果你是 发展 页面或组件:

    • 首先评估页面或功能是否有任何可访问性问题。您可以将此评估基于此处的原则以及WCAG指南基础
    • 包括键盘导航
    • 为每个页面插入工作“跳至主要内容”链接
    • 如果可能,请使用其他人创建的“尝试和测试”代码。例如,A11Y项目包含可访问组件
    • 在本文档中使用测试和评估工具

    如果你是 创建内容 对于页面或组件:

    • 通过保持简洁和简单帮助患有认知障碍的人。这也有助于人们不是母语扬声器,以及移动设备上的人。它将使您的核心想法更加清晰。
    • 提供唯一,描述性和清晰的页面标题
    • 使用标记具有适当和有意义的元素。例如,使用总结页面内容的结构的标题。
    • 避免依赖图像进行通信
    • 使用描述以有意义的图像描述图像的替代文本,准确的“普通英语”
    • 提供视频和其他媒体的替代标题
    • 通知读者链接将引导它们的位置。将描述添加到内容中的每个链接。例如,对于下载文件的链接,提及文件格式和大小。
    • 测试屏幕阅读器可以大声读取您的内容

    如果你 想报告一个问题 要么 正在寻找培训:

    资源

    指导方针和技术资源

    教程

    内容作家,设计师和开发人员可能会发现遵循的教程很有用:

    内容

    设计

    开发

    测试和评估

    联系人

      主要联系方式

      要报告问题,请求通用网站可访问性问题的建议,或请求培训,请联系Web服务:

      网页服务

      web-accessibility@dundee.ac.uk.

      dundee.ac.uk/help4u/

      下载

      类别

      无障碍