日常生活所需的80%信息都涉及视觉器官。 这意味着我们拥有的大多数技能,开发的活动和获得的知识都是通过视觉完成的。 对于那些没有最佳视野的人来说,这变得更加困难。 为视障者创建可访问的设计是必要的。 由于它影响着人口的重要部分。
大约285亿人受到影响。 其中39万完全失明 其余的人视力低下。 认为我们必须为所有这些人调整我们拥有的工具是有道理的。 因为这使每个人都更容易平等地访问相同的信息。
不仅对于有视觉障碍的人,还有其他影响导航的障碍。
- 听觉
- 认知的
- 神经病学
- 视觉
在本文中,我们将重点放在视觉方面。 以及修改网页的技巧,供所有人阅读。 我们还将列出一些有助于简化此工作的工具。 我们将看到普通图像如何影响具有不同视力障碍的人。
网站是如何影响视障人士的
根据您要治疗的残疾情况,可以使用正常的网页,例如 谷歌 会给某些人带来麻烦。 事实是,颜色或形状对于受苦于这些的人可能是限制。
U色盲的人可能无法区分某些颜色或将它们与其他颜色混淆。 对于Google来说,这似乎并不重要。 但是,请想象在背景和按钮上有几种颜色可以被视为具有相同的色调和亮度。 看到这些按钮会给遭受它的人造成混乱。
奇怪吧这是色盲人可能会感觉到的。 它还取决于影响您的颜色类型。 带有“ NoCoffee”扩展名,可根据残疾情况模拟不同的显示模式(仅在Google Chrome中可用)。 我们已经能够验证这些人的状况。 这里有些例子:
对比度下降
鬼影
瀑布
视线模糊
周边景观
正如我们之前所说,这类问题共影响了285亿人。 因此,为了促进这种可访问性,我们将解释一些可以在我们的网站上使用的有用工具。
我们已经知道,有解决不同问题的工具。 浏览器附带的默认工具。 是Google chrome,Mozilla等。 但是这些工具是基本的,还远远不够。 这些工具是:
- 增加或减少含量(放大镜)
- 颜色和对比度变化
- 视频字幕
- 图片说明(图例)
如您所见,这还不够。 但是了解它们可以随时为我们提供帮助。 以下工具是附加工具,可以向用户增强此功能。 和策略,以促进所有人都能使用的网站空间。
视障用户的工具
以下工具是完全免费的,您可以在我们将要离开的链接中下载它们。 根据用户的残疾类型,某些功能会更有用。
- 辅助功能色轮:这是选择不会出现辅助功能问题的颜色组合的工具。
- 高对比度:这是一个您可以选择对比度以更轻松阅读文本的工具。
- 铬 Vox 视障人士社区的必备品-为视障人士带来Chrome的速度,多功能性和安全性。
- CLiCk,说话:Mozilla Firefox浏览器的屏幕阅读器。 该工具对于有严重视力问题或完全失明的人非常有用。
随便记事本3.0:使用此工具,您的计算机将读取您PC上的电子邮件或文本文档。 - 艾德·韦伯:语音合成器浏览器,它也可以将网页显示为文本和符号的组合。
- 色彩对比检查:该工具可让您指定背景和文本的颜色,并使用WCAG 2.0公式检查它们的对比度。
与大多数辅助功能软件不同,它仅使用HTML5,CSS和Javascript等网络技术构建。 ChromeVox的设计是从头开始的,目的是使人们能够前所未有地访问现代Web应用程序,包括使用W3C ARIA(富Internet应用程序访问)的应用程序,以提供丰富的桌面体验
网页设计,易于访问
如果您是网络程序员或 网站管理员 您将开始一个项目。 您应该在了解这些准则的情况下计划设计。 因此,我们将允许所有用户拥有相同的可能性。 以下建议是在 Creativos Online.
提供页面标题
页面标题(H1,H2等)使您可以定义网页的结构。 屏幕阅读器使您可以浏览页面标题。 这样,使用屏幕阅读器的用户可以轻松快速地访问页面的不同部分。 无需浏览页面的全部内容。
图像中的替代文字(ALT)
替代文字(IMG标签中的alt属性)为非文本内容提供了文字替代 在网页上,例如图像。 对于使用屏幕阅读器访问网站内容的用户而言,备用文本特别有用。
传达信息,图标
在网站上某些“规则”或准则的传输中使用颜色使许多用户难以理解。 例如,在表格中,它表示输入的电子邮件有误,并带有图标,而不是红色。 这样,所有人都可以看到它。
确保非HTML内容的可访问性
不仅网站必须可访问。 网页中包含或链接的所有内容,例如视频,音频,PDF文件,Microsoft Word文档或PowerPoint演示文稿,都必须可访问。