衢州建站:如何使WordPress网站更易访问

衢州网站建设 | 2019-04-03

WordPress开发人员花了很多时间考虑站点优化。够快吗?布局直观吗?图像大小和分辨率合适吗?内容有趣吗?

衢州建站虽然所有这些当然都很重要,但对于网站的可访问性却没有给予足够的关注。你想要访问你的网站的每个人都能做到这一点吗?一旦到了那里,他们能畅通无阻地航行吗?你为残疾人提供解决方案吗?

有很多要考虑,所以我不会再浪费时间介绍绒毛。我们直接去吃肉吧。

熟悉Web内容可访问性指南

也称为WCAG,Web内容可访问性指南概述您应该做的一切,以使您的网站访问尽可能多的人。你为什么要这么做?根据准则的摘要:

遵循这些准则将使更广泛的残疾人能够获得内容,包括失明和视力低下、耳聋和听力丧失、学习障碍、认知障碍、行动受限、言语障碍、光敏性以及这些障碍的组合。遵循这些指导原则,通常也会使您的Web内容对用户更有用。

很有道理,不是吗?如果你采取额外的努力,使你的网站可供残疾人使用,你会大大扩大你的范围。总之,更多的人会登陆你的网站,并有一个积极的经验。如果这对你的底线不好,我不知道是什么。

1999年5月出版了WCAG的第一版。它现在发布在2008年12月发布的2.0版上。目前,它被细分为四个关键的“原则”,包括:

当然,这些广泛的原则可以应用于任何在线网站,而不仅仅是那些使用WordPress的网站。虽然我可能会说一些措施,你可以采取的改善任何网站的可访问性,我将尽我最大的努力,使我的建议,作为特定的WordPress-尽可能。

考虑到这一点,本文的其余部分将被上面列出的四个原则分开,并为WordPress站点提供了使用插件、外部服务等实现该原则的具体方法。虽然不可能达到WCAG推荐的每一条准则,但我正在尽我最大的努力来适应这里的情况。

使您的站点可感知到

您的衢州建站网站访问者是否能够感知到您网站上的所有元素,而不管您是否有残疾?WCAG提供了以下指导原则,以确保您能够容纳每个人:

为非文本内容提供文本替代方案

所以,照片是可以描述的。文本可以转化为语言。此外,还可以支持其他文本形式,如大号印刷和盲文。

这,这个,那,那个可访问性Widget允许您向侧边栏添加一个小部件,专门用于更改站点上的文本大小。而GSpeech插件将文本到语音添加到网站上的任何文本中。您甚至可以为您的访客设置音频问候语。

衢州建站

衢州建站要向每个图像添加文本描述,只需使用“alt”标记即可。您可以手动完成此操作,但是环保友好型图像当然,插件为您的所有图像添加了正确的标题和ALT属性,以获得更好的可访问性,更大的搜索引擎优化。

为“以时间为基础的媒体”提供替代方案

音频和视频记录可以通过文本记录、字幕和/或描述视频内容的仅音频轨道来支持。音频内容与手语相补充。

提供更容易看到和听到的内容

不要仅仅依靠颜色来表示您希望用户特别注意的元素。同时,提供高对比度的配色方案来帮助那些视力受损的人。这可以使用WP用户样式表开关程序。网站访问者所要做的就是点击下拉菜单来选择一个对比度很高的样式表,这样内容就更容易阅读了。

您还可以使用类似于EsAudioPlayer将一个简单的可访问音频播放器添加到您的站点,这样您就可以嵌入音频内容。让那些使用文本浏览器下载音频文件。它也被设计为与屏幕阅读器一起工作,用户可以很容易地选择Play和Stop按钮。

提供足够的文本调整功能

从大的文本选项到在不影响功能的情况下将文本调整到200%的能力,这可以确保用户能够清晰地阅读所有内容。避免使用文本图像。纯文本就足够了。

这,这个,那,那个变焦插件使用户调整网站预定义区域的大小变得简单。使用它,您可以设置最小和最大调整百分比,并将其应用于特定的类、ID和标记。

使您的站点可操作

你的网站有多种不同的工作方式吗?它能从许多不同的设备上访问吗?它是否说明了辅助技术?

提供更大的键盘可访问性

也就是说,您可以使用键盘执行站点上的几乎所有任务。您还可以确保在您的站点上没有键盘陷阱,也没有通过键盘输入的位置无法从使用键盘导航。你可以安装可访问下拉菜单为了让网站访问者可以通过键盘访问您的菜单。你可以用可访问性访问密钥若要创建站点范围内的访问密钥,可以更方便地导航用户。这对于绕过上面提到的键盘陷阱尤其有帮助。

为阅读和浏览内容提供足够的时间

如果有时间限制,让用户关闭或允许适当的扩展,除非游戏中有一个实时组件,例如拍卖。另外,移动内容(自动滚动或自动更新)将与非移动内容一起显示,或者功能可以关闭。

