无障碍快速改进项：也能提升你的 SEO
The short version: most accessibility fixes are SEO fixes wearing a different name. Alt text serves a screen reader and image search at once. Heading hierarchy serves a screen reader and a crawler at once. Descriptive links, landmarks, captions, contrast, and clear labels all do double duty. Fix the page for the person who needs it most, and every other reader, human or machine, reads it better too.
Most teams run accessibility and SEO as two separate checklists, owned by two separate people. Look closely and the fixes on each list are, more often than not, the same fix, filed under two different names.
The same list, read twice
The WebAIM Million, an annual scan of the top one million home pages, found 95.9 percent had at least one detected WCAG failure, averaging 56.1 errors per page (WebAIM, to re-verify). The six most common failures: low contrast text (83.9 percent), missing alt text (53.1 percent), missing form labels (51 percent), empty links (46.3 percent), empty buttons (30.6 percent), and missing document language (13.5 percent) (WebAIM, to re-verify). Every one is also a visibility problem: text a crawler cannot parse, an image with no description, a link pointing at nothing.
95.9%
of home pages fail a WCAG check
56.1
accessibility errors per page, on average
83.9%
have text that fails contrast
Seven fixes below show up on both lists, accessibility gain and visibility gain named side by side.
Does alt text help SEO as well as accessibility?
Yes, for image search. A screen reader announces alt text in place of an image it cannot render. Google's image SEO documentation confirms alt text is a primary signal it uses to rank an image in Google Images (Google), yet it is still missing on 53.1 percent of home pages (WebAIM, to re-verify). Write it plainly: what the image shows, in context.
Why does heading hierarchy matter for both screen readers and crawlers?
Both read a page by its outline before its sentences. Google's SEO Starter Guide recommends one h1 per page, with h2 and h3 in order, never skipped (Google). Screen reader users lean on that outline even harder: 71.6 percent navigate long pages by headings, far ahead of any other method (WebAIM, to re-verify).
What makes link text descriptive, and why does it matter twice?
A link reading "learn more" or "click here" tells a screen reader nothing out of context, and tells a crawler almost as little. Ambiguous link text is a top frustration in WebAIM's survey of screen reader users, where only 4.8 percent even navigate by links directly (WebAIM, to re-verify). Write link text that names the destination: "read the pricing guide," not "click here."
What are semantic landmarks, and do they help you get found?
Landmarks mark a page's structural regions (header, navigation, main, footer) using real HTML elements, not generic divs. A screen reader jumps straight to "main" and skips repeated navigation, and a crawler gets an unambiguous signal for boilerplate versus content worth indexing. Landmark use has declined among screen reader users (WebAIM, to re-verify), so treat headings as the priority and landmarks as a low-cost follow-through.
Do captions and transcripts really move visibility?
Search engines read text, not video or audio, so a caption file or transcript is often the only part of a video a crawler can index, and that same text is what a deaf or hard-of-hearing viewer needs. One study cited by Accessibility.com found captioned videos saw about 7.32 percent more engagement (Accessibility.com, to re-verify). Publish the transcript on the page itself, not a linked file, and both cases are made at once.
Why is color contrast a visibility issue, not just a design one?
Low contrast text is the single most common accessibility failure on the web, present on 83.9 percent of home pages and rising (WebAIM, to re-verify). WCAG 2.2 sets the AA bar at 4.5 to 1 for normal text, a threshold chosen to compensate for vision loss typical of a person in their eighties (W3C). That bar helps low vision, and just as much helps anyone reading on a washed-out phone screen in sunlight.
Why do clear labels matter for accessibility and for being found?
A form field with no visible label, or an icon-only button, forces a screen reader to guess or fall silent, and gives a crawler nothing to associate with that interaction. Missing form labels appear on 51 percent of home pages, empty buttons on 30.6 percent (WebAIM, to re-verify). A visible, plain-language label removes the guesswork for everyone.
The pairing, side by side
| Fix | Accessibility benefit | Visibility benefit |
|---|---|---|
| Descriptive alt text | Screen reader gets the image's meaning | Google Images can index and rank the image |
| Ordered heading hierarchy | Screen reader users jump straight to the right section | Crawlers and answer engines parse the page outline |
| Descriptive link text | Link makes sense read on its own, out of context | Crawlers get real signal about the linked page's topic |
| Semantic landmarks | Assistive tech skips repeated navigation, reaches content faster | Markup separates boilerplate from the content worth indexing |
| Captions and transcripts | Deaf, hard-of-hearing, and quiet-room viewers follow along | Crawlers get indexable text a video alone never provides |
| Sufficient color contrast | Low-vision and bright-light readers can actually read the text | Readable pages hold attention, which search engines read as quality |
| Clear, visible labels | Screen readers announce what a field or button does | Crawlers associate meaning with every interactive element |
Where to start this week
The order that pays off fastest:
- Scan the site and fix every missing alt text and empty link first: cheapest fixes, widest reach.
- Read the page outline out loud, headings only. If it does not make sense as an outline, a crawler will struggle too.
- Search for "click here" and "learn more," and rewrite each to name its destination.
- Check contrast against the 4.5 to 1 bar, not by eye.
- Add a visible transcript under every video, not just a caption track.
- Label every field and every icon-only button in plain language.
None of this is a trick played on a search engine. It is the same clarity a person benefits from, applied evenly, so a machine reads it too.
常见问题
并不是作为直接的排名因素起作用，但这些底层修复，比如替代文本、标题结构、链接文字、对比度、标签，与爬虫和答案引擎解析并信任一个页面所需要的条件高度重合。这种重合是机制上的，不是什么魔法。
对谷歌图片搜索而言，是的：这是谷歌用来给图片排名的一个主要信号。对一般的网页搜索来说，它的作用更接近普通的页面文字，但仍然有助于爬虫理解页面内容。
WebAIM Million 调查发现，排名前 100 万的主页中，95.9% 至少存在一项可检测到的 WCAG 违规，平均每页有 56.1 个错误。最常见的单一问题是文字对比度过低，出现在 83.9% 的主页上。
是的。在 WebAIM 的屏幕阅读器用户调查中，71.6% 的受访者表示，通过标题导航是他们在长页面中查找信息的主要方式，远远领先于其他任何方法。
WCAG 2.2 的 AA 级别要求，普通文字至少达到 4.5 比 1，大字号文字至少达到 3 比 1。AAA 级别的要求更高，但大多数法律和标准引用的都是 AA 这个门槛。
值得添加，但优先级较低。屏幕阅读器用户使用地标的比例已经下降，因此把精力放在清晰的标题结构上，回报更高。不过地标的添加成本本来就很低。
字幕文件本身就是可以被搜索引擎收录的文字，所以无论访客是否打开文字稿，它都能起到帮助作用。一份可见的文字稿，还能为喜欢快速浏览的读者，提供更多可被收录的文字内容。
主要只适用于这七项。还有大量无障碍工作，比如键盘支持、焦点顺序、动效偏好设置，对真实用户而言极其重要，却不会直接对应到任何可见性指标上。无障碍本身就是目标，可见性只是随之而来的结果。