无障碍设计_如何为有无障碍需求的人设计

使用网络的人不是一群均匀的人,而是具有令人难以置信的高多样性的庞大群体 。 他们中的许多人不是英语本地人,也不是受过良好教育,健康状况良好的城市居民。 在为公众设计时,我们需要注意这一事实。 否则,我们会错过许多潜在用户,并且很有可能提高网站的搜索引擎排名

通用性包容性是W3C 与Web设计相关的标准之一的Accessibility Web标准的重点。 Web Accessiblity Initiative(WAI)的最终目标是设计一个“对所有人有效的网络,无论其硬件,软件,语言,文化,位置,身体或心理能力如何”。

当我们考虑可访问性时,我们需要了解的最重要的事情是,用户不需要完全失去意识或需要可访问性支持的能力。 有部分视力丧失或轻度听力障碍等问题的人也有可及性需求。

现在,让我们看看谁是主要人群,他们如何使用网络以及细心的设计师如何改善他们的用户体验。

视力障碍

该组人群的一只或两只眼睛可能患有轻度或中度视力障碍,色盲,低视力,失明或聋盲

在许多情况下,需要更改Web内容的显示形式以使其适应他们的需求 。 他们需要能够调整文本大小和图像的大小,以及自定义字体,颜色和间距以提高可读性的功能。 确保不看见鼠标指针的人只能使用键盘浏览内容也是一个好主意。

许多视障人士使用的屏幕阅读器只有在前端进行了语义编码的情况下才能正常工作,否则他们的特殊辅助软件无法识别网页的结构,并且用户几乎无法理解内容。

我们需要借助说明性的alttitle HTML属性,为这些页面提供对超链接,图标,图像和其他媒体类型的正确描述。 经验法则是为每个非文本元素提供等效的文本替代

盲文电话
图像:可混搭

同样重要的是不要阻止用户配置自己的浏览器设置,因此,如果可能的话,请以相对单位 (ems,rems或百分比)而不是确切大小指定所有内容

实际上,Google和其他搜索引擎的漫游器也可以被视为视障人员,并且请记住,对视障人士有利的所有事物也使漫游器感到满意,从而提高了网站的SEO排名。

听觉障碍

遭受不同等级的听力障碍的Web用户不能总是理解语音,尤其是在有背景噪音的情况下。 这里最常见的用例是视频内容,需要通过在音频部分添加视觉辅助来使其可访问

根据WGBH电台的媒体访问小组的说法,“估计有2400万人的听力损失足以使他们无法完全理解电视节目的含义”。

使用隐藏字幕 (其中也隐藏音乐或爆炸声等背景噪音的字幕)可以对他们有很大帮助。 提供字幕和笔录选项还可以显着改善不是母语人士所录制语言的人们的体验。

在设计Web和移动应用程序时,我们还需要小心。 如果用户仅依赖于使用语音进行交互,则将有听觉障碍的人没有适当音频硬件或软件的人排除在使用范围之外。

应用程序设计师还需要注意始终添加停止,暂停或调整音量的选项 。 Apple TV是为聋哑人和听觉障碍而设计的设备的一个很好的例子,因为它为用户提供了一个不错的用户界面,可以根据自己的需要自定义字幕和字幕。

听觉障碍
图像:音频感知

认知和神经障碍

与大脑或周围神经系统有关的疾病会影响人们移动,看,听和理解事物的方式。 有许多人需要比其他人更慢处理信息 ,因此我们需要为他们提供结构清晰的内容以利于定位

如果我们提供不同的导航方式,它也会有所帮助:不仅是一个巨大的下拉菜单,而且还包括标签云,搜索选项,面包屑以及其他智能且易于理解的解决方案。

当我们希望使具有认知和神经障碍的人能够理解我们想要传达给他们的信息时,以视觉提示来增强内容至关重要图像,图表,插图和智能版式(例如避免使用较长的段落)可以为他们带来很多帮助。

如果您想查看示例的精心设计,具有逻辑结构的内容以及可访问的导航和描述性视觉提示,请访问美国政府的社会保障管理局网站。

美国政府社会保障局
图像:社会保障局

身体残疾

肢体残疾的人可能患有运动障碍,感觉或肌肉控制受限,关节问题,四肢缺失 ,并可能面临许多其他身体障碍。

与他们有关的最重要的事情可能始终是提供完整的键盘支持 ,并给他们足够的时间来完成诸如填写在线表单,回答问题或在注释部分中编辑其先前内容之类的任务。

提供键盘快捷键 (尤其是在启用触摸的设备上)可能是该组的天赐之物。

身体残疾的人在单击小区域时可能会遇到困难,因此我们始终需要确保设计足够大的可单击区域,例如按钮

请记住,其中许多都使用辅助硬件或软件也很重要。 他们可以借助通过轨迹球导航的屏幕键盘来访问内容,也可以使用语音识别眼球跟踪软件

因此,就像在前面的案例中一样,至关重要的是构建逻辑,连贯的导航和结构合理的站点,而不会产生太多干扰。

轨迹球
图像:AllThingsErgo.Com

结论

为残疾人创建网络体验是一种出色的设计实践。 如果我们建立一个考虑到感觉障碍者需求的站点,那么我们设计的产品将是合乎逻辑,结构合理且易于使用的产品。 这不仅对残疾人士有好处,而且对每个单个用户也有好处,因为他们同样需要一个易于理解的直观和可自定义的网站

如果我们为用户提供他们如何使用在线内容的选择,并仔细考虑他们可能与我们的网站进行交互的所有可能性,那么我们将以显着的方式增加设计的整体用户体验。

现在阅读:

翻译自: https://www.hongkiat.com/blog/accessibility-design-needs/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
适老化及无障碍改造 WordPress是为了让网站能够更好地满足老年人和残障人士的需求,提供更好的可访问性和易用性。以下是一些方法和步骤来适老化及无障碍改造 WordPress网站: 1. 使用无障碍主题:选择一个专门设计用于无障碍访问的 WordPress 主题。这些主题通常具有易于阅读的字体、高对比度、键盘导航支持等功能。 2. 添加无障碍插件:安装并启用一些无障碍插件,这些插件可以帮助改善网站的可访问性。例如,WP Accessibility插件可以添加一些无障碍功能,如跳过链接、键盘导航等。 3. 使用无障碍标记:确保你的网站使用了正确的HTML标记和语义化的结构。这将有助于屏幕阅读器和其他辅助技术正确解释和呈现网站内容。 4. 提供替代文本:为所有的图像和多媒体元素提供替代文本。这将使那些无法看到图像的用户能够理解图像的内容。 5. 使用易于阅读的字体和颜色:选择易于阅读的字体和颜色组合,确保足够的对比度。这将有助于老年人和视力受损的用户更好地阅读网站内容。 6. 提供简单的导航和操作:确保网站的导航和操作是简单直观的,以便老年人和残障人士能够轻松地浏览和使用网站。 7. 测试可访问性:使用无障碍工具和辅助技术测试你的网站的可访问性。这将帮助你发现并解决潜在的无障碍问题。 8. 培训和教育:对网站管理员和内容创作者进行培训,教育他们如何创建和维护无障碍的网站内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值