Return to site

你应该知道的关于辅助功能+ SEO,第一部分:简介

你认识视力障碍者吗?也许他们视力低下或色盲,或完全失明。想想他们如何使用互联网。闭上眼睛,或至少眯眼并试着找到今天的新闻或在Facebook上与你的朋友互动。这是我们许多人每天都不去思考的挑战,但我们在搜索引擎优化中所做的一些事情会影响视障人士在访问网页时的体验。

辅助功能和互联网

视障用户可以使用VoiceOver或Jaws等屏幕阅读器浏览和使用网络。屏幕阅读器与搜索引擎爬虫一样,依赖于代码中的信号来确定它们正在爬行的结构和上下文。搜索爬虫寻找和解释的内容与屏幕阅读器查找和解释的内容重叠很小,但这个想法是一样的:这个页面的元素在哪里以及我如何理解它们?

SEO重叠

虽然重要的是要了解SEO和可访问性(a11y)重叠以便为两者正确优化,但同样重要的是要注意优化一个不一定类似于优化另一个。换句话说,如果您已经为搜索引擎优化了页面,那么这并不意味着您必须使其可访问 - 反之亦然。

最近,网络无障碍专家Karl Groves写了一篇名为The Accessibility&SEO Myth的帖子。Groves先生了解内部和外部的可访问性世界,并且知道优化可访问性(远远超出视觉障碍者的优化)总体上是非常不同的,并且比针对搜索优化要复杂得多(严格来说,从技术角度来看)引擎。他是对的 - 尽管SEO和a11y重叠的方式,a11y是一个完全不同的球赛。但是,如果您了解重叠,则可以成功优化两者。

以下是SEO和可访问性可以重叠的一些示例:

  1. 视频转录
  2. 图片字幕
  3. 图像alt属性
  4. 标题标签
  5. 标题标签(H1,H2等)
  6. 链接锚文本
  7. 现场站点地图,目录和/或面包屑
  8. 内容订购
  9. 文字的大小和颜色对比
  10. 语义HTML

如果你自己开发这个页面,我会挑战你,要了解更多关于你可以为可访问性做的事情,除了它与SEO重叠,比如了解ARIA属性。看一下W3C Web内容可访问性指南,您会发现可访问性比我们通常考虑的技术SEO要复杂得多。如果你认为技术搜索引擎优化很有趣,那就等到你加载这个。

优化可访问性或SEO?

如果您正在优化可访问性,那么您可能会覆盖可访问性和SEO重叠的技术优化的基础。但是,这并不总是相反,取决于你采取的SEO策略。

考虑一个屏幕阅读器到达一对女性的黑色Chuck Taylor全明星鞋的形象,并将其alt属性称为“女性的黑色Chuck Taylor All-Stars购买Chucks在线女性的chuck taylors全明星出售。” 烦人,不是吗?或者将这些页面标题与SEO 可访问性进行比较:“计算您的纳税申报表”与“在线税务计算器|纳税申报表|退税/退税”。想象一下,您刚刚遇到此页面而无法看到内容。哪一个更清晰,更清晰地描述了您对此页面的期望?

虽然很高兴知道正确的技术搜索引擎优化会影响使用屏幕阅读器的人如何使您的网站情境化,但同样重要的是要理解(1)这两个优化行业在更大的层面上是完全不同的,并且(2) )你所做的搜索引擎优化SEO和a11y重叠将影响一些访问者可以(或不能)理解你的网站。

标志着第五届全球无障碍宣传日https://t.co/QiJyAM8xGW 05/19?让我们知道Globala11yawarenessdayAtGmailDotCom #gaad
- GblA11yAwarenessDay(@ gbla11yday)2016年3月14日

对于5月19 日的全球无障碍意识日,我将在一篇文章中与一些专家合作,将详细介绍SEO + a11y的哪些方面需要敏锐地了解以及如何优化两者。我一定会找到尽可能多的例子 - 如果你有任何好的例子,请随时分享评论(并提前感谢)。

教育资源和工具

在此期间,要了解有关可访问性的更多信息,请查看几个很棒的资源:

  1. WCAG 2.0的W3C技术
  2. ARIA属性
  3. Web辅助功能评估工具列表
  4. 来自Paciello Group的Web辅助功能工具和活动,这是一家知名的无障碍机构
  5. 另请查看The Paciello Group的博客。这是可消化的好消息
  6. Ted Drake的“专业网站开发人员的css玩具”博客,重视可访问的开发和可访问的信息图表
  •  
All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly