Web辅助功能清单

2019.07.23 mf_web

78

在设计新网站或更新网站以遵守最新的可访问性法律和法规时,有许多准则可供遵循。确保所有用户都可以访问网站,尤其是那些残障用户,这一点很重要,原因有很多。它不仅是法律,而且对公司也有益。它允许他们拥有更多的访问者,更多的销售,并获得长期的许多客户。残障人士无法访问的网站不仅可能损害销售或访问者数量,而且更重要的是,可能会令用户感到沮丧。

Web Accessibility Checklist

下面是一个Web可访问性检查表,可用于Web设计人员,以确保网站上的项目和功能符合有关Web可访问性的规则和规定。遵循这些指南将使您的网站更易于所有用户访问。虽然此清单上有许多项目,但对于可能需要在网站上访问的所有功能可能并不全面。除非您自己有残疾,否则您可能没有意识到清单中的某些项目有多重要。

Web辅助功能清单


文本

网站上通常有很多文字。创建可访问的网站时需要考虑几个不同的因素。

首先,确保在需要时可以放大使用的文本。那些无法正确看到的人可能需要使文字更大。确保在不影响页面上其他内容的情况下发生这种情况。

根据您在页面上使用的对比度和颜色,也应该很容易看到文本。例如,白色与黑色可能是用于背景和文本的良好对比。建议在白色背景上使用黑色文本,这是所有用户看到的最简单对比。这种对比度将允许低能见度的人能够有效地阅读内容。

在文本样式方面,请务必在必要时使用粗体,斜体或带下划线的文本。这有助于向用户显示单词之间的差异。虽然颜色对比是一个好主意,但也可能最好使用不同的样式,这将有助于那些有色盲的人能够看到文本之间的差异。此外,不要使用颜色作为指令,例如“单击蓝色圆圈转到下一页”。这可能会影响那些色盲或难以看到这个方向的人的能力。


视频和音频

多媒体可以是图片,视频和音频剪辑。许多网站在其网站上的某个地方至少会有这些类型的多媒体之一。虽然这可能是向用户提供信息的好方法,但如果内容不遵循可访问性指南,那么对于残障人士来说也会令人沮丧。

选择适合页面内容的视频和音频剪辑是确保它们可访问的第一步。只有当它增强了网页上提供的信息时,请务必将它们放在那里。在页面上放置不相关的多媒体剪辑可能弊大于利。  

当涉及到您网站上的视频和音频时,请务必为您拥有的这些类型的多媒体添加字幕。确保可访问性的另一种方法是提供视频和音频的成绩单。如果您的用户听力有困难,那么他们仍然可以在没有声音的情况下获取内容。此外,如果有人难以看到或阅读,他们可以将文本读给他们。如果您要在您的网站上包含此多媒体,则可以访问视频和音频片段的内容非常重要。网站可以传达非常重要的信息。它们也使网站更令人兴奋,但如果一个人无法访问这些信息,那么它们就没用了。

在视频和音频方面需要考虑的另一个重要特性是确保在页面加载后用户可以停止视频或音频剪辑。不是每个人都希望听到或看到以这种方式呈现的信息。当有声音在后台播放时,当人们正在阅读或尝试访问内容时,这可能会分散注意力。  

最后,请注意您选择的视频适合观众。这不仅意味着要注意内容,还要注意视频的效果。例如,如果您的视频有大声喧哗,明亮的灯光或任何不寻常的视频,您可能需要警告您的用户。患有癫痫或其他疾病的人可能对光和声音敏感。


颜色和对比度

有三种类型的色盲 - Deuteranopia,Protanopia和Tritanopia。由于这些视力不足,人们可能对红色,绿色,蓝色或黄色光敏感,或者无法区分某些颜色。让具有视觉障碍的用户可以访问您的网站意味着调整您的网站,以便他们也可以了解您网页上的内容。使用屏幕阅读器或colorfilter.wickline.org或Colorblind网页过滤器等工具将帮助您实现目标。此外,确保您的网站的背景和前景色对标准视觉和缺色用户具有足够的对比度。


图片

图像是另一种类型的多媒体,可能会出现在网站的多个位置。图片在网站上非常有用。它们也可用于装饰和边框。图像可以是展示公司徽标或提供产品,服务或网站目的的其他任何示例的好方法。由于它们通常很丰富并且是网站内容的重要组成部分,因此遵循这些重要指南非常重要。

首先,确保图像(以及您选择的所有多媒体)都有用。他们的目的应该是传达重要信息。有时图像比文字更好,因为它们对用户来说更具吸引力和趣味性,但不仅仅是为了拍摄你的猫的图片,因为它很可爱。确保仅在适合用户任务时使用图像。图像太多或太少都可能对网站的有效性产生不利影响。拥有太多图片可能需要很长时间才能加载,这可能会让用户感到沮丧。图片太少可能没有足够的吸引力或可能让用户厌烦。确保您选择的图像有目的,并且它们适合页面上的其余内容。

图像的另一个考虑因素是确保它们具有替代文本以与它们一起使用。这对于用于传达信息的任何图像尤为重要。那些仅用于装扮您网站的图片可能不需要替代文字。您可以使用鼠标悬停在图像上,通常会弹出一个小框,告诉图像是什么。这也是您可以检查备用文本以确保将其包含在网页设计中的一种方法。

请注意图片中使用的颜色和内容。如果一个人有视力残疾,可能很难看到对比度低或颜色极其鲜艳的照片。对于图像,考虑您的受众,谁将访问您的网站以及所使用的图像在年龄方面是否合适也是一个好主意。


语言

在理解语言和阅读方面有许多不同的能力。不仅有人会说不同的语言,而且可能不会说流利的英语,但也有很多人可能会有阅读和理解的困难。在语言方面,人们可能会有残疾,使他们无法准确地阅读单词或难以理解单词传达的内容。以下是有关您网站语言的一些提示。

确保您使用的词汇对于可能访问您网站的普通人来说不是太高。尽量不要让你的词汇过于花哨,并坚持使用所有人都能理解的更常见的词汇。如果一个人开始阅读您的网站并被所使用的语言所淹没,那么他们可能会继续前往其他地方找到他们想要的内容。

如果您确实需要使用可能被视为高级词汇的单词,请务必包含链接或必要信息,以向他们解释其含义以及与您网站上的信息相关的信息。这可能包括将其链接到图片,定义或您的意思的示例。

将您的网站翻译成其他语言并没有什么坏处。当然,这取决于您所在的位置以及您希望公司达到的距离。虽然知道不同语言不被视为残疾,但允许每个人访问您网站上的信息会很有帮助。使用大多数人都能理解的共同语言。


形式

许多网站要求用户填写表格。这可能是为了购买,注册新闻通讯或更多信息,或在网站的公共论坛上发表评论和消息。虽然表单是包含在网站上的一个很好的工具,但它们在可访问性方面也有指导。如果表格无法正常使用,这肯定会引起很多挫败感。用户可能无法购买产品或获取理解网站所需的必要信息。在创建表单时,您应该执行以下操作。

现在,表单包括使用下拉菜单,按钮和复选框在框中填写文本信息。要考虑的一个非常重要的事情是确保每个文本框都标有它的内容。对于那些使用文本到语音技术来填写表单的人来说,这是必不可少的。这可能是那些难以看到或阅读的人。用户还可以使用不同类型的辅助技术访问网站。在表单框上添加标签将使所有人都可以访问。

此外,在表单方面,您应该以有意义的方式组织框。例如,表单通常以姓名,街道地址,城市,州,邮政编码,电话号码等开头。按顺序创建表单可以帮助所有用户更好地预测表单。

您还需要确保可以使用键盘从一个框切换到另一个框来填写表单。这对于那些使用辅助技术的人以及那些无法使用鼠标在网站中导航的人来说会很有帮助。


JAVASCRIPT的

当涉及到您网站的这一功能时,请始终使用不显眼的JavaScript,而不是在线脚本。这将确保即使JavaScript无法正常工作,用户也不会被拒之门外。最好还为用户提供额外的可用性层,以及无法使用JavaScript的环境或未启用JavaScript的环境。


标题

网站越有组织越好。这就是选择标题时谨慎使您的网站完全可访问的原因。它也可以是显示信息重要性的良好视觉效果。标题应该简单但具有描述性,因此读者知道会发生什么。它对屏幕阅读器也很有帮助。

另一个考虑因素是当一页上有大量信息时使用链接目录。这意味着读者可以单击链接并直接进入页面上的内容。它避免让它们滚动,这可能在视觉上令人不悦和令人沮丧。这将有助于那些有困难的人找到他们正在寻找更有效的内容。


链接

网站通常将链接链接到网站内的不同位置或完全不同的网站。在可访问性指南方面,链接应该将人员带到相关网站。就像网站上的多媒体应该有目的一样,链接也是如此。链接可以转到用户获取信息所需的其他文档。

确保链接标记正确,并说明用户应该去那里的原因。也许您希望向他们提供更多信息,或者希望他们查看产品或阅读评论。无论是什么原因,都应该为用户提供更多信息或将其带到相关页面。不要使用网站的地址,而是给它一个正确的名称。例如,不是建议用户访问https://dynomapper.com,而是将其链接到相关文本。“您可以访问DynoMapper以获取更多信息,”这将是显示链接的更合适的方式。

这样,如果用户从屏幕阅读器获得帮助,他们就知道该链接是重要且合法的。无论他们是否想要链接,他们都可以做出明智的决定。在打开文档时,它对所有用户也很有帮助,因为他们可以更好地估计文档打开的时间以及是否有兼容的程序。


导航

如果没有适当的导航,很难从网站上获取适当和必要的信息。访问网站时,用户往往需要点击很多才能到达他们需要去的地方。确保导航工作不仅对残障人士很重要,而且对所有用户都有帮助。如果你曾经去过一个难以浏览的网站,或者你找不到你去过那里的东西,那么你就知道它是多么令人沮丧。

为确保您的网站易于浏览,请确保无需使用鼠标即可访问您网站的每个部分。也可以通过键盘访问的网站使各种用户更容易轻松到处。那些使用辅助技术的人可能无法访问鼠标。  


列表和表格

列表和表格可能有助于增强您网站上的内容。它们可能有助于传达重要信息,如数据和其他内容。如果可能,请使用项目符号列表。这有助于使内容更易于阅读和理解。当用户通过向他们读取的技术辅助时,这可能是有益的。

网站上的表格应该很简单,并且应该包含行和列的标签。同样,当有人使用辅助技术时,这可以确保他们轻松获取信息,以免混淆。


为什么可访问性很重要

创建一个所有人都可以访问的网站可以带来很多好处。对于残疾人而言,重要的是(和法律)他们与非残疾人一样。这些指南很容易遵循,只会使您创建的网站更好。无论一个人有什么类型的残疾,他们在法律上都需要获得与非残疾人相同的技术。

使您的网站可访问也使其成为所有访问者的用户友好网站。这有助于提高您的搜索引擎优化,利润,并使您的用户在网站上感到高兴。遵循这些准则是确保所有人都可以访问您的内容的重要步骤。

关键词

最新案例

联系电话 400-6065-301

留言