Sprawdzono 3.09.2026 · https://web.dev/?hl=de
1 bariera krytyczna · dodatkowo 3 do sprawdzenia.
Jak powstaje wynik? (100 punktów początkowych)
| 6 odnośników bez rozpoznawalnej nazwy w kodzie HTML | -18 |
| Nieprawidłowy atrybut lang: „de-x-mtfrom-en” | -7 |
| Brak nagłówka <h1> w dostarczonym kodzie HTML | -7 |
| 2 zduplikowanych atrybutów id | -7 |
| Wynik | 61 / 100 |
Funkcjonalność
6 odnośników bez rozpoznawalnej nazwy w kodzie HTML
Puste odnośniki albo tylko ikona/obraz bez alt. aria-label ustawiony przez JavaScript nie jest tu rozpoznawany.
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
Oto co należy zrobić: Dodaj widoczny tekst odnośnika, a przy odnośnikach z ikoną użyj aria-label lub obrazu z alt.
Brak nagłówka <h1> w dostarczonym kodzie HTML
Każda strona powinna zaczynać się od dokładnie jednego h1. Na stronach budowanych w JavaScripcie h1 może powstać dopiero w przeglądarce — wtedy sprawdź w wyrenderowanym DOM.
body
Oto co należy zrobić: Wstaw sensowny <h1> jako pierwszy nagłówek (najlepiej już po stronie serwera).
Zrozumiałość
Nieprawidłowy atrybut lang: „de-x-mtfrom-en”
Wartość nie odpowiada żadnemu prawidłowemu kodowi języka (BCP 47).
<html>
Oto co należy zrobić: Popraw na prawidłowy kod, np. lang="pl" lub lang="pl-PL".
Solidność
2 zduplikowanych atrybutów id
np. inp-optimieren, zahlungen-und-identitat. Psuje powiązania label-for i aria.
[id]
Oto co należy zrobić: Nadawaj unikalne identyfikatory id.
Już rozwiązane poprawnie
- Alternatywy tekstowe: brak problemów wykrywalnych automatycznie
- Odnośnik pomijający do treści obecny
- Punkt orientacyjny <main> obecny
Następne kroki
- 6 odnośników bez rozpoznawalnej nazwy w kodzie HTML. Dodaj widoczny tekst odnośnika, a przy odnośnikach z ikoną użyj aria-label lub obrazu z alt.
- Nieprawidłowy atrybut lang: „de-x-mtfrom-en”. Popraw na prawidłowy kod, np. lang="pl" lub lang="pl-PL".
- Brak nagłówka <h1> w dostarczonym kodzie HTML. Wstaw sensowny <h1> jako pierwszy nagłówek (najlepiej już po stronie serwera).
- 2 zduplikowanych atrybutów id. Nadawaj unikalne identyfikatory id.
Cotygodniowe ponowne skanowanie, z renderowaniem JS, e-mail przy nowych barierach — wkrótce.
Utwórz deklarację dostępności →
Metoda & ograniczenia
3.09.2026 sprawdzono kod HTML, który web.dev dostarcza przy pierwszym wejściu bez logowania, oraz do czterech powiązanych plików CSS z tej samej domeny. Sprawdzono: kontrast kolorów (na podstawie CSS), alternatywy tekstowe, etykiety formularzy, nazwy elementów sterujących, strukturę nagłówków, tytuł i język strony, blokadę powiększenia, zduplikowane identyfikatory id, dodatnie wartości tabindex, punkty orientacyjne.
Nie sprawdzono: wszystkiego, co powstaje w JavaScripcie, obsługi za pomocą klawiatury, widoczności fokusu, kolejności fokusu, zapowiedzi czytników ekranu, treści za logowaniem, podstron. Test automatyczny wykrywa około 20–35 % naruszeń WCAG — reszta wymaga audytu ręcznego. Migawka, nie orzeczenie prawne.