增强网站可访问性的 7 种基本方法
已发表: 2023-04-14在 Web 开发方面,网站可访问性问题是最容易被忽视的问题之一,但对于任何对吸引尽可能多的受众访问其页面非常感兴趣的人来说,它们仍然是一个基本的考虑因素。
网页设计趋势在不断发展,每年都会出现新的样式和技术。 然而,重要的是要记住,可访问性应该始终是网页设计的重中之重。 可访问性是指以允许残障人士有效访问和使用网站的方式设计网站。
由于与设计理念或宏伟的着陆页功能直接冲突,可访问性通常会被掩盖,但如果忽视您的可访问性,您实际上是在为无数有障碍的潜在客户关上大门。
尽管人们认为可访问的网站必须牺牲设计以包含更强的对比度、更大的字体和过于简化的导航选项,但没有什么能阻止网站所有者创建迎合所有用户的引人注目和有影响力的设计。
更重要的是,建立一个无障碍网站比许多站长想象的要容易,在某些情况下,经过一些小的调整就可能有很大的改进。
考虑到这一点,让我们更深入地研究网站所有者可以提高所有受众可访问性的七种关键方法:
目录
1.确保您的页面可以不用鼠标浏览
对于行动不便的用户,鼠标或触控板在浏览网页时可能是一种极其难以使用的工具。 重复性压力伤害会使鼠标的使用变得特别困难,许多用户使用键盘、单开关输入设备或嘴棒作为他们浏览网站的唯一方式。
在构建页面时考虑到非鼠标用户是值得的,对于包含大量内容的长页面,使用锚链接(或跳转列表)分解副本很重要,这可以帮助仅使用键盘的用户快速导航到各个部分他们想要的内容,而不必先筛选其他内容。
2.记得支持带有替代文字的图片
最好的网站利用图片来帮助访问者享受更好的现场体验,并支持有关产品和服务的内容和信息。 简而言之,在网站上使用图像对于您的受众的整体体验来说是无价的。
但是,它们对视力受损的用户的影响可能会消失。 如今,许多用户依赖屏幕阅读器程序或可刷新的盲文阅读器。 这些以软件程序的形式出现,在合成器或盲文显示器的帮助下读取屏幕上的文本。
虽然屏幕阅读器非常有用且具有描述性,但它们无法在不添加任何附加信息的情况下识别图像。 这意味着盲人访问者将错过您网站的关键区域。 要解决此问题,请考虑添加替代文本以更好地向有障碍的用户描述您的图像。
请记住尽可能具有描述性,而不是简单地向图像本身添加支持信息。
3.仔细选择你的颜色
这是一些网页设计师觉得他们的创造力会被扼杀的部分,但事实并非如此。
为您的网站创建易于访问的布局意味着选择适合所有人查看的调色板。 对于有障碍的人来说,冲突的颜色可能很难区分。
选择合适的调色板可能是一件棘手的事情。 将近 8% 的男性患有某种形式的色觉缺陷 (CVD),即红/绿色盲,因此不建议使用这些颜色或这些颜色的变体作为配色方案的主要部分。
同样,在构建网站时使用混合得太紧密的颜色也是不明智的,因为这对于有视力障碍的用户来说可能难以区分,甚至可能导致风险,例如年轻访客的眼睛疲劳。
但是,仍然值得使用不同的配色方案来构建您的内容,因为它对有学习困难的用户很有用。
考虑到这一点,值得在对比色之间找到健康的平衡。 避免丑陋的对比,但要确保您的内容和号召性用语易于区分。 使用像这样的调色板生成器工具可以在这方面为您提供帮助,因为该工具允许用户优先选择基于可访问性的配色方案。
4.使用正确的工具来提供帮助
对于 Web 开发人员来说,在可访问性方面确切地知道哪些有效,哪些无效可能很棘手,但幸运的是,有许多可用的工具可以帮助您在线掌握可访问性选项。
像 WAVE Web Accessibility Evaluation Tool 这样的平台可以很好地提供数据驱动的洞察力来了解所有用户如何查看您的页面。 要使用 WAVE,您只需输入您有兴趣评估的页面的 URL,以查看基于可访问性的报告。
该工具可以提供有关如何增强可访问性的反馈,例如向正确的图像添加替代文本并确保对比度对所有用户都足够。
5.确保内容保持结构化
另一个需要考虑的关键因素是确保您的内容保持合适的标题结构。 这意味着在适当的地方添加 H1、H2、H3 和 H4 标题。
同样,这似乎是一个可能会对您的页面设计产生负面影响的概念,但这种结构可以帮助使您的内容更容易被用户识别和理解。 除此之外,标题和副标题可以很好地帮助屏幕阅读器解释您页面上的内容。
例如,您的页面上应该只有一个 H1 标签,作为您的标题,而 H2s 应该用于副标题,更多的副标题用 H3s 表示,等等。
6.始终为视频内容添加字幕
互联网在不断发展,以适应为网站提供动力的新技术。 尽管视频内容并不是什么新鲜事,但网站可以相对轻松地将其添加到其页面中。
但是,如果不是所有访问者都能听到正在说的内容,视频内容的积极影响就会消失。 考虑到这一点,您必须添加嵌入在视频文件中的隐藏式或开放式字幕。
在上线之前,请务必检查您的字幕是否准确并与您的视频内容正确同步。 对于在无法收听的地方观看的访客来说,此措施也是一个很好的工具。
7. 保持清晰
虽然这一点并不直接涉及网站的设计方面,但始终确保您在页面上使用的语言保持清晰和简单是至关重要的。
要创建一个真正易于访问的页面,您必须确保每个人,包括那些有认知障碍和阅读素养低的人,仍然可以轻松地理解您的内容。
请务必查看您的现场内容,以检查所使用的语言是否适合所有目标受众。
尽管让每个人都可以访问您的内容的挑战有时看起来像一个雷区——尤其是当您清楚地知道您希望您的页面看起来像什么时,一个完全包容的网站可以获得吸引尽可能多的观众的好处一种更有意义的方式。
考虑到这一点,您更有可能获得更多与您的内容的互动,以及购买、邮寄列表注册或社交媒体的转化。 无论您如何处理,可访问性都是将您的网站提升到一个新水平的关键。