改善 WordPress 网站可访问性的 10 种方法
已发表: 2022-03-29网站可访问性确保您的网站对每个人都易于使用,无论他们的身体和情境残疾或经济限制如何。 无论情况如何,您都希望确保所有用户在您的网站上的体验都是无缝的。
如果您网站的这一方面没有得到解决,那么您很有可能会限制大量目标市场,因为他们无法访问您在线页面上的关键功能。
虽然人们可能主要考虑残疾人,当然,这是一个很好的起点; 网站可访问性问题可能涉及临时情况,例如:
- 需要通过手机或其他小屏幕设备、使用智能电视 (TV) 等访问您的网站的用户;
- 年龄较大的网站访问者因年龄增长而面临不同且不断变化的挑战;
- 用户在光线不足的区域访问您的网站; 和
- 使用慢速互联网连接或因所在国家或地区而导致带宽昂贵的用户。
了解您需要解决的广泛而多样的挑战可以帮助您制定可行的解决方案。 以下是您提高网站可访问性的关键方法
1.通过语音使您的内容可控
语音识别是一种可以集成到网站中的功能,允许您的内容通过语音进行控制。 这包括表单、按钮、链接和其他控件。 您可以集成听写软件,让无法使用鼠标或键盘的用户使用语音在您的网站上执行功能。
您的所有内容都需要正确编码和设计才能正常工作。 此外,您需要网站源代码中的标识符和标签与它们的视觉表示方式相匹配,以明确哪个控件将通过语音命令激活。
2.注意你的颜色选择
全球数以百万计的人是色盲,因此您使用的颜色应该注意这一现实。
此外,在选择网站的色彩比例及其对比度时,您应该小心。 颜色对比度选项应该很高,例如,在白色背景下使用黑色文本,以便用户轻松阅读您的内容,即使他们有一定的视觉限制。
3.确保您的链接带有下划线
很多人最近都放弃了“为链接添加下划线”的规则,因为没有下划线的文字比带下划线的文字更具美感。 这可能是真的,但您网站的主要任务是功能。 这意味着在所有事情上; 您应该优先考虑功能。
删除下划线会使您的用户难以识别计数器的超链接部分。 如果您仍然不想在内容下划线,那么请考虑使用其他方法使您的链接从副本的其余部分中脱颖而出。 您可以使用颜色或粗体文本来执行此操作。
4.为图像添加 Alt 标签
为了提高您网站的可访问性,您将不得不考虑为您网站上的所有图像添加“alt 标签”。
一些网站使用他们的替代文本作为他们的搜索引擎优化 (SEO) 策略的一部分:他们没有使用它来尽可能简短地描述图像,而是使用空间来填充他们认为有助于他们的网站排名的关键字。 显然,这通常不会为网站访问者带来良好的阅读体验,您希望避免这种情况以保持您的网站可访问。
当有人通过屏幕阅读器访问您的网站,并且您的网站没有在其视觉内容中添加 alt 标签时,他们的屏幕阅读器将无法向阅读器解释图像中的内容。 alt 标签告诉屏幕阅读器软件图像中的内容以及它与周围内容的相关性。
要将 alt 标签添加到网站上的图像,您需要转到编辑器右侧的 Alt Text 字段并写一个描述图像的短句。
5.保持你的链接描述性
由于视觉限制,一些用户将使用语音命令技术来浏览您的网站。 由于您网站的这部分访问者将使用屏幕阅读器来访问您网站的内容,因此您的链接必须更具上下文相关性。
与其说诸如“阅读更多”之类的模糊内容,您可能希望添加更多详细信息以使您的链接上下文化,以便用户确切地知道链接将引导他们的位置。 因此,您可能希望添加更多详细信息,而不是仅仅“阅读更多”,并让它阅读类似“点击此处阅读更多关于我们的团队如何为您提供帮助的信息”的内容。 这样,系统会提示使用屏幕阅读器的用户单击提供的链接。
6.在不同的屏幕上测试你的字体大小
在给您当前的“不调整大小”点头之前,您必须通过具有不同屏幕尺寸的不同设备访问您的网站,例如,测试您的文本在个人计算机 (PC) 和手机上的外观,以确保它已优化适用于大屏幕和小屏幕。
7.添加主要内容链接
如果您对此不采取任何措施,使用屏幕阅读器的用户将在您的网站上花费大量时间,因为他们的阅读器会从头到尾开始阅读您的网站,有时可能需要一段时间才能开始阅读用户需要的内容读书。
为了解决这个问题,在创建 WordPress 网站时,您需要插入允许屏幕阅读器跳转到页面主要内容的链接。 可以将此链接添加到您的超文本标记语言 (HTML) 的第一列。
8.提供视觉和音频内容的替代文本
为您的内容添加字幕可以帮助有听力障碍的人访问您的内容。 在您的网站上发布视频、播客或有声读物时,请确保您已在该内容之外添加文本,以便每个人都能理解。
9.启用标签索引
您的一些用户,尤其是运动技能能力有限的用户,通常会使用键盘的 Tab 键进行回复,而不是使用触控板或鼠标浏览您的网站。
为了容纳这些用户,请确保您的网站已被标签索引。 这是您通过建立内容元素的顺序来帮助确保所有用户能够按预期顺序访问您的内容的时候。
10.为低网速设计网站
虽然普通用户在访问您的网站时会有较高到平均的网速,但有些用户的网速会低于正常的网速。
此外,即使是互联网速度普遍较高的用户,有时也可能会遇到连接不稳定的情况。 考虑到这一点来设计您的网站有助于让每个人随时都能访问您的网站。
您可能认为这意味着您的网站应该只用 HTML 文本编写,但远非如此。 流动的标准可能包括:
- 确保您的页面不超过 25kb。 您的目标应该是在大约 15 秒内加载网站数据。
- 使用级联样式表 (CSS) 减少站点上的图像并保持站点结构整洁。
- 确保可以缓存您网站的页面,从而减少访问您网站的访问者的加载时间。
- 避免链接到 PDF 等大文件,但请确保是否需要此类链接。 显示文件大小。
- 首先在您的网站上加载的内容需要非常重要,因为它会促使读者在加载其他信息时再等待几秒钟。 因此,请确保将有价值的信息放在首位。
结论
使网站可访问涉及大量计划。 无论您是从头开始创建站点还是要调整当前站点,这都是正确的。 花一些时间思考具有不同限制的用户如何与您的网站进行交互,以及如何改善他们的体验。