禁用CSS以检查网站的可访问性的目的

禁用CSS以检查网站的可访问性的目的,css,accessibility,wcag,wcag2.0,web-accessibility,Css,Accessibility,Wcag,Wcag2.0,Web Accessibility,许多开发人员/易访问性专家建议禁用CSS来检查网站的易访问性,但没有人明确指出它在网站易访问性方面究竟有什么帮助 所以我在这里,确切地问你们,因为我所有的尝试都是在可靠的(我想相信!)来源,如“w3.org”,包括他们的wcag2.0建议中检查这一点,并没有说任何关于在没有CSS的情况下让网站可访问的内容。此外,他们说它可能“依赖于”某些技术,例如CSS。我想说,在检查可访问性方面实际禁用CSS的一个很好的理由是查看您的站点结构是以逻辑方式构建的 另一方面,测试这一点的更好方法是使用屏幕阅读器并

许多开发人员/易访问性专家建议禁用CSS来检查网站的易访问性,但没有人明确指出它在网站易访问性方面究竟有什么帮助


所以我在这里,确切地问你们,因为我所有的尝试都是在可靠的(我想相信!)来源,如“w3.org”,包括他们的wcag2.0建议中检查这一点,并没有说任何关于在没有CSS的情况下让网站可访问的内容。此外,他们说它可能“依赖于”某些技术,例如CSS。

我想说,在检查可访问性方面实际禁用CSS的一个很好的理由是查看您的站点结构是以逻辑方式构建的

另一方面,测试这一点的更好方法是使用屏幕阅读器并使用带有键盘的use tab/shift+tab在站点中进行tab。通过这种方式,你不仅可以在结构问题上获得灵感,还可以获得音频反馈,这将为你提供大量有关措辞、咏叹调问题和隐藏元素的AHA:s,而这些元素不是以可访问的方式隐藏的


我建议您尝试一下

您不再需要显式地验证页面在没有CSS的情况下是否可读,但它可以作为一种确保正确阅读顺序的技术

使页面在没有CSS的情况下可读的要求是从第508节是主要的可访问性标准的时代遗留下来的

36 CFR第1193和1194部分-于2017年2月18日发布

现有508标准第1194.22(d)节的WCAG 2.0成功标准中没有直接类比,该标准规定:“文件的组织应确保其可读性,而无需相关样式表。”36 CFR§1194.22(d)

WCAG 2.0以不同的方式解决了同一问题


满足此标准的技术之一是,这在很大程度上归结为。

如果使用可访问性测试工具,实际上可以禁用该工具中的样式。因此,作为测试工具的内置工具,它是测试结构元素流的一种很好的方法。除了以这种方式测试可访问性之外,禁用CSS本身没有任何意义。

你是对的,禁用CSS是测试元素结构和顺序的好方法,但是你能详细说明一下“你还可以得到音频反馈,这将给你很多关于措辞、咏叹调问题和隐藏元素不以可访问的方式隐藏”的AHA:s吗?如果可能的话,看到任何例子都会很棒。谢谢你的帮助,朋友。一个基本的例子是当你认为你做了一个伟大的“打开菜单按钮”。您可以将aria标签设置为“打开菜单”(或任何其他辅助功能文本),并在单击时更改脚本,使其显示“关闭”。所有这些看起来都很漂亮,但是当你使用ChromeVox,只使用键盘来点击元素时,你永远不会到达那里。我发现了这样的问题,因为我(或其他人)忘记将按钮设置为语义正确的按钮!示例很难,但我使用文本输入更新搜索按钮时,使用了过多的搜索字段。一位盲人测试说:“做得不错,但令人困惑。”