由于autoscroll不是WordPress内置的特性,所以您不必担心这个特性。以可访问性的名义,最好避免完全提供此功能的插件。无限滚动-一种在到达页面页脚时自动加载新内容的功能-有时会内置到主题中。自动更新功能可能会丢弃屏幕阅读器功能,因此也要注意这一点。

提供不会引起扣押的内容

你网站上的内容不应该超过每秒三次。所以,避开疯狂的动画gifs-尽管你可能无论如何都应该这么做!

提供清晰、清晰的导航

这包括清晰的标题、顺序排序、上下文链接、多个链接路径和描述性标题。SEO插件实际上可以帮助实现这些可访问性点。你看,搜索引擎优化要求你的内容是明确的,并提供逻辑导航,也。

衢州建站试着安装类似的东西Yoast的WordPress SEO全合一SEO包若要向文章编辑器添加提示以自定义页面标题、描述、元数据等,请执行以下操作。你也会想要创建一个站点地图,当然搜索引擎会喜欢它。但是屏幕阅读器也可以使用它们来实现更快的站点导航。使用像这样的插件GoogleXML站点地图在飞行中产生一个。

使您的网站易于理解

您的网站内容和导航是否清晰?它能被理解的很少或没有解释吗?

提供具有内在可读性的内容

它应该以清晰简洁的方式写成,语言清晰,用词选择清晰,可以被电脑声音大声朗读。定义行话、难词和缩写也是个好主意。

您可以使用CM工具提示词汇插件虽然您可能需要做一些CSS修改,以获得足够大的工具提示,以满足可访问性标准。

提供符合人们预期的行为和外观的网页。

网站内容符合其标题和链接。导航是可预测的,并且在每个页面上看起来都是一样的。谢天谢地,WordPress一开始就配备了支持逻辑导航的设备。虽然你也可以玩自定义菜单,以确保你提供了最清晰的链接选项。

提供投入援助

如果出现拼写或打字错误,请提供建议或自动更正。为需要用户输入的区域提供明确的说明,并实现一个防止错误的系统,使用户能够逆转、反复检查和确认提交的内容-特别是当它们包含财务或法律数据时。

你可能想用这样的方法提交表在这种情况下-连同它的WordPress插件让网站访问者提交各种文件类型。自动系统在发送提交文件之前要求确认。

使您的站点健壮

一个强大的网站是一个考虑到一切的网站。你是否以尽可能多的方式满足尽可能多的人的需要?

提供与辅助技术的兼容性。这意味着HTML已经超出了使用开始和结束标记、没有重复属性和唯一ID的范围。您需要清晰的标题和段落元素,这样内容就会出现在屏幕阅读器上。基本上,应该避免花哨的HTML。想增加风格吗?使用CSS。否则,让基本格式很好地为您的内容服务。

可湿性粉剂

这个插件在这里应该有它自己的一节,因为它涵盖了这么多上面提到的指导方针,并且只使用了一个插件。可湿性粉剂提供各种各样的功能,所有的设计使一个网站满足WCAG通过修改您的WordPress主题。

首先,这个插件修复了WordPress中固有的几个可访问性问题。这些修复中有许多是在代码的深处,但它们确实改变了您的站点如何呈现给那些使用辅助技术的人。例如,它从可聚焦元素中删除表索引,向“读取更多”链接添加POST标题,并从链接中删除目标属性。

它还添加了一些特性,例如允许用户跳过链接、向键盘焦点状态添加大纲、向图像添加描述,以及添加一个专门为站点访问者提供切换高对比度、大写和灰度主题视图之间选项的工具栏。

WP可访问性包括几个其他功能,但它是一个全面的伟大插件,可以帮助您解决几个可访问性的问题,在一次。

使用“可访问性-就绪”主题

如果您已经致力于一个主题,那么您将不得不坚持上面描述的基于插件的基于代码的解决方案。然而,如果你只是刚刚开始一个网站的开发或者你是开放的改变,你最好的选择是选择一个主题,在设计时考虑到可访问性。

中有几个当前是免费的。WordPress主题目录。只需确保选择“可访问性-就绪”标记过滤器,以获得当前可用的视图。在本文撰写之时,有11个主题可供选择,其中包括自动创作(AutomatticCreation),二十四号WPstart.

结语

衢州建站让你的WordPress网站在一开始看起来似乎是很多工作,但好处是多方面的。首先,让尽可能多的人可以查看和使用您的内容,这样做是正确的。其次,你会自动提高你的搜索引擎优化,这意味着增加网站流量。而这两个因素的结合意味着更大的可能性的网站成功。

乍一看,Web内容可访问性准则可能会让人感到难以抗拒,但希望这将帮助您开始工作,并开始检查您的待办事项列表中的一些修改。

您是否正在努力使您的网站更容易访问?或者你是一个摇滚明星,它已经符合WCAG了?我很想听听你对这个问题的想法,包括你在下面的评论中遇到的任何挑战!


上一篇:没有了下一篇:衢州高端网站开发:我们即将推出的社交分享插件Monarche