Dostępność cyfrowa dla dostarczanych materiałów graficznych
Gdy projekt ma również działać dla wszystkich na ekranie
Wstęp
Coraz więcej tego, co robi grafik medialny, kończy się na ekranie: strony internetowe, aplikacje, biuletyny, media społeczne i dokumenty cyfrowe. Tutaj jest dodatkowy wymiar poza estetyką i techniką: zawartość musi być użyteczna dla wszystkich — również dla osób ze słabym wzrokiem, daltonizmem lub używających czytnika ekranu. Nazywa się to dostępnością cyfrową i jest zarówno dobrą praktyką, jak i w wielu przypadkach wymogiem prawnym dla zawartości skierowanej do publiczności.
WCAG — wspólny standard
Międzynarodowy standard dostępnej treści cyfrowej to WCAG (Wytyczne Dostępności Treści Internetowych). Opisuje on, jak treść jest uczyniona percepcyjną, użyteczną, zrozumiałą i niezawodną, i dzieli wymagania na poziomy rosnącej ścisłości. Wiele publicznych i wspieranym publicznie rozwiązań musi spełniać określony poziom — więc jeśli projektujesz dla takich rzeczy, dostępność nie jest do dyskusji, ale częścią dostarczenia.
Kontrast i czytelność
Jeden z najbardziej wymiernych wymogów WCAG dotyczy kontrastu między tekstem a tłem. Jasnoszara tekst na białym tle może wyglądać elegancko, ale być nieczytelny dla wielu osób. WCAG określa konkretne minimalne wymagania kontrastowe, a wymóg jest mniej rygorystyczny dla dużego/pogrubionego tekstu niż dla małego tekstu podstawowego. Sprawdź swoje wybory kolorów względem obowiązującego progu za pomocą narzędzia do sprawdzania kontrastu zamiast oceniać wzrokowo.
Kolor nie może stać samotnie
Przechodzącą zasadą jest, że kolor nigdy nie powinien być jedynym sposobem przekazania wiadomości. Jeśli na przykład zaznaczysz błędy na czerwono, a poprawę na zielono, osoba z daltonizmem czerwono-zielonym nie zauważy różnicy. Dlatego zawsze dodaj dodatkowy sygnał: ikonę, tekst, wzór lub kształt. Dotyczy to również wykresów i diagramów, gdzie kategorie nie powinny być oddzielone tylko kolorem.
Alternatywny tekst i struktura
- 01Podaj znaczącym obrazom opisowy tekst alternatywny, aby czytnik ekranu mógł przekazać zawartość.
- 02Czysto dekoracyjne obrazy są oznaczone, aby czytnik ekranu je pominął.
- 03Użyj prawidłowej struktury nagłówków (poziomy w kolejności), nie tylko dużego, pogrubionego tekstu
- 04Upewnij się, że kolejność czytania jest logiczna, również gdy układ jest wizualnie złożony.
- 05Ustaw linki i przyciski z instruktażem — unikaj 'klik tutaj' bez kontekstu.
Dostępne pliki PDF i dokumenty
Dostępność dotyczy nie tylko stron internetowych. Dokument cyfrowy – na przykład PDF – powinien być również zbudowany tak, aby czytnik ekranu mógł go odczytać: z rzeczywistym tekstem, a nie tekstem jako obraz, prawidłową kolejnością odczytywania, opisanymi obrazami i logiczną strukturą z nagłówkami. Ładny, ale "płaski" dokument, który jest tylko obrazem strony, jest niedostępny, niezależnie od tego, jak dobrze wygląda.
Dostępność to dobry design
To powszechny błąd, że dostępność sprawia, że projekt wygląda brzydko lub nudnie. Przeciwnie: silny kontrast, jasna struktura, czytelna typografia i komunikaty, które nie polegają wyłącznie na kolorze, są cechami dobrego projektowania dla wszystkich. Jeśli pomyślisz o dostępności od początku zamiast załatać ją na koniec, rzadko będzie to ograniczenie — stanie się to znakiem jakości.
“Dostępny projekt to nie projekt dla niewielu — to projekt, który działa dla wielu, w tym tych, których inni zapominają.”
— Zasada dostępności cyfrowej