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 ▸