您是否认为是时候提高网站的可访问性了? 在许多情况下,您不希望添加 WordPress 辅助功能,因为它会影响网站的设计和美感。 但是,如果不添加辅助功能,残障人士的用户体验将受到影响。
这种态度确实会疏远许多用户。 例如,你知道吗? 8%的男性是色盲如果您的网站无法被这些人阅读,则可能会丢失大量流量。 这只是您需要向网站添加 WordPress 辅助功能的众多原因之一。
文字新闻网站的可访问性是什么意思?
WordPress 辅助功能意味着残障人士正在尝试创建使产品更易于访问的设计技术。
这常常被忽视。 但是,为残障用户提供更好的 WordPress 主题可访问性非常重要,以便他们能够以正确的方式体验您的网站。
使网站更易于访问可降低残障人士在使用网站时需要帮助的可能性。 你可以做一些小事。 当然,在你里面可以实现很多事情 寻求更好的文字新闻网站可访问性但是,即使是小事也会产生影响。
你会惊讶于 网站颜色效果显著请考虑提高可访问性所需的其他详细信息。
- 调整字体大小
- 键盘导航
- 网站颜色
- 亮点
- 饼干
- 链接
- 图片
所有这些和更多是您要考虑添加到网站,使网站更易于访问。 您还可以通过重新设计网站并添加许多可访问的 WordPress 主题之一来更进一步。
今天,我将向您展示如何为残障人士添加 WordPress 网站的可访问性,使内容更易于查看。 让我们来看看今天使用的插件,看看它必须提供什么。
WP 辅助功能帮助程序 (WAH)
WP 辅助功能帮助程序 (WAH) WordPress 辅助功能插件的使用和理解非常简单。 它为网站所有者提供了一个易于设置的选项,并提供了一种使 WordPress 网站对有缺点的人更易于访问的方法。
如果网站设计得当,所有用户都可以正确访问网站上提供的信息和功能。 此 WordPress ADA 合规性插件可帮助网站所有者解决重要的辅助功能问题,如字体大小、对比度、标题和 Alia 标签标签以及图像 alt 标记。
插件提供的工具和功能使网站在需要时更易于访问。 让我们安装此工具,并一起运行它。
笔记: 有一个专业版,有额外的选项。 其中有许多有用的功能需要考虑,例如大型鼠标光标。 浏览它们,看看这是否是您在网站上想要的。 以下教程基于插件的免费版本。
使您的 WordPress 网站更易于访问
第 1 步:安装和启用插件
有一个简单的分步过程,将您的网站移动到残疾人更容易访问的位置。 你要做的第一件事就是 安装和激活 插件。
为此,请转到 WordPress 管理仪表板的插件页面。
只需使用页面上的可用搜索字段按名称搜索插件即可。 当正确的内容弹出时,请从那里安装并激活它。
第 2 步:转到辅助功能页面
安装并激活插件后,您需要跳转到主“辅助功能”页面。 在仪表板左侧的菜单区域中,单击[アクセシビリティ]单击选项卡中的链接以到达那里。
从这个主页,你可以更好地处理您的网站。
第 3 步:设置插件
这里有很多可用的设置。 在每个主设置框下,有一个必须创建的相关设置的列表。
将显示以下选项:
- 全局设置
- 字体设置
- 对比度设置
- 样式设置
- 链接设置
- 内容设置
全局设置
此框是配置插件的所有全局设置的位置。 这包括主题样式、移动、图像、按钮和过渡等选项。
字体设置
使用此框可以配置网站前端的所有字体设置。
对比度设置
在此选项卡上应用更多颜色对比度设置,使颜色更易于访问。
设置样式和链接
在这些框下,您可以选择设置插件样式和链接。 设置适合您的站点的方法。
内容设置
最后,根据需要设置内容设置复选框。
完成后,单击页面底部[オプションの更新]单击该按钮以确保应用了所有设置。
第 4 步:正确订购小部件
完成所有主要设置后,跳转到“小部件顺序”页。 只需单击左侧菜单区域中的链接即可。
进入页面后,您将看到插件中包含的小部件列表。 您可以使用拖放技术按所需方式订购。
第 5 步:显示实时辅助功能拉出窗口
配置选项和设置以适合您的首选项并保存所有内容后,即可查看其实际工作原理。 前往网站的前端。 现在,您可以看到右上角或左上角有一个小辅助功能图标,具体取决于您的设置
访问者只需点击它,并拉出WordPress主题的辅助功能菜单。 提供查看和正确导航网站的选项。
现在,用户可以单击该图标,并使用在设置区域中提供的所有 WordPress 网站的辅助功能选项。
笔记: 我们强烈建议您让用户群知道此按钮的存在。 很容易错过,它打败了它的目的。 它有时在混音中丢失,因为你会发现它很小。
WAH 插件中提供的其他工具
WP 辅助功能帮助程序插件中还有其他一些工具可用。 插件左侧的菜单还包含以下链接:
- DOM 扫描仪
- 附件控件
- 地标和 CSS
随时检查这些区域,并充分利用它们
- DOM 扫描仪: 这允许您扫描(分析)网页是否存在 WCAG 错误。
- 附件控件: 这允许您控制网站上所有附件的所有功能和可访问性。
- 地标和 CSS: 控制 HTML 5 元素选择器,如果知道如何操作,请添加自定义 CSS。
文字印刷机可以开箱即用吗?
这是我们许多人的问题。 显然,您可以做很多事情来使 WordPress 网站更易于访问,但 WordPress 在这方面实际上提供了多少?
事实上,答案是,默认情况下,WordPress 是非常可访问的。 事实上,WordPress 拥有一支完整的团队,专注于辅助功能。 团队致力于使 WordPress 管理员和捆绑的主题尽可能完全符合 WCAG 2.0 AA。 他们有整个页面致力于这一点,你可以阅读更多 文字新闻辅助功能标准.
古腾堡编辑
自 2018 年末发布以来, 古腾堡块编辑器 是许多讨论的中心。 文字新闻界的分歧。 一些开发人员和网站所有者从一开始就喜欢它,而另一些则反对,现在也是如此。
话虽如此,你不能否认的一件事是,WordPress项目及其团队非常致力于使所有需要编辑的人都能访问它。
原来,审计说明发现四个主要的无障碍问题。 它们修复得相当快。 随着审计工作从2019年持续到2020年,我们发现了另外90项需要修改的项目。
在此过程中,又有116个项目被关闭。 在上面谈到的90辆原装车中, 只有 21 件保持打开状态 (本文发布时)。
您可以看到,WordPress 开发人员正在努力使一切尽可能可访问。
如何提高 ADA 合规性
不幸的是,它使您的网站更容易访问, 符合 ADA 标准 可能会影响整体设计。 但是,如果这是完全有价值的,您的网站是任何人都不能享受的,那么它最初的设计不是很好。
然而,对于许多把心放在特定布局上的初学者来说,这可能令人不安。 因此,我们强烈建议访问者确定他们挣扎的网站区域并收集反馈。
这不仅有助于残障用户访问您的网站,而且还有助于改善整体体验。 毕竟,有时这是一个非常糟糕的设计。
选择可访问的 WordPress 主题
我们对此有点了解。 如果您正在考虑对您的网站进行大修和重新设计,为什么不选择一个已经可访问的WordPress主题呢? 文字新闻列出可访问的主题 它们并不难找到。
所有这些主题都经过辅助功能测试,都符合所需的标准。 如果您正在寻找付费主题,请与开发人员联系,询问他们是否需要有关主题的可访问性。
考虑色盲用户
在网站设计过程中最被遗忘的群体之一是色盲。 友好的色盲设计可能会完全改变网站的外观,因为颜色不能相互叠加。
事实上,网页设计师 彩色卡片 它显示了特定颜色在正常和最常见的色盲中的外观。
最好的工具是 使用托普塔尔的色盲工具此工具允许您输入网站的 URL 并应用各种色盲滤镜。 这将有助于您了解您的网站在他们眼中的外观。
但是,网站的主要设计并不是唯一可能的问题。 相反,小图标通常是最大的问题。
例如,如果某事在好的时候显示绿点,而当事情不好时,它依赖于显示红点,那么有些人无法分出区别。
要解决此问题,您需要添加符号以及颜色。 在这种情况下,您需要向绿色添加复选标记,并将 X 添加到红色。 这样,即使访问者是色盲,大多数人也会识别这些通用符号,从而看到差异。
收集用户反馈对于确定网站上的问题区域非常有用。 所以,请这样做。
最终想法
WordPress 网站的可访问性对每个人都很重要,因为访问者希望以他们需要的方式享受网站。 但是,在不影响设计的情况下,很难让每个人都访问您的网站。
因此,有必要花时间研究某些残疾人面临的常见问题。
当您尝试查看网站时,您会遇到什么? 在许多情况下,您只需要最少的更改。
在大多数情况下,它使每个人都更容易。
自从你读了这篇文章,你用过WordPress网站的辅助功能插件吗? 您是否已经使用其他技术引入了辅助功能?