Dostępność
Chcę, żeby ta strona działała dla każdego. Niezależnie od tego, czy korzystasz z myszki, klawiatury, czy czytnika ekranu. Traktuję to jak część roboty, nie dodatek na koniec.
Co zrobiłem
- Po całej stronie przejdziesz klawiszem Tab, a zaznaczony element jest wyraźnie obrysowany.
- Na górze każdej strony jest skrót „Przejdź do treści", żeby ominąć nawigację.
- Kod jest semantyczny, z poprawnymi nagłówkami i landmarkami, żeby czytnik ekranu wiedział, co jest czym.
- Jeden nagłówek H1 na stronę i logiczna kolejność nagłówków, bez przeskoków.
- Wysoki kontrast, czarny tekst na białym tle.
- Linki to prawdziwe linki z sensownym opisem, nawet gdy wyglądają tak samo.
- Zdjęcia dostają opisy alternatywne, żeby czytnik mógł je odczytać.
- Jeśli masz w systemie wyłączone animacje, strona to uszanuje i nie będzie nią rzucać.
- Piszę prostym językiem i krótkimi zdaniami.
- Strona działa na telefonie i przy powiększeniu tekstu.
- Sprawdzam ją czytnikiem ekranu VoiceOver, na Macu i iPhonie.
Dlaczego to ważne
Wiele osób ma jakąś niepełnosprawność, na stałe albo na chwilę. Ktoś nie widzi, ktoś złamał rękę, ktoś czyta ekran w ostrym słońcu. Dostępna strona to po prostu strona, z której skorzysta więcej osób bez proszenia o pomoc. Dla mnie to też kwestia zwykłego szacunku.
Standardy i przepisy, po ludzku
Trzymam się WCAG. To międzynarodowe wytyczne, jak robić strony dostępne. Celuję w poziom AA, ten uznawany za rozsądny standard.
Od 2025 roku Europejski Akt o Dostępności wymaga dostępności od wielu usług cyfrowych w Unii. Prywatne portfolio formalnie tego nie musi spełniać, ale trzymam się tych zasad, bo mają sens. Podobnie polska ustawa o dostępności cyfrowej dotyczy głównie instytucji publicznych, nie mnie, a mimo to robię tak, jakby dotyczyła.
Znalazłeś błąd?
Robię to najlepiej, jak umiem, ale mogłem coś przeoczyć. Jeśli coś nie działa albo utrudnia Ci korzystanie ze strony, przepraszam. Chcę to naprawić.
Napisz na kontakt@patrykmikolajczyk.pl, podaj co i gdzie szwankuje. Odpiszę i poprawię.