Sprawdzono 31.08.2026 · https://contentglass.com/
1 bariera krytyczna · dodatkowo 2 do sprawdzenia.
Jak powstaje wynik? (100 punktów początkowych)
| {n} reguł{nPlural} CSS z prawdopodobnie zbyt niskim kontrastem tekstu | -18 |
| {n} odnośników bez rozpoznawalnej nazwy w kodzie HTML | -7 |
| Brak nagłówka <h1> w dostarczonym kodzie HTML | -7 |
| Wynik | 68 / 100 |
Postrzegalność
{n} reguł{nPlural} CSS z prawdopodobnie zbyt niskim kontrastem tekstu
Wymagane: 4,5:1 (normalny) lub 3:1 (duży tekst). Przy „założonym tle strony” rzeczywistego tła nie udało się pewnie ustalić — w razie wątpliwości sprawdź w przeglądarce. Znaleziono m.in.: {examples}
.p-qe19929 .pagelayer-heading-holder *, .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-facebook"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitter"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-google-plus"], .pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-linkedin"]
Oto co należy zrobić: Przyciemnij kolor tekstu lub rozjaśnij tło, aż osiągniesz wymaganą wartość minimalną. Nigdy nie używaj koloru jako jedynego wyróżnika.
Funkcjonalność
{n} 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
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).
Już rozwiązane poprawnie
- Textalternativen: keine automatisch erkennbaren Probleme
- Punkt orientacyjny <main> obecny
Następne kroki
- {n} reguł{nPlural} CSS z prawdopodobnie zbyt niskim kontrastem tekstu. Przyciemnij kolor tekstu lub rozjaśnij tło, aż osiągniesz wymaganą wartość minimalną. Nigdy nie używaj koloru jako jedynego wyróżnika.
- {n} 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.
- Brak nagłówka <h1> w dostarczonym kodzie HTML. Wstaw sensowny <h1> jako pierwszy nagłówek (najlepiej już po stronie serwera).
Cotygodniowe ponowne skanowanie, z renderowaniem JS, e-mail przy nowych barierach — wkrótce.
Utwórz deklarację dostępności →
Metoda & ograniczenia
31.08.2026 sprawdzono kod HTML, który contentglass.com 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.