Verificat la 31.08.2026 · https://www.heise.de/
4 barieră criticăn · în plus 3 de verificat.
Cum rezultă scorul? (100 de puncte inițiale)
| {n} din {total} imagini fără atribut alt | -18 |
| {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 |
| Niciun titlu <h1> în HTML-ul livrat | -7 |
| {n} atribute id duplicate | -7 |
| {n} regulă{nPlural} CSS cu un contrast de text posibil prea mic | -7 |
| Rezultat | 7 / 100 |
Perceptibil
{n} din {total} imagini fără atribut alt
Imaginile încărcate prin JavaScript nu sunt luate în calcul aici.
img
Iată ce ar trebui să faci: Dă fiecărui <img> un alt: descriere scurtă la imaginile purtătoare de sens, alt="" la cele pur decorative.
{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.
{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-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
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
{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.
{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.
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).
Robust
{n} atribute id duplicate
de ex. {examples}. Strică asocierile label-for și aria.
[id]
Iată ce ar trebui să faci: Atribuie id-uri unice.
Pașii următori
- {n} din {total} imagini fără atribut alt. Dă fiecărui <img> un alt: descriere scurtă la imaginile purtătoare de sens, alt="" la cele pur decorative.
- {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.
- {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.
- {n} butoane fără nume în HTML. Adaugă textul butonului sau setează aria-label.
- Niciun titlu <h1> în HTML-ul livrat. Inserează un <h1> semnificativ ca prim titlu (de preferință deja pe partea de server).
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.heise.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ă.
Widgeturile overlay (butoane de accesibilitate care schimbă contrastul sau fontul) nu fac un site conform — barierele găsite trebuie remediate în codul sursă. De ce nu ajută overlay-urile