许多网站不遵守无障碍工作组的无障碍导则,迫使残疾人依赖往往缺乏充分功能的辅助器具。由于法律后果和消极的用户体验,这可能导致巨大的金钱损失。

　　更容易的无障碍环境使所有用户受益,包括无障碍的用户,因为它提高了整体用户体验。因此,必须投入时间和资源,重点关注网站的无障碍性,并确保遵守世界保护联盟的准则。

　　一、什么是网站无障碍?

　　网站无障碍性确保每个人,包括残疾人都能使用网站。它涉及到考虑各种需求,如视觉、听觉、运动和认知障碍。从一开始就解决无障碍问题,从而避免了以后进行昂贵而耗时的重建。

　　有残疾或残疾的个人占全球人口的很大一部分。根据 疾病控制中心 有报告称,27%的成年人,即大约四分之一的成年人患有残疾。因此,网站无法进入的品牌忽视了很大一部分人口。此外,预计未来几十年残疾人人数将增加。

　　因此,必须确保所有用户都能访问你的网站和网站应用程序。坚持 网络访问清单 最佳实践允许开发人员和测试人员有效地创建包容性网站。及早采用无障碍做法,你就会遵守法律标准,并有助于建立一个更具包容性和更公平的网络。

　　二、确保更容易获得的最佳做法

　　万维网创始人蒂姆伯纳斯-李强调说:" 网络的力量在于它的普遍性。不论残疾与否,人人都有机会参与,这是一个重要方面。 "这一原则反映了互联网的初衷,但许多网站未能达到无障碍标准。这往往是因为发展速度优先于包容性设计。

　　从蒂姆伯纳斯-李的学习中,我们列举了一些需要解决和解决的最佳做法。 无障碍问题 很有效率。有了这个最佳实践列表,您将找到实现更容易访问的方法,侧重于以用户为中心的方法和有效的测试方法。您还可以确保为所有用户提供更具包容性和无缝的体验。

　　1、进行调查和研究

　　让网站更容易访问的第一步是进行调查和收集不同群体的投入。调查提供了对有缺陷的人期望从网站上得到什么的准确见解,这是很难在一个只有非残疾人的房间里头脑风暴的。这些洞见将提供一个真实的、个性化的体验,假设调查问题是精心设计的,针对应用程序的每个方面。

　　除了调查之外,独立研究还将突出最近的问题及其在网站访问方面的解决办法。这项研究可以以用户的经验和反馈为基础,或以研究论文和新的进展记录在期刊上。重要的是要理解,与技术一样,Web访问实现风格随着时间的推移而变化,开发人员应该意识到这些变化,以确保更容易访问。

　　在开始网站的规划和实施阶段之前,应采取这一步骤。

　　2、可访问性从0开始

　　实现更容易访问性的最简单方法是将其纳入短跑或产品的规划阶段。有了这种方法,它就成为编码文化的一部分,而不是需要专门资源进行检查和维护的单独实体。在规划中包含网络可访问性也有助于正确塑造产品.如果不是这样的话,产品可能会以一种不可逆转的方式发展,而不是像对所有人来说那样容易获得。

　　3、提供反馈选择

　　全面实现无障碍可能具有挑战性,开发人员可能会无意中忽略对残疾用户至关重要的具体方面。为了更容易获得,向用户提供反馈渠道至关重要。这使它们能够突出无障碍方面的差距,并有助于改善所有用户的体验,确保更包容的数字环境。虽然对无法访问的网站采取法律行动是最后的手段,但提供反馈选项使用户能够在开发过程的早期就做出贡献,促进不断改进,以实现更容易访问的目标。

　　在实施反馈选项时,开发人员应:

　　保持表单简洁,以防止用户的挫折和放弃.如有必要,将较长的表格分成较小的面板。提供联系选项,如回调或电子邮件,以方便详细的、个性化的反馈。考虑提供激励措施来激励用户参与,因为33%的受访者寻求奖励。如果可行的话,考虑聘请一个有经验的调查机构,为不同的用户需求设计有效的问题。

　　在获得反馈后,下一步是实施解决方案,使网站更容易为广大受众访问。作为一项道德责任,重要的是要优先考虑无障碍环境,而不是根据企业收入评估每一项残疾。

　　4、在网页上使用结构

　　残疾人在阅读非结构化网页时面临挑战。即使是辅助技术也是如此,因为它们依靠的是组织的方式,能够更好地理解结构化页面。为了实现更容易的访问,确保在网页上遵循以下规则:

　　1)创建区域: 识别并标记页面上的区域.

　　2)标签区域: 标记区域,以便用户能够识别和理解它们。

　　3)结构标题: 根据页面与父标题的关系,将其结构为多个嵌套标题。

　　4)使用正确的HTML元素: HTML包含在网页上描述特定含义的标签。使用特定的标签,因为它们可以帮助辅助设备理解该区域的含义,并在页面中轻松导航。

　　结构化的网页改进了键盘用户和那些使用屏幕阅读器等辅助技术的用户的导航,使不同用户的需求更易于访问。

　　5、使用描述性链接

　　一个网页有许多针对内部网页或外部第三方网站的链接。视障者使用屏幕阅读器等辅助技术读取链接和嵌入这些链接的文本。如果开发人员使用了这样的描述性链接:

　　含糊不清的版本: 阅读更多

　　Long URL: https://www.lambdatest.com/accessibility-devtools

　　用户无法了解这些链接的上下文,可能永远无法浏览它们。相反,使用文本和网址来描述它们所指的页面。例如,在上述情况下,将成为:

　　行中类似的东西也可以嵌入到URL中。

　　6、用文本代替图片

　　为了实现更容易的无障碍性,至关重要的是要确保与屏幕阅读器等辅助技术的兼容性,因为这些技术经常与嵌入式文本图像发生冲突。尽管这些图像在快速设计用户界面元素时很方便,但它们仍对访问性构成重大挑战。

　　辅助技术认为嵌入式文本与图像本身密不可分,使视觉障碍的用户无法接触到它,并使他们无法获得关键的上下文信息,特别是在这些文本传达关键业务目标的登陆页面上。

　　在嵌入式文本的图像上选择文本需要付出更多的努力,但这极大地提高了可访问性。它确保所有用户能够有效地访问和理解内容,而不受任何损害。这一方法促进更包容的用户体验,并支持在数字设计中实现更广泛的无障碍目标。

　　7、明智地使用桌子

　　… 表&t; HTML中的标签有双重用途:构造数据表和设计网页上的自定义元素。当用于数据表时, 表&t; 标签提供了基本的结构,有助于防止跨浏览器问题,特别是在响应调整方面。

　　然而,当表被过度使用或应用不当时,会使所有用户的导航和可读性复杂化,包括那些依赖屏幕阅读器等辅助技术的用户。因此,明智地使用表对于确保不同设备之间更容易的访问和改进整体用户体验至关重要。

　　然而,同样的结构会损害网站的可访问性,因为表太复杂,太大,无法为屏幕阅读者所理解。例如,从可访问性和网络响应性角度来看,这是一个庞大而复杂的表格:

　　当屏幕阅读器遇到 表&t; ,它们会宣布行和列以及标题,帮助用户导航数据。然而,对于大型表,用户可能发现难以保留所有的列信息,这可能会减少他们的经验,导致他们忽略有价值的表数据。

　　… 表&t; 标签有时被滥用来构造不包含表格数据的元素,例如图形元素或模拟CSS网格的布局。这种滥用会混淆屏幕阅读器用户,因为这些元素不打算像传统表那样按顺序读取。最好的做法就是 表&t; 严格标记,以文本格式呈现表格数据,这对视力受损的人来说更容易解释和导航。

　　这一修订澄清了使用 表&t; 两种情况下的标签,强调适当使用对提高无障碍性的重要性。

　　8、不要忽视媒体元素

　　当讨论网站的可访问性时,焦点往往倾向于文本内容,但是媒体元素,如音频、视频和图像,如果不是更重要的话,也是同样重要的。无障碍媒体不仅涉及残疾和运动控制问题,还涉及暂时性损伤,如骨折等受伤后恢复的损伤。因此,必须在网站无障碍设计中优先考虑媒体元素,以确保所有用户更容易获得。

　　媒体可访问性的两个重要问题包括缺乏对视频播放器具有键盘友好性的本地控件,在那里并非所有浏览器都能使用"标签"键在控件之间无缝切换。此外,由于各种浏览器引擎,浏览器在如何解释本地控件方面存在差异,这导致了Web可访问性中的跨浏览器兼容性问题。

　　为了应对这些挑战,考虑不再使用本地API,而将重点放在严格的JavaSIRTT和HTML编码实践上。浏览器普遍理解这些技术,确保一致的结果,以实现在不同平台和辅助技术之间更容易的访问。

　　9、使网站对键盘友好

　　假设大多数用户使用鼠标导航,网站通常会忽略那些只依靠键盘的用户。例如,盲人用户经常使用盲文键盘,肢体有障碍的人可能依靠键盘而不是老鼠。只使用键盘浏览网站可能会很困难,特别是当你浏览选项并做出选择时。

　　开发和测试方便键盘的网站可提高无障碍性,使普通用户和那些因无障碍性需要而需要或更喜欢使用键盘的人受益。这种方法确保所有用户更容易访问,无论其输入方法如何。

　　10、将辅助技术纳入测试

　　辅助技术是指帮助残疾人理解网页的设备。所使用的辅助技术的具体类型取决于个人的残疾情况;例如,有视觉障碍的人可以使用屏幕阅读器,而有听力问题的人可以依靠文本到语音的软件。

　　在测试过程中排除辅助技术对依赖这些工具有效浏览网站的用户构成风险。这种监督可能导致负面反馈和最终采用辅助技术,突出表明从一开始就必须将这些技术结合起来,以使网站更容易访问。

　　11、不要完全依靠自动测试

　　自动化测试是验证新代码正确性及其对现有稳定代码影响的首选方法。一旦编写,这些测试可以反复使用,直到核心功能发生变化。然而,自动化测试不应是在某些领域使用的唯一测试方法。例如,用户界面测试应该手动进行,因为自动化测试不能像手动测试员那样高效地识别所有用户界面异常。

　　网站无障碍测试既需要手动检查,也需要自动化测试。测试人员应该对与之兼容的场景使用自动化测试。例如,可以通过自动化检查对比度,因为颜色嵌入CSS样式代码中,或者使用单独的颜色表进行快速分析。检查图像的ALT文本也适用于自动化。

　　然而,不建议使用自动化来测试键盘导航或视频标题。为这些测试编写自动化脚本具有挑战性,可能导致错误的肯定或否定。

　　因此,不要仅仅依靠自动化测试。相反,将场景分为两类:适合自动化的和需要手动测试的。保持手动测试类别的稳健性,因为当手动验证时,Web可访问性更可靠。

　　12、进行可访问性测试或安装可访问性浏览器扩展

　　通常情况下,开发人员很难在自己的网页上找到不符合WCAG准则的内容,因为WCAG准则包含了许多参数,这使完全遵守成为一个挑战。引导的 无障碍测试 对于有效地确定这些问题至关重要,允许开发人员按照WCAG标准解决这些问题。

　　无障碍测试工具 通过检测和解决无障碍问题,确保网页符合WCAG指南。此外,利用可访问性浏览器扩展,例如由像lanbatat这样的平台提供的扩展,可以大大有助于使所有用户都能访问网站和Web应用程序。它是一个由ii驱动的测试执行平台,允许您在3000多个浏览器和操作系统组合的规模上运行手动和自动的可访问性测试。

　　作为一个可访问性浏览器扩展,您可以使用Lambat 无障碍设计工具 Chrome扩展,使您可以方便地测试、管理和报告可访问性问题,包括部分扫描、全面扫描、多页扫描和工作流扫描,这些扫描通过捕捉动态交互和页面更改,侧重于连续可访问性扫描。

　　安装无障碍设计工具这个扩展中最有趣的部分是,它可以对问题进行分类,并为每个问题提出解决方案,从而使网络的可访问性更易于流式。

　　13、测试或可用性测试与残疾人

　　一旦开发人员和测试人员遵循了所有的指南和方法来创建一个无障碍网站,那么让受损的人测试它是有益的。这有助于防止负面反馈和需要在发布后重建应用程序的某些部分。

　　建立一个由代表各种缺陷的不同个人组成的团队是明智的,以便在应用程序到达数百万用户之前获得全面的反馈。这个团队可以选择测试版测试或可用性测试来完成这个步骤,因为这两种方法在输出和效率方面会产生类似的结果。

　　结论

　　整合无障碍环境对于创建一个包容和方便用户的网站至关重要。进行调查和研究,收集不同用户的见解,确保你的网站满足现实世界的需要。将无障碍环境纳入规划阶段,使其成为发展进程的一个组成部分,促进了更容易的无障碍环境,而不是将其作为事后考虑。反馈选择对于查明和解决无障碍差距至关重要,应便于用户获取。

　　将自动化测试与手动检查相结合,可以更容易地评估可访问性。工具,比如最大的无障碍性的DEV工具,对于持续的监控和问题的解决是很有价值的。

　　这些最佳做法突出表明,必须考虑到所有用户,不论其能力如何,以实现更容易的无障碍环境,并创造一个更具包容性的数字环境。

　　三、常见问题

　　1、有什么方法可以让你的网站更容易访问?

　　网站的可访问性涵盖了一个很大的受损人群领域,比如那些有视觉、听觉或运动问题的人。没有一种方法可以为所有人服务。但是,如果您使用的工具像"无障碍性"工具AT-1扩展,它可以突出所有的无障碍性问题及其解决方案。这样,它就成为便利无障碍网站的"一个解决方案"。

　　2、如何提高网站的无障碍程度?

　　为了提高网站的无障碍性,你需要一个扫描网站和突出问题的工具。然后,问题可以单独解决,包括为残疾人,并帮助他们轻松浏览网站。一旦完成这些工作,网站的无障碍评分将得到改进。

　　3、网站无障碍标准是什么?

　　为了了解无障碍环境、相关问题和可改进无障碍环境的领域,需要遵循W3官方网站上所述的WCAG标准。

       卓码软件测评是一家[ 具备CMA、CNAS双重资质 ]的专业做软件测试的第三方软件测试服务机构, 可根据您的需求提供各类软件测试服务，并出具合格有效的软件测试报告。点击→→可了解测试报价

        部分文字、图片来自网络，如涉及侵权，请及时与我们联系，我们会在第一时间删除或处理侵权内容。负责人：曾菲       电话：4006070568