
增强网站可访问性的方法
可访问的网站可确保访问您网站的每个人都可以访问您要与他们共享的信息。对于任何构建网站的人来说,可访问性是许多重要的考虑因素之一——而不仅仅是大型组织。提高可访问性的做法还可以帮助您进行搜索引擎优化(SEO),这可以使您的网站在搜索结果中排名更高,并覆盖更多的受众。
可访问性最佳实践总是在不断发展。法律、法规和可访问性标准可能因您所在的位置而异。例如,符合美国残疾人法案 (ADA)的网站可能不符合另一个国家/地区的可访问性标准。
但您无需成为专家或知道如何编写代码来改进网站的可访问性。您可以执行以下几项项简单的操作,让每个人都能更轻松地查看您的网页设计和内容。
1.仔细选择你的颜色
颜色是任何品牌视觉识别的重要组成部分。但是,如果您想与所有网站访问者清楚地沟通,最好不要使用颜色来表达您的观点。
在您最终确定网站上的颜色选择之前,问问自己:
我是否使用颜色来传达信息?对于视力不佳或有色觉障碍的访客来说,使用颜色来强调一个词并不总是会让人印象深刻。辅助技术无法仅根据颜色传达您的意图。如果您使用颜色来传达信息(如红色表示“警告”),请确保您的意图也通过辅助技术可以获取的替代文本的文本或图像来表达。
文本和背景之间是否有足够的对比度?相似的颜色(如红色和橙色)很难区分,并且会使视力不佳或有色觉障碍的人无法看到您的内容。为了获得更易于访问的体验,请为您的网站设计选择对比色,例如奶油色背景上的黑色。
2. 为图片添加替代文字
替代文本是对图像的描述,可以通过辅助技术获取。替代文字很有用,不仅对有视力障碍的人有用,而且:
有一定认知障碍的人可能比视觉更好地理解口头语言
使用语音助手的人(当他们不看网页时)
由于互联网连接问题可能看不到图像的用户
出于时间或成本考虑而不喜欢下载图片的用户
在图片中添加替代文字可确保所有访问者都能从您的网站获得最重要的信息。
要知道何时添加替代文本和编写有用的描述,请问问自己:
这个图像是装饰性的还是传达信息的?装饰性图像不需要替代文本,因为它们不太可能帮助用户更好地理解页面上的信息。
关于图像,人们需要了解什么?并非图像的每个部分都需要帮助人们理解其目的。例如,头像中的背景颜色不是必需的,但照片中人物的名字可能是必需的。
其他需要牢记的准则:
尝试将替代文本保持在 250 个字符以内。如果图像需要更长更详细的描述,请为完整描述添加标题。
不要在您的描述中包含“图像”或“图片”。辅助技术将为用户识别图像,因此您不必这样做。
3. 为您的视频添加字幕并限制自动播放
就像替代文本为静止图像和 GIF 提供重要上下文一样,字幕和文字记录对视频和音频内容也有同样的作用。您可以使用第三方视频平台为视频添加隐藏式字幕,然后将您的视频上传到您网站上。
文字记录允许访问者获取视频的所有信息,即使他们无法观看或收听。您可以通过可下载的文件将文字记录添加到您的网站,作为页面上的文本块,或者在您链接到视频播放器下方的单独页面上。
页面上有太多移动图像(即,缩放、闪烁或快速变化)会对具有运动敏感性或对闪光敏感的人产生负面影响。为了保护这些用户:
包括尽可能暂停视频的选项。
在您的网站上关闭自动播放。
避免在页面上添加背景视频。
避免在一秒钟内闪烁三次或更多次的 GIF 和视频。
4.让你的内容清晰
您在网站上组织内容的方式使使用辅助技术的人们更容易导航。对于大多数网站而言,这意味着保持网页页面布局简单一致,并为网站上的每个页面提供清晰明确的名称。
如果您要超链接任何文本,请为您的链接添加适当的标签。辅助技术通常会在链接文本时指出,因此您无需在内容中包含“链接”一词。例如,当将用户指向联系页面时,写“联系我们的联系页面”比写“要联系我们,请单击此处的链接”更有帮助。
如何构建内容对于网站上的任何页面(包括博客页面)都很重要。通过使用标题(例如 H1、H2、H3)而不是依赖粗体或斜体文本来分隔页面的不同部分,为您的页面提供易于理解的结构。每页只使用一个 H1,因为H1 表示标题或标题,并按顺序使用标题级别,而不是例如从 H2 跳到 H4。
5. 与了解无障碍功能的设计师合作
如果您选择与网页设计师合作,请询问他们对网站可访问性标准的熟悉程度。具有该主题经验的设计师可以节省您的时间,并有可能做出您无法自行解决的可访问性改进。
如有疑问,您还可以从专业的辅助功能专家那里获得帮助或建议。由专家运营的咨询公司可以通过测试您网站的可访问性、提供培训或建议对您的网站进行更改来为您提供支持。