WCAG 1.3.1Nivå APerceivable

Information och relationer

Innehållets struktur ska förmedlas semantiskt — inte bara visuellt.

Vad kriteriet kräver

Information, struktur och relationer som förmedlas via presentation måste kunna programmatiskt bestämmas — d.v.s. genom semantiska HTML-element, ARIA eller text.

Hur Granska kontrollerar

Vi scannar efter förekomst av <table>, <ul>, <ol>, <h1>-<h6>, <nav>, <main>, <section>. Vi flaggar fall där visuella mönster (t.ex. fet text som rubrik) inte har semantisk koppling.

Vanliga felmönster

Rubriker stylade med <p> istället för <h2>
Tabeller utan <th> eller scope-attribut
Listor renderade som <div>-stack istället för <ul>
Form-grupperingar utan <fieldset>/<legend>

Kodfix-exempel (Next.js)

Granska genererar liknande fixar anpassade per stack. Det här är ett representativt exempel.

components/Section.tsx

tsx

// Före
<div className="text-2xl font-bold">Rubrik</div>

// Efter
<h2 className="text-2xl font-bold">Rubrik</h2>

Scanna er sajt mot WCAG 1.3.1

Granska kontrollerar 80+ WCAG-kriterier automatiskt och genererar stack-specifika kodfixar.

Skanna gratis ▸