我如何确保我的网站可供残疾人访问



我如何确保(或尝试让)所有可能有各种残疾的人都可以访问web?

对于任何标准或网站,有什么建议可以给我一些网站设计的实用建议吗?

这里有很多需要考虑的因素,如果你的网站不适合特定的残疾,那么你必须开发广泛的功能。在这种情况下,你需要记住的第一件事是,不幸的是,你无法满足所有人的需求。看看下面的列表,确定你可以合理地满足的需求

视觉:视觉障碍,包括失明,各种常见类型视力低下,视力差,各种类型的色盲;

运动/灵活性:例如难以或不能用手,包括震颤、肌肉缓慢、精细肌肉失去控制等。,由于诸如帕金森氏症、肌营养不良等病症,脑瘫、中风;

听觉:耳聋或听力障碍,包括听力受损的个人;

癫痫发作:由视觉频闪或闪光效应引起的光致癫痫发作。

认知/智力:发育障碍、学习残疾(阅读障碍、计算障碍等)和认知障碍具有不同的起源,影响记忆、注意力、发展"成熟度;解决问题和逻辑能力等。

这里最简单的是扣押,从您的网站上消除闪烁/频闪的内容,或者更重要的是,如果您无法在显示此类内容之前发出警告。

运动/移动问题的用户在与网站上需要高精度的内容交互时可能会遇到问题,这可以通过增加UI元素的大小或允许用户在需要时调整这些元素的大小来帮助。

通常情况下,将任何可点击的内容都设置为尽可能大,如果您有具有拖放等功能的元素,则将拖动手柄设置为较大,这样用户就不必点击很小的区域。

听觉也是一个相当容易的考虑因素,至少可以简单地为您的网站提供任何媒体内容的文本替代品,对于使用视频的大型网站,手语等考虑因素可能是一种选择。

Visual可能是web开发人员需要考虑的最常见问题。首先,视力不全的用户可能希望增加页面的文本大小,因此请确保您的UI能够处理此问题。使用清晰易读的字体,并确保背景色和字体颜色之间有对比度。

色盲用户可能希望更改您的网站配色方案以满足他们的需求,您可以很容易地找到色盲类型的信息,并开发一些替代CSS样式来满足这些需求。此外,网站上所有内容的高对比度选项可能会让视力不全的用户受益。

认知/智力是更难满足的考虑因素之一,因此请考虑个人残疾。例如,ADD会让一个人很难集中注意力,也会让他们很容易分心,考虑到这一点,想想广告,它们是为了分散我们的注意力和吸引我们的注意力,因此,通过限制你网站上的广告,你可以摆脱那些闪烁和尖叫的点击我!的广告!。

诵读困难用户可能难以阅读大量文本,这也符合部分视力者的考虑,在这里,您可以选择音频选项,以便向用户大声朗读文本。

这里还有一个考虑因素是在你的网站中使用颜色。事实证明,某些颜色可以刺激情绪,对于有情绪或发育问题的人来说,使用被认为是平静的颜色与兴奋的颜色(例如红色)可能会改善他们对你网站的体验。

以上都是设计方面的考虑因素,接下来看看开发(代码),你能做的不多,关于代码的大多数考虑因素都是因为第三方应用程序与你的网站交互。

一般来说,确保你的代码格式正确,标记/结束标记正确等。确保它是有效的HTML/XTML/CSS等。如果你能按照严格的标准进行验证,它不会损害你的事业。诸如链接/图像之类的标签应当具有适当的Alt文本来描述元素是什么;图像1";对于屏幕阅读器来说是相当无用的,但是alt=";图像显示。。。。。。单击此按钮将转到……";是有用的。

如果你能找到一些试用软件,给自己找一个屏幕阅读器,加载你的网站,闭上眼睛,尝试与它互动,这将很困难,但至少你可以看到你的用户将如何与你的网站互动,更重要的是,你可以使用屏幕阅读器来检查你的网站是否以应有的方式被阅读。

