SVG READYFIELD CHECK 01
Public sample
A contextual markup walkthrough

What an SVG review looks like

A useful SVG check looks at the nearby link, control, or copy too. This small example examines publicly visible markup from W3C’s homepage and records what the snippets support, without calling the page defective.

Target: https://www.w3.org/
Checked: 2026-09-25 22:13 UTC
Scope: six external SVG references found in the homepage HTML response
Looks descriptive

W3C home link logo

The linked logo image has alt="W3C"; the same link also includes visually hidden text, “Visit the W3C homepage.” That gives the link a text alternative in the observed markup.

Decorative icon with text nearby

Search control

The search image uses an empty alt and aria-hidden="true". The same link contains visible “Search” text, so the icon does not need to carry the control name.

Context supports the icon

Account avatar

The avatar image is hidden from assistive technology and has empty alt text. Its containing link says “My account,” which supplies the observed link name.

Likely decorative; verify intent

Hero illustration

The hero illustration has an empty alt value (<img … alt/>). That is appropriate when it adds no information beyond the surrounding hero content. The markup alone cannot establish the artwork’s full meaning.

Decorative icon with hidden link name

Social links

Mastodon and GitHub icon images are hidden and empty-alt. Each containing link has visually hidden text naming the destination (“W3C on Mastodon” / “W3C on GitHub”).

Result: no confirmed accessibility issue in these sampled snippets. This is a limited source-markup walkthrough, not a complete WCAG review, browser/assistive-technology test, or endorsement by W3C. Page content can change after this timestamp.

Want a review of your SVG?

Run the free local checker for an instant first pass. SVG Ready also offers an independent live-browser review of SVG use on one public web page.