---
title: "Strona zgodna z WCAG: audyt dostępności i poprawki"
description: "Projektujemy i poprawiamy strony zgodnie z WCAG na poziomie AA: kontrast, nagłówki, formularze, opisy zdjęć i obsługa klawiaturą oraz czytnikiem ekranu."
url: https://fluostudio.pl/uslugi/strony-www/strona-zgodna-z-wcag/
---

# Strona zgodna z WCAG

Z Waszej strony korzystają też osoby niewidome, słabowidzące i takie, które obsługują komputer samą klawiaturą. Projektujemy i poprawiamy strony tak, żeby spełniały WCAG na poziomie AA, czyli standard, do którego odwołują się przepisy o dostępności cyfrowej.

Podejście

## Jak dojść do strony zgodnej z WCAG?

Na starcie ustalamy, jaki poziom ma spełniać strona. Zwykle jest to AA. Czy przepisy obejmują Waszą firmę, zależy od rodzaju usług i jej wielkości, więc tę część oceniacie z prawnikiem. My odpowiadamy za projekt i kod.

1.  ### Dostępność od kolorów marki

    Problemy często zaczynają się w identyfikacji. Kontrast palety sprawdzamy, zanim powstanie projekt strony, a w brandbooku zapisujemy, jaki tekst może stać na każdym kolorze.

2.  ### Poprawki w projekcie i w kodzie

    Kolejność nagłówków, etykiety pól formularza, opisy zdjęć i obsługę klawiaturą poprawiamy w samej stronie. Nakładka w rogu ekranu, która powiększa tekst, nie zrobi tego za nas.

3.  ### Sprawdzenie, jak robi to człowiek

    Przechodzimy stronę samą klawiaturą i z czytnikiem ekranu. Automatyczne testy są pierwszym krokiem, bo wyłapują tylko część błędów.

Strona, z której skorzysta każdy, **także z czytnikiem ekranu albo samą klawiaturą.**

Zakres współpracy

## Co przygotowujemy?

Audyt dostępności Co dziś nie spełnia WCAG na Waszej stronie

Co robimy

Sprawdzamy kontrast, wielkość tekstu, nagłówki, formularze, opisy zdjęć i filmów oraz obsługę klawiaturą i czytnikiem ekranu. Przy każdym problemie piszemy, gdzie jest na stronie i jak go poprawić.

[Czym jest dostępność cyfrowa](https://fluostudio.pl/baza-wiedzy/slownik/dostepnosc-cyfrowa/)

Co dostajecie

-   Przegląd zgodności z WCAG na poziomie AA
-   Lista poprawek dla projektantów i programistów
-   Kolejność poprawek, od tych, które blokują najwięcej osób

Poprawki istniejącej strony Zmiany w projekcie i w kodzie

Co robimy

Wprowadzamy poprawki z audytu: kolory i kontrast, kolejność nagłówków, etykiety pól, opisy zdjęć, widoczne zaznaczenie przy obsłudze klawiaturą. Po zmianach sprawdzamy stronę jeszcze raz.

Co dostajecie

-   Poprawiony projekt i kod strony
-   Sprawdzenie po poprawkach
-   Zasady dla osób, które dodają treści

Nowa strona zgodna z WCAG Dostępność zaplanowana od pierwszego projektu

Co robimy

Przy nowej stronie dostępność jest częścią warsztatów, palety kolorów i bloków w panelu. Strona Urtiki miała spełniać WCAG 2.1 na poziomie AA: dawny niebieski z białym napisem dawał na przycisku kontrast 3,1:1, a po rozjaśnieniu niebieskiego i zmianie napisu na granatowy przycisk ma 5,8:1.

Co dostajecie

-   Paleta kolorów sprawdzona pod kątem kontrastu
-   Bloki w panelu z miejscem na opisy zdjęć i porządkiem nagłówków
-   Sprawdzenie strony przed publikacją

Grupa BEST [best.com.pl po polsku i angielsku, wdrożony zgodnie z WCAG 2.0](https://fluostudio.pl/projekty/best-s-a/) [Zobacz pełny zakres tworzenia stron](https://fluostudio.pl/uslugi/strony-www/)

Podobne realizacje

-   [Grupa BEST](https://fluostudio.pl/projekty/best-s-a/)

Sytuacje, od których zaczynamy

## Z czym przychodzą do nas firmy

[Wszystkie sytuacje](https://fluostudio.pl/wyzwania/)

-   [„Startujemy z nową marką i chcemy ją od razu dobrze poukładać.” Zaczynamy od strategii, potem nazwa, identyfikacja i strona. Wszystko powstaje jako jeden system, więc po roku nie trzeba go poprawiać. Jak budujemy nowe marki](https://fluostudio.pl/wyzwania/nowa-marka/)
-   [„Nasza strona nie nadąża za tym, jak dziś działa firma.” Najpierw sprawdzamy, co naprawdę nie działa. Czasem wystarczy uporządkować treść i strukturę, zamiast budować od zera. Kiedy przebudowa strony ma sens](https://fluostudio.pl/wyzwania/nowa-strona/)
-   [„Mamy kilka stron, hostingów i dostawców. Nikt nie ma pełnego obrazu.” Robimy inwentaryzację domen, serwerów, dostępów i terminów, a potem porządkujemy to według planu. Porządek w infrastrukturze www](https://fluostudio.pl/wyzwania/infrastruktura-webowa/)

## Ze słownika pojęć

[Wszystkie hasła](https://fluostudio.pl/baza-wiedzy/slownik/)

-   [Dostępność cyfrowa](https://fluostudio.pl/baza-wiedzy/slownik/dostepnosc-cyfrowa/)