让您的网站更易于访问的 8 种方法
每个网站的主要目标都是吸引尽可能多的访客。然而,确保每个人都能访问您的网站的一个关键因素经常被人们遗忘:网络可访问性。
如果您的网站缺乏可访问性,那让您的网站更易么您就错过了 22亿人 失明或视力受损者,以及4.66亿人患有耳聋和听力丧失。
换句话说,让您的网站无障碍可以增加您的访客。此外,随着 ADA 诉讼 快速崛起,你想站在法律的正确一边。
幸运的是,网络可访问性并不像人们想象的那么难实现。以下是一些有助于您提高网站可访问性的提示:
1. 使用键盘友好的导航
对于盲人用户来说,用鼠标浏览网站是不可能的。相反,他们使用“Tab”和“箭头”键或键盘快捷键,因此必须有键盘友好的网站。
确保标签或箭头键导航顺序符合视觉内容结构。您还应该在每个页面顶部添加“跳转到主要内容”标签,让残障用户跳转到重要内容。
2. 添加正确的替代文本
屏幕阅读器只能阅读文本。因此,它们无法区分带有停车标志的图像和日落图像。这就是替代文本出现。它可以帮助屏幕阅读器将图像中让您的网站更易的信息传达给盲人和视力受损的读者。
但是,您应该用简洁明了的文字描述图片。确保将图片中的文本也包含在 alt 标签中。如果图片仅用于美观且与主要内容无关,则可以将 alt 标签留空。这将有助于残障用户跳转到主要内容而不会分心。
此外,如果您的网站有 CTA 或带有动 顶级电子邮件列表 画悬停状态的菜单,请确保使用替代文本将元素标识为链接或描述所写内容,以便屏幕阅读器可以阅读它们。
3.使用正确的颜色和对比度
色盲是最常见的视力障碍之一。色盲用户无法正确看到部分或全部颜色。因此,他们可能难以理解对比度较低的文本或图像。
因此,请确保使 潜在客户质量:如何通过访客识别生成和衡量优质潜在客户 用正确的文字大小、文字颜色和背景颜色。例如,白色背景上的黑色文字和黑色背景上的黄色文字是极佳的色彩对比组合。
如果您的网站上有产品图片,您可能无法更改产品的外观。但是,您可以在产品详情中描述调色板,以帮助用户了解产品的外观。
下载我们的免费电子书,了解成 索尔特数据 功的网站重新设计的 10 个基本要素。
4. 让内容更易读
随机放置且无序的内容对于任何人来说都难以阅读,不仅仅是盲人和视力受损的用户。为了让屏幕阅读器更容易理解您的内容,请确保组织您的副本,并在相关页面(例如产品页面)上保持组织模式的一致性。
使用标题标签来标识文本层次。H1 标签应用于主标题,其他标签则不适用。然后 H2、H3 等可用于章节和子章节。另外,不要跳过标题。例如,不要直接从 H2 转到 H4。
最后,在整个内容中使用简短而精确的句子。避免添加冗长的段落。如果内容很长,请在适当的间隔处添加“跳过”选项卡,以便使用键盘导航的访问者跳到下一节。
5. 添加无障碍表单
大多数网站使用在线表格进行交流、注册、登录和订购。为了节省页面空间,他们还使用占位符文本。然而,占位符文本对比度低,难以看清。而且,只要您开始输入,它就会消失,屏幕阅读器也无法读取。
为了更好网络可访问性,您应该在网站上的让您的网站更易联系表单和登录页面中使用标签。始终使用星号和感叹号以及“必填”字样来指示表单中的必填字段。仅使用颜色或弹出窗口对所有用户来说都不是件好事。
6. 拒绝自动导航和媒体
您可以使用字幕、视频记录和音频描述,让盲人和视力受损的用户能够访问您的多媒体。然而,仅靠这些还不够。
大多数媒体播放器默认会自动播放视频,这可能会分散盲人和视力受损用户的注意力。请确保视频不会自动播放,并且视频播放器支持键盘操作。
幻灯片也一样。使用替代文本详细解释每张幻灯片,并确保幻灯片可以通过键盘命令进行播放。
7.优化你的链接
就像文本一样,您还需要优化网站上的 URL。使用为所有用户提供正确上下文的描述。URL 名称应该是唯一的,不要太长,并告诉用户链接指向的页面上会显示什么。
您还应避免使用“单击此处”或“阅读更多”之类的文字,因为它们不具有描述性。如果您要将用户引导至描述您的 XYZ 产品的页面,则不应仅使用“阅读更多”,而应使用“在此处阅读有关我们的产品 XYZ 的更多信息”。
8.尽量减少使用表格
尽管大多数屏幕阅读器都相当让您的网站更易擅长阅读表格内容,但阅读表格内容却是一项挑战,尤其是当表格内容复杂且包含多行和多列时。表格会让使用屏幕阅读器的访问者感到内容冗长,而且屏幕阅读器可能无法按照内容的视觉顺序阅读,从而造成混乱。
如果您的网站上确实包含表格,请为行和列使用描述性标题。标题应向屏幕阅读器用户解释不同单元格之间的关系。您可以使用“scope” (HTML)属性以及(HTML5)中的表格标题,让屏幕阅读器用户更容易理解表格数据。
总结
创建一个可访问、用户友好的网站可以帮助您赢得积极的品牌声誉,并增加您的营销可以触及的受众。如果您正在设计一个新网站,请从一开始就从可访问性的角度开始思考。如果您已经有一个网站,那么让它变得可访问永远不会太晚。希望通过这八个易于实施的技巧,您可以立即开始让您的网站变得可访问。