Zwiększanie dostępności witryny dla różnych grup osób

Podczas tworzenia witryny postępuj według poniższych wskazówek, aby umożliwić odczytanie jej innym osobom, także tym z niepełnosprawnościami.

Dołączając tekst alternatywny

Dodawaj tekst alternatywny do obrazów, logo, rysunków i innej grafiki. Gdy go nie ma, użytkownik czytnika ekranu słyszy jedynie komunikat „obraz”. Do niektórych obrazów automatycznie dodawany jest tekst alternatywny – warto sprawdzić, czy dany tekst Ci odpowiada.

Dodawanie i edytowanie tekstu alternatywnego do wstawionych obrazów

1. Wybierz obraz lub logo.
2. Kliknij Więcej opcji edycji   Dodaj tekst alternatywny.
3. Wpisz tekst alternatywny w polu opisu.

Dodawanie i edytowanie tekstu alternatywnego obrazów tła

1. Na komputerze otwórz witrynę w Witrynach Google.
2. Dodaj tekst alternatywny do obrazu tła w:
   • Nagłówek witryny: w lewym dolnym rogu nagłówka kliknij Obraz .
   • Sekcja: po prawej stronie kliknij Kolory sekcji   Obraz .
3. Kliknij Tekst alternatywny.
4. W polu opisu wpisz tekst alternatywny.

Dodawanie i edytowanie tekstu alternatywnego logo motywu lub obrazów banera

Dodawanie tekstu alternatywnego do nowych motywów niestandardowych

1. Na komputerze otwórz witrynę w Witrynach Google.
2. Po prawej stronie wybierz panel Motywy.
3. W sekcji „Niestandardowe” kliknij Utwórz motyw .
4. Aby przesłać logo lub obraz banera, kliknij Dodaj obraz   Prześlij.
5. Aby dodać tekst alternatywny, kliknij przesłany obraz  Tekst alternatywny.

Dodawanie tekstu alternatywnego do niestandardowych nagłówków motywów i edytowanie go

1. Na komputerze otwórz witrynę w Witrynach Google.
2. Po prawej stronie wybierz panel Motywy.
3. W sekcji „Niestandardowy” w prawym górnym rogu motywu niestandardowego kliknij Więcej   Edytuj.
4. W sekcji „Obrazy” kliknij obraz nagłówka  Tekst alternatywny.
5. W polu opisu wpisz tekst alternatywny.

Więcej informacji o motywach niestandardowych

Używanie wysokiego kontrastu kolorów

Wysoki poziom kontrastu kolorów ułatwia przeglądanie i rozumienie tekstu oraz obrazów. Zgodnie z Web Content Accessibility Guidelines (WCAG, Wytycznymi dotyczącymi dostępności treści internetowych) 2.0 zalecany minimalny współczynnik to 4,5:1 w przypadku dużego tekstu oraz 7:1 dla pozostałych tekstów i obrazów. Na przykład jasnoszary tekst na białym tle nie jest dobrym pomysłem.

Za pomocą Narzędzi deweloperskich w Chrome możesz przejrzeć sugestie zwiększenia kontrastu kolorów i zastosować je w swojej witrynie.

Używanie informacyjnego tekstu linku

Czytniki ekranu mają funkcję wyszukiwania linków w tekście, warto więc opisywać linki w pomocny sposób. Najlepiej użyć tytułu strony jako odnośnika. Jeśli na przykład chcesz utworzyć odniesienie do swojej strony profilowej, jako tekst linku lepiej jest wpisać „mój profil” niż „kliknij tutaj” lub pełny adres URL.

Sprawdź rozmiar i wyrównanie tekstu

Aby ułatwić czytanie treści strony, używaj dużego tekstu wyrównanego do lewej, gdy tylko to możliwe. Tekst wyjustowany trudniej odczytać ze względu na dodatkowe przerwy między słowami.

Używaj tekstu do obsługi formatowania

Staraj się nie przekazywać znaczenia tekstu przez akcenty wizualne. Czytniki ekranu mogą nie sygnalizować zmian formatowania, takich jak pogrubienie czy wyróżnienie. Jeśli na przykład chcesz wyróżnić istotny fragment tekstu, dodaj do niego wyraz „Ważne”.

Używaj list numerowanych i punktowanych

Dokumenty i Prezentacje Google automatycznie wykrywają i formatują niektóre listy na potrzeby ułatwień dostępu. Jeśli na przykład zaczniesz w dokumencie nowy wiersz, wpisując liczbę 1 z kropką, automatycznie stanie się ona pierwszą pozycją na liście numerowanej. Dowiedz się, jak formatować listy punktowane i numerowane