Poniższa lista kontrolna dostępności została przygotowana jako prosty i przyjemny sposób na poprawę dostępności Twojej wiki. To punkt wyjścia — nie zawiera wszystkiego, co możesz zrobić, ale skupia się na kluczowych elementach, które mają największy wpływ na komfort czytelników.
Dowiedz się więcej o dostępności oraz dlaczego jest ważna.
Jak korzystać z listy kontrolnej
- Możesz używać jej tutaj, na Centrum Społeczności, lub skopiować na swoje wiki i dostosować do potrzeb własnej społeczności,
- Zaznaczone pola wyboru widzisz tylko Ty — inni nie zobaczą, co zostało odhaczone,
- Jeśli potrzebujesz pomocy z którymś punktem, zajrzyj do odpowiednich stron Pomoc w tabeli poniżej. Możesz też zapytać na kanale #accessibility na serwerze Discord Fandomu.
- Duże wiki z tysiącami stron mogą poczuć się przytłoczone. Aby ułatwić pracę, zacznij od:
- 10 najczęściej oglądanych stron (wg analityki Twojej wiki). Zadbanie o te strony daje największy efekt. Jeśli nie masz dostępu do Specjalna:Analytics — skontaktuj się z lokalnymi administratorami,
- Stron opisujących nowe materiały / nowe wydania,
- Stron zasad, które czytają edytorzy, by wiedzieć, jak działa wiki,
- Korzystając ze śledzenia postępów w tabelach, możesz stworzyć własną listę artykułów do poprawy!
Obrazy
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Upewnij się, że każdy obraz zawiera tekst alternatywny. Dzięki temu użytkownicy czytników ekranu nie tracą istotnych informacji. | Dla tego obrazu, alt-text może brzmieć: „SpongeBob stoi na scenie przed publicznością, oświetlony reflektorem. Ma czerwony kapelusz i czerwony garnitur ze złotymi ozdobami.” | Jak tworzyć dostępne obrazy |
|
|
Podpisy pod obrazami nie powinny powtarzać tekstu alternatywnego — powinny dodawać kontekst. | Dla powyższego obrazu podpis może brzmieć: „SpongeBob zaczyna śpiewać, ku zaskoczeniu Skalmara.” | |
|
|
Dla wykresów i grafów dodaj opis tekstowy wyjaśniający dane. | Jeśli wykres pokazuje spadek oglądalności — dołącz tabelę lub akapit opisujący liczby i trend. | |
|
|
Dla obrazów zawierających tekst wyjaśnij w tekscie alternatywnym, co znajduje się na grafice. | Dla obrazu zegarka alt-text może brzmieć: „Zegarek Skalmara z różowym paskiem, lawendowym tłem i wyświetlaczem pokazującym 8:34.” |
Motyw i kolorystyka
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Zapewnij kontrast minimum 4.5:1 między tekstem a tłem. |
|
Więcej o kontraście |
|
|
Korzystaj z osobnych motywów jasnego i ciemnego. | Jasny motyw — jasne tło, czarny tekst. Ciemny motyw — ciemne tło, biały tekst. | O motywach w Kreatorze motywu |
|
|
Zadbaj o osoby niewidzące kolorów. Nie polegaj wyłącznie na kolorach. | Zamiast oznaczać admina zieloną ramką — dodaj też słowo „Aktywny”. | Jak projektować wiki dla osób ze ślepotą barw |
|
|
Upewnij się, że wiki jest responsywne. | Unikaj blokowania szerokości tabel, bo będą się źle skalować. | Więcej o FandomDesktop |
Formatowanie
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Aktualizuj lokalną nawigację tak, by była intuicyjna. | Dodaj tam linki do nowych treści — zwykle są najpopularniejsze. | O nawigacji |
|
|
Stosuj przejrzystą strukturę nagłówków (H2, H3 itd.). | Czytniki ekranu korzystają z nagłówków do nawigacji. | Formatowanie nagłówków |
|
|
Poprawnie twórz listy (numerowane, punktowane). | Lista numerowana sugeruje instrukcję lub ranking. | O listach |
|
|
Używaj stylów tekstu w logiczny sposób. | Nie podkreślaj tekstu, jeśli to nie link. | O stylach tekstu |
|
|
Dbaj o zrozumiałe teksty linków. | Zamiast „kliknij tutaj”, pisz „Przeczytaj więcej o dostępności”. | Jak poprawnie linkować treści |
Szablony i kodowanie
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Dodawaj dokumentację szablonów. To ułatwia pracę edytorom. | Zobacz szablon Notice na Avatar Wiki. | Dokumentacja szablonu |
|
|
Kod źródłowy w artykułach powinien być czytelny. | Zamiast wklejać długi <div style="..."></div>, lepiej użyć szablonu: {{Nagłówek|Test}}
|
O szablonach |
|
|
Używaj czytelnych czcionek i kolorów. | Przesadnie ozdobne podpisy są trudne do odczytania. |
Tabele
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Unikaj pustych komórek. | Wpisz „Brak” lub „Nie dotyczy”. | Jak tworzyć dostępne tabele |
|
|
Używaj nagłówków tabeli. | Pisz ! Nagłówek zamiast | Nagłówek.
| |
|
|
Nie polegaj wyłącznie na kolorach w tabelach. | Zamiast czerwonego/zielonego kwadratu — napisz „Wygrana”, „Przegrana”. |
Język
| Ukończono | Kryterium | Przykład | Materiały |
|---|---|---|---|
|
|
Używaj zrozumiałego języka. Objaśniaj żargon. | Strony kart na Yu-Gi-Oh! Wiki linkują do wyjaśnień pojęć. | WCAG — czytelność treści |
|
|
Zasady wiki pisz jasno i przejrzyście. | Stosuj wypunktowania i proste zdania. | Jak pisać jasne zasady wiki |