Web 开发中的可访问性:为所有用户进行设计

Latest collection of data for analysis and insights.
Post Reply
shukla7789
Posts: 1115
Joined: Tue Dec 24, 2024 4:29 am

Web 开发中的可访问性:为所有用户进行设计

Post by shukla7789 »

这是必需的,以下是您需要了解的内容。


Juliette Carreiro,Ironhack 技术作家
朱丽叶·卡雷罗

技术作家

Web 开发

互联网是一个不可思议的地方,对吧?它基本上包含了你所需要的所有信息,而且格式多种多样,每个人都可以接受:无论你是喜欢看视频还是阅读文章,你都可以用自己喜欢的方式找到所需的信息。

但就在几年前,情况并非如此。事实上,在开发互 巴哈马 whatsapp 数据 联网网站或手机应用程序的基本框架时,并没有考虑到大量患有各种残疾的人:所有页面是否都为盲人提供语音操作选项?如果显示的信息是针对儿童的,是否为儿童提供友好的网站导航方式?

我们意识到提供公平的在线服务访问权有多么重要,尤其是在 COVID-19 疫情之后互联网的重要性急剧上升。突然之间,几乎所有东西都在线上,不同环境的人有时无法像同龄人一样访问相同的信息或服务。这就是为什么Web 开发中的可访问性如此重要;互联网是一种可用于传播大量信息、学习和联系的工具,但前提是体验能为所有用户带来相同的结果。

在本文中,我们将深入探讨为什么可访问性在 Web 开发中如此重要、存在的不同类型的可访问性,以及我们为所有用户设计的技巧和窍门。

为什么可访问性很重要?
即使你身边的人看起来没有残疾,但他们也可能有残疾。这还没有提到当今人口中很大一部分患有某种形式的残疾——无论是身体残疾、感官残疾、认知残疾、智力残疾还是其他完全不同的残疾。根据世界卫生组织的数据,世界人口的 16% 和美国人口的 26% 患有残疾;这是互联网用户的重要组成部分,正如我们上面提到的,现在越来越多的服务都是专门通过在线提供的。只有当每个人,无论什么因素,都能像其他普通人群一样访问互联网服务时,网络开发的平等才会实现。

它还带来以下好处:

您将服务于更广泛的受众:如果让更多人可以访问您的网站,您的受众和客户就会增加,扩大您的影响范围,甚至可能引入全新的买家角色。

您将承诺为用户提供更好的体验:您知道拥有一个功能良好的网站是确保用户忠诚于公司的关键部分,通过确保为残障人士提供各种选择,您可以承诺提供更好的用户体验。

您将受益于更易于维护的网站:可访问的网站通常具有更简单、更清晰的设计,这意味着代码也相当简单。这意味着当您必须更新或更改网站中的某些内容时,它将是一个更简单(且更便宜!)的过程。

您将履行对社会的责任:选择无障碍只是合乎道德的事情,但您所在的国家/地区可能也有无障碍方面的法律要求。如果您选择忽略这些要求,您可能会面临严重的后果。

什么使得某事物变得易于访问?
您了解无障碍设计的重要性,但可能会问下一个重要问题:如何才能真正让某些东西变得无障碍?我们稍后会介绍我们的技巧和窍门,但让我们在这里介绍无障碍设计的基础知识。要使某些东西在网上变得无障碍,它需要:

可感知:信息需要对用户显而易见,并可供他们的某种感官使用;例如,如果网站由文本组成,则需要有音频选项以包括盲人用户。

易于理解:所提供的内容需要让所选受众能够理解;如果您正在为移民创建网站,确保信息以多种语言提供可以使内容易于理解。

可操作:如果某人只能通过语音控制他们的计算机,那么该网站应该与只能使用鼠标或键盘的人一样工作,因此是可操作的。

稳健性:网站的功能必须与非残疾人士的使用体验相同,这意味着没有人会遇到更糟糕的情况。

无障碍网页开发
在您对 Web 开发的重要性有了充分的了解之后,现在是时候开始真正地做点好事了:我们为您提供在下一个 Web 开发项目中创建可访问设计的提示和技巧。

有很多方法可以将无障碍实践融入到您的设计中,但您需要听取受众(和当地法律)的意见,以确定最适合您公司的方法。

在图像上添加替代文本
网站上通常会使用视觉效果,因为它们是一种有趣且富有创意的方式来吸引用户的注意力,并改变您传达信息的方式。但对于盲人或视力有限的人,以及那些没有加载此类图像所需的高速互联网的人来说,替代文本是一种向用户提供描述的绝佳方式,以便他们能够访问相同的信息。

提供尺寸选项
字体太小或段落太大可能会使年幼用户或有智力障碍的用户以及视力受损的用户无法阅读信息。为用户提供不同的选项,以便他们能够增大或减小字体大小,并将信息分解为更易读的格式。

提供交互式网站元素的选项
并非所有用户都会使用键盘或鼠标,有些用户可能需要特殊的系统来导航视线;其他人可能无法正确地看到点击或悬停的位置,因此请确保您的网站为您在设计中包含的所有交互元素提供替代方案。
Post Reply