Română
a11yglass · Verificarea accesibilității pentru site-uri web

Verificat la 31.08.2026 · https://www.spiegel.de/

F
0 / 100
32 critice · 7 de verificat

32 barieră criticăn · în plus 7 de verificat.

Cum rezultă scorul? (100 de puncte inițiale)
{n} câmpuri de formular fără etichetă identificabilă-18
{n} linkuri fără nume identificabil în HTML-18
{n} butoane fără nume în HTML-18
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-18
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-6
Niciun titlu <h1> în HTML-ul livrat-7
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic-2
Rezultat0 / 100
Contrast (35)Alternative textEtichete (3)?Structură (1)LimbăZoomRobustețe

Perceptibil

CriticWCAG 1.3.1 Informații și relații / 4.1.2 Nume, rol, valoare

{n} câmpuri de formular fără etichetă identificabilă

Verifică dacă există un aria-label setat prin JavaScript.

input, select, textarea

Iată ce ar trebui să faci: Leagă fiecare câmp de un element <label for> sau setează aria-label / aria-labelledby. Doar un placeholder nu este suficient.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.button-spon

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.button-effi

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.button-mmo

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.button-hbm

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

input::-moz-placeholder, textarea::-moz-placeholder

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

input::placeholder, textarea::placeholder

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

body .richtext--inverted p

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

body .richtext--inverted a

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

body .richtext--inverted a:focus

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.richtextcredit.richtextcredit--inverted a

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.richtextsystem.richtextsystem--inverted a

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.richtextsystem.richtextsystem--inverted a:hover

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.richtextsystem.richtextsystem--inverted a:focus

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-shade-base

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-shade-light

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-shade-lighter

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-shade-lightest

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-white

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.placeholder-shade-base::-moz-placeholder

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.placeholder-shade-base::placeholder

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.hover\:text-shade-lighter:hover

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.hover\:text-shade-lightest:hover

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.hover\:text-white:hover

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.focus\:text-shade-base:focus

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.focus\:text-shade-lighter:focus

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.focus\:text-white:focus

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.disabled\:text-shade-base:disabled

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.disabled\:text-shade-light:disabled

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

CriticWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.peer:disabled~.peer-disabled\:text-shade-base

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.debug.svelte-1x5iokp

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-effi-primary-base

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-elf-primary-base

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-shade-dark

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.text-spon-primary-base

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

De verificatWCAG 1.4.3 Contrast (minim)

{n} regulă{nPlural} CSS cu un contrast de text posibil prea mic

Necesar: 4,5:1 (normal), respectiv 3:1 (text mare). La „fundal de pagină presupus”, fundalul real nu a putut fi determinat cu certitudine — în caz de dubiu, verifică în browser. Găsit, printre altele: {examples}

.disabled\:text-shade-dark:disabled

Iată ce ar trebui să faci: Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.

Operabil

CriticWCAG 2.4.4 Scopul linkului / 4.1.2 Nume, rol, valoare

{n} linkuri fără nume identificabil în HTML

Linkuri goale sau doar o pictogramă/imagine fără alt. Un aria-label setat prin JavaScript nu este identificat aici.

a

Iată ce ar trebui să faci: Adaugă text de link vizibil sau, la linkurile cu pictogramă, folosește aria-label ori o imagine cu alt.

CriticWCAG 4.1.2 Nume, rol, valoare

{n} butoane fără nume în HTML

Butoanele fără text și fără aria-label sunt mute pentru cititoarele de ecran — cu excepția cazului în care numele este setat prin JavaScript.

button

Iată ce ar trebui să faci: Adaugă textul butonului sau setează aria-label.

De verificatWCAG 1.3.1 Informații și relații / 2.4.6 Titluri și etichete

Niciun titlu <h1> în HTML-ul livrat

Fiecare pagină ar trebui să înceapă cu exact un h1. La paginile construite prin JavaScript, h1 poate apărea abia în browser — atunci verifică în DOM-ul randat.

body

Iată ce ar trebui să faci: Inserează un <h1> semnificativ ca prim titlu (de preferință deja pe partea de server).

Deja rezolvat corect

Pașii următori

  1. {n} câmpuri de formular fără etichetă identificabilă. Leagă fiecare câmp de un element <label for> sau setează aria-label / aria-labelledby. Doar un placeholder nu este suficient.
  2. {n} linkuri fără nume identificabil în HTML. Adaugă text de link vizibil sau, la linkurile cu pictogramă, folosește aria-label ori o imagine cu alt.
  3. {n} butoane fără nume în HTML. Adaugă textul butonului sau setează aria-label.
  4. {n} regulă{nPlural} CSS cu un contrast de text posibil prea mic. Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.
  5. {n} regulă{nPlural} CSS cu un contrast de text posibil prea mic. Întunecă culoarea textului sau luminează fundalul până când se atinge valoarea minimă respectivă. Nu folosi niciodată culoarea ca unic element de diferențiere.
Să monitorizăm această pagină automat?

Rescanare săptămânală, cu randare JS, e-mail la bariere noi — vine în curând.

Creează o declarație de accesibilitate →

Metodă & limite

La 31.08.2026 a fost verificat HTML-ul pe care www.spiegel.de îl livrează la prima accesare fără autentificare, plus până la patru fișiere CSS asociate din același domeniu. Verificat: contrastul culorilor (din CSS), alternativele text, etichetele de formular, numele elementelor de control, structura titlurilor, titlul și limba paginii, blocarea zoomului, id-uri duplicate, valori tabindex pozitive, repere.

Neverificat: tot ce apare prin JavaScript, operabilitatea de la tastatură, focalizarea vizibilă, ordinea de focalizare, anunțul cititorului de ecran, conținutul din spatele autentificării, subpaginile. Testul automat găsește aproximativ 20–35 % dintre încălcările WCAG — restul necesită o verificare manuală. Instantaneu, nu o hotărâre juridică.

Verifică alt site