[ WCAG 2.1 Accessibility Checker ]

Audyt
Dostępności
WCAG

Sprawdź zgodność swojego kodu HTML ze standardem WCAG 2.1. Analiza dostępności dla osób z niepełnosprawnościami — wzrokowymi, słuchowymi, ruchowymi i poznawczymi.

WCAG 2.1 Level AA
10 kategorii sprawdzeń
Analiza po stronie klienta

Wklej kod HTML

Wklej pełny kod HTML strony lub jej fragment, który chcesz przeanalizować pod kątem dostępności WCAG 2.1.

Kategorie sprawdzeń

Gotowy do analizy

Wklej kod HTML w polu po lewej stronie i kliknij "Analizuj dostępność" aby otrzymać raport WCAG 2.1.

[ Metodologia ]

Jakdziała
audyt

Narzędzie analizuje kod HTML po stronie przeglądarki — Twoje dane nie są wysyłane na żaden serwer.

01

Wklej HTML

Skopiuj kod źródłowy strony (Ctrl+U w przeglądarce) lub wybrany fragment HTML i wklej w pole tekstowe.

02

Wybierz kategorie

Zaznacz kategorie, które chcesz sprawdzić: obrazki, nagłówki, formularze, linki, ARIA, semantyczny HTML i inne.

03

Analizuj

DOMParser parsuje HTML w przeglądarce i sprawdza ponad 30 reguł dostępności zgodnych z WCAG 2.1.

04

Poprawiaj

Każdy problem zawiera opis, dotknięty element i konkretną sugestię naprawy z odniesieniem do kryterium WCAG.

[ Co analizujemy ]

10kategorii
sprawdzeń

Kompleksowa analiza dostępności obejmująca wszystkie kluczowe obszary WCAG 2.1.

Obrazki i tekst alternatywny

WCAG 1.1.1 (A)

  • Brakujące atrybuty alt
  • Redundantne opisy alt (image/photo)
  • Obrazki dekoracyjne bez aria-hidden

Hierarchia nagłówków

WCAG 1.3.1 (A)

  • Brak nagłówka H1
  • Wiele nagłówków H1
  • Pominięte poziomy (H1→H3)
  • Puste nagłówki

Formularze i etykiety

WCAG 1.3.1, 4.1.2 (A)

  • Pola bez etykiet <label>
  • Brak aria-label/aria-labelledby
  • Przyciski bez dostępnej nazwy
  • Brak autocomplete

Linki i nawigacja

WCAG 2.4.4 (A)

  • Puste linki bez opisu
  • Nieopisowy tekst ("kliknij tutaj")
  • Linki bez href
  • Nowe karty bez ostrzeżenia

Atrybuty ARIA

WCAG 4.1.2 (A)

  • Nieprawidłowe role ARIA
  • aria-labelledby do nieistniejącego ID
  • Elementy interaktywne bez nazwy

Semantyczny HTML

WCAG 1.3.1 (A)

  • Brak elementu <main>
  • Brak elementu <nav>
  • Divs z onclick bez roli
  • Tabele layoutu bez role="presentation"

Tabele danych

WCAG 1.3.1 (A)

  • Brak nagłówków <th>
  • Brak elementu <caption>
  • Nagłówki th bez atrybutu scope

Język strony

WCAG 3.1.1 (A)

  • Brak atrybutu lang na <html>
  • Nieprawidłowa wartość lang
  • Brak elementu <html>

Dostępność klawiaturowa

WCAG 2.1.1 (A)

  • Dodatnie wartości tabindex
  • Elementy onclick bez tabindex
  • Nieodpowiednie użycie autofocus

Kontrast kolorów

WCAG 1.4.3 (AA)

  • Kalkulator AA i AAA
  • Podgląd tekstu na tle
  • Sugestie poprawy kontrastu
  • Ocena normalnego i dużego tekstu

[ FAQ ]

Pytania
iodpowiedzi

Najczęstsze pytania dotyczące dostępności stron internetowych i standardu WCAG.

[ Potrzebujesz pomocy? ]

Zbudujemy dostępną
stronę internetową

Studio Kalmus projektuje i tworzy strony internetowe zgodne z WCAG 2.1. Dostępność, SEO i nowoczesny design — wszystko w jednym projekcie.

Porozmawiajmy o projekcie
Projektowanie stron

Powiązane narzędzia

Kalkulator Kontrastu

Sprawdź kontrast kolorów WCAG

Audyt SEO

Analiza SEO on-page strony

Generator Meta Tagów

Twórz tagi SEO i Open Graph

Generator Schema Markup

Dane strukturalne Schema.org

Tester Responsywności

Sprawdź stronę na różnych urządzeniach

Wszystkie narzędzia

Pełna lista narzędzi webdev