Spis treści +
Tab. Tab. Tab. Focus znika w logo. Formularz da się wypełnić tylko myszką. Kontrast szarego na szarym, „bo tak było w Figmie”. Potem zdziwienie, że ktoś „nie dał rady zamówić”.
Dostępność dotyczy też klientów, których nie widzisz w Hotjarcie, bo odpadli wcześniej.
Co jest minimum na stronie firmowej
Nie musisz od razu celować w pełne AA na 80 kryteriów. Na start, przy każdym naszym wdrożeniu:
- Kontrast tekstu: zwłaszcza na copper/steel i na przyciskach. Figma kłamie przy gradientach; sprawdź w przeglądarce.
- Alt na treściach. Dekoracja może mieć pusty alt; zdjęcie produktu albo zespół nie.
- Focus widoczny (
:focus-visible), pełna obsługa klawiaturą: menu, accordion, lightbox, modal. - Etykiety przy polach:
<label>, nie sam placeholder. prefers-reduced-motionprzy animacjach.- Skip link do treści: drobiazg, który czytniki lubią.
Na TMedicenter: skip-link, aria-expanded w menu, obsługa klawiatury w nawigacji. Na bioagnes FAQ to natywne <details>, jeden otwarty, zero własnego ARIA do utrzymania.
Prawo vs praktyka
Obowiązek WCAG 2.1 AA dotyczy głównie podmiotów publicznych; European Accessibility Act dokłada warstwy dla części usług. Nie jestem prawnikiem i nie straszę mandatami na siłę. Biznesowo i tak: słaby kontrast i brak klawiatury = mniej zapytań, gorsze sygnały użyteczności, czasem gorsze SEO (Google rozumie strukturę i alt).
Audyt bez teatru
axe DevTools + Lighthouse Accessibility + przejście Tabem przez całą ścieżkę (menu → oferta → formularz). To wyłapuje 80% wstydliwych rzeczy w godzinę. Reszta (czytniki, złożone tabele) wchodzi przy projektach, gdzie to krytyczne: medycyna, urzędy, duży e-commerce.
Zamiast „certyfikatu WCAG” wpinamy minimum w projekt i mówimy wprost, gdy klient chce gradientu, który nie przejdzie kontrastu.
Co odpuszczamy świadomie
Pełna zgodność każdej podstrony bloga z każdym kryterium AA przy budżecie wizytówki to przerost. Lepiej solidna nawigacja, formularz, kontrasty, focus, niż PDF „raport dostępności” na 40 stron bez poprawek w kodzie.
Budujesz nową stronę albo redesign: cennik ma widełki, a kontakt jest do pytań o zakres audytu istniejącej.
