Obraz może wymagać więcej niż jednego rodzaju opisu. Instrukcja dotycząca umiejscowienia informuje kreator, jak wykorzystać obraz. Widoczny podpis wyjaśnia kontekst czytelnikom. Tekst alternatywny przekazuje ważne znaczenie wizualne osobom, które nie widzą obrazu. Te funkcje mogą się pokrywać, ale nie są zamienne.
Wyjaśnij kreatorowi, co masz na myśli
Opisz, co przedstawia obraz i dlaczego go dodajesz. Na przykład: „To krzesło, które odrestaurowałem. Umieść je obok projektu renowacji, za zdjęciem przedstawiającym stan przed rozpoczęciem prac”. Uwzględnij istotne preferencje dotyczące kadrowania. Nie proś kreatora o wywnioskowanie rekomendacji klienta, lokalizacji ani specyfikacji produktu, których nie potwierdzają podane przez Ciebie fakty.
Dodawaj podpisy wyjaśniające kontekst
Podpis może zawierać nazwę projektu, datę lub wyjaśnienie, który etap przedstawiono. Powinien dostarczać przydatnych informacji, a nie powtarzać nagłówek. Jeśli obraz przedstawia fikcyjną koncepcję lub projekt ćwiczeniowy, wyraźnie zaznacz ten kontekst. Przed publikacją sprawdź nazwy i daty.
Opisuj znaczenie, a nie każdy piksel
Tekst alternatywny powinien przekazywać, co obraz wnosi w danym kontekście. Zdjęcie projektu może wymagać krótkiego opisu ukończonego dzieła. W przypadku ozdobnego motywu tekst alternatywny może być pusty, aby obraz został pominięty. Jeśli obraz zawiera ważne instrukcje lub ceny, zamieść te informacje również jako zwykły tekst na stronie.
Sprawdzaj obraz w kontekście otaczającej go sekcji
Przeczytaj razem nagłówek, akapit, podpis i opis obrazu. Usuń powtórzenia, które utrudniają poruszanie się po stronie. Sprawdź, czy odwiedzający zrozumie główny przekaz, jeśli obraz się nie załaduje. Tekst nie powinien twierdzić, że obraz coś potwierdza, jeśli tego nie przedstawia.
Dodając obrazy w VollSite, opisz ich rolę i sprawdź wygenerowane umiejscowienie po zakończeniu wprowadzania żądanej zmiany. Przechowuj oryginalne pliki osobno i używaj tylko materiałów, które możesz publikować. Podstawowe wskazówki dotyczące dostępności znajdziesz na stronie https://web.dev/learn/design/accessibility. Automatyczne kontrole mogą wykryć niektóre brakujące opisy, ale człowiek nadal musi ocenić, czy ich treść przekazuje właściwe znaczenie.