发布时间:2023-06-19 21:50:58 来源:本站 作者:admin
促进包容性和确保无障碍在数字世界中与在现实世界中一样重要。虽然大多数人对可访问网站的组成有一个很好的总体概念,但在设计网站时,还需要考虑许多其他不太知名的因素,以确保其包含的信息能够被尽可能广泛和多样化的受众访问。
简化内容
屏幕上的大块文本可能会让人望而却步——即使是对最感兴趣的读者来说也是如此。为了避免这种情况,请将网站的每页限制为一个主标题,并在整个页面中使用副标题将内容分解为易于理解的部分。项目符号点还可以用于使文本更具吸引力和可访问性。
使用简明英语是至关重要的:如果一个句子可以被删减以减少“冗长”,那么就这样做。
选择正确的字体
网站设计的这一元素被忽视了,但它在网站的可访问性方面发挥着巨大作用。当涉及到大多数可访问的字体时,您可能没有意识到它们所带来的潜在问题。关键是要确保人们在访问您网站上的信息时没有障碍。虽然看起来更精致的字体可能会显得引人注目,但使用它们可能意味着那些有视力障碍或学习障碍的人很难阅读。
一些最容易访问的字体是无衬线字体选项:Arial、Calibri、Century Gothic、Helvetica、Tahoma和Verdana。
仔细考虑对比
如果你不遵循某些关于对比度使用的指导原则,一些有视力问题的人可能很难阅读你网站的文本。例如,限制红色和绿色的使用将使文本对色盲患者更具可读性。稍微缓和背景和文本之间的对比也是一个好主意,避免在纯白色背景下使用纯黑色文本。
如果网站上出现的图像被文本覆盖,请在图像上添加深色覆盖或在文本后面添加实心背景。
关于使用reCAPTCHA v3的思考
如今,网站上常用的工具是reCAPTCHA挑战,它要求访问者进行一次或多次互动,以证明他们不是“机器人”这对一些残疾人来说可能是一个障碍,应该牢记这一点。作为传统reCAPTCHA的替代方案,可以考虑部署最新版本的软件,这完全不需要访问者的交互,而是让网站所有者在系统检测到潜在问题时采取措施。
避免分散图形和图像的注意力
虽然网站上闪烁或移动的图像和图形通常会令人讨厌,但患有多动症和其他认知障碍的人可能会发现它们特别具有挑战性,甚至会导致癫痫发作。
WCAG的指导方针规定,内容在一秒钟内不应闪烁超过三次。这些指南还要求访问者应该能够隐藏、暂停或停止这些移动的图形(除非移动、滚动或闪烁是正在进行的活动的固有和重要部分)。
以屏幕读者为中心的设计
目前,美国约有440万人使用屏幕阅读器访问在线内容,设计网站时考虑到这些用户很重要。为此,请务必考虑以下事项:
有效构建HTML
屏幕阅读器使用网站的HTML标记来掌握页面的区域和内容。因此,在设计网站时,最好使用语义丰富的标记来构建HTML代码。
指明使用的语言
屏幕阅读器需要知道网站所用的语言,以便为用户提供正确的发音。若要提供此信息,请确保在<HTML>标记中指明网站的语言。
利用ARIA角色
ARIA角色是用于指示屏幕阅读器的区域或页面元素的功能的值。将它们像地标一样部署在您的网站上;它们可以放置在任何具有属性角色的<span>和<div>标记中。
包括替换文本
alt(替代)文本的想法是为屏幕读者提供与显示图像相关的有用的字幕替代。描述性的、清晰的alt文本应该添加到网站上的任何非文本内容中,如图像、视频和嵌入。
为什么创建一个用户友好的网站如此重要
你可以采取很多步骤来确保你的网站是用户友好和可访问的,以便尽可能多的人可以使用和享受它。虽然许多人理解对比度和网站结构的重要性,但还有很多其他事情也同样重要,比如排版和使用HTML创建网站的“地图”。
使用以上指南作为检查表,以确保您的网站尽可能具有可访问性和包容性,并确保添加的任何新内容都经过严格审查,以确保其符合可访问性标准。