有很多第三方插件,你也可以与你的网站集成,以帮助你的用户,所以看看这些插件,只要它们对你的非残疾用户没有太大的干扰,比如只需点击即可放大文本或大声阅读的选项,就会受到欢迎。

帮助链接

http://www.w3.org/TR/WCAG10/W3C残疾指南是一个很好的起点http://en.wikipedia.org/wiki/Web_accessibility维基百科网络可访问性http://www.etre.com/tools/colourblindsimulator/允许您查看图像对色盲用户的显示方式http://colorfilter.wickline.org/http://www.w3.org/WAI/W3C Web可访问性倡议指南

第508条是法律中要求美国政府网站可访问的部分。

这里提供了更多信息,包括让所有人都能访问内容的最佳实践。

http://www.section508.gov/

通常,您应该通过使用语义标记来支持屏幕阅读器,并避免华而不实的内容和音频——这些通常是不可能的,或者只是很难访问。

你还应该看看网页排版指南,并考虑聘请一位优秀的设计师。糟糕的配色方案、字体和字体大小使在网上阅读变得比需要的要困难得多

如果你来自英国,从一个合法的POV,你想看看《平等法》(它取代了《残疾歧视法》)。

网络可访问性的基础是基于优雅的降级/渐进增强模型(听起来比实际更复杂!)。A List Apart不久前写了一篇很棒的文章。

对于网络专业人士来说,一个很好的起点是RNIB的网络访问中心。显然,这主要针对那些有视觉残疾的用户,但这是一个非常有用的资源。

Web AIM也是一个很好的资源/文章网站,尽管我不确定这些天它的维护频率(仍然,那里的信息是相关的)。

在开发可访问的界面时,有太多单独的小事需要记住,但如果你花时间阅读这些网站上的一些文章,你会学到一些基本知识,然后了解更多的细节。

无障碍发展是一种心态的改变,就像学习细节一样。你需要不断地问自己:"其他人是如何使用它的?他们可能会遇到什么障碍?他们使用的是什么浏览器?没有颜色/JavaScript/CSS,它能工作吗?"。了解如何将你的网站拆开,看看它是否仍然有效。

Web内容可访问性指南2.0(WCAG 2.0)是W3C对Web可访问性倡议(W3C/WAI)的建议。

概述如下:http://www.w3.org/WAI/intro/wcag20
有非常广泛的原则和精确的技术(用于HTML、CSS、JS、Flash等)以及每个标准的意图。这些文件不是一次阅读的,你想从网上的教程和文章中了解更多信息(档案位于456 Berea Street,WebAIM,关于无障碍性的视频)

WCAG2的W3C快速参考指南列出了实现Felipe提到的WCAG2原则和指南所需的所有相关技术,并在各个技术页面上提供了适当的代码示例。如果这一切对你来说都有点过于技术化,那么WebAIM的检查表只是简单的英文版。

不幸的是,没有让网站合规的魔杖。你必须仔细阅读每一点内容,并对其进行测试,必要时进行修改。幸运的是,即使是一些小的改进也能带来很大的不同。

有很多不错的答案,但我也忍不住添加了我的输入。

如果你想确保一个网站是残疾人友好的,有很多考虑因素应该考虑。我在这里没有看到的一个(也许是因为我浏览了一下)是为了确保你使用高对比度的颜色,在文本后面有一个坚实的背景。

然而,你不应该在黑色上使用白色或在黑色上用白色。。。阅读障碍者通常看不到这些颜色。使用米白色作为背景或文本。

此外,请确保您的文本较大。确保尽可能多的内容是标准文本,这样文本到语音程序就可以"阅读"网站。文本到语音无法读取图像。出于同样的原因,文本链接而不是按钮也是可取的(尽管在这些情况下可能有一种将文本与按钮关联的方法…?)

最新更新