Tekst alternatywny
Teksty alternatywne (skrót od tekstów alternatywnych) to krótkie opisy obrazkowe, krótkie tłumaczenia językowe treści wizualnych w Internecie, które są odczytywane niewidomym użytkownikom za pomocą pomocy takich jak czytniki ekranu zamiast obrazu. Są ważnym warunkiem wstępnym dla dostępnego Internetu . Można je jednak również wyświetlić w przeglądarce zamiast obrazu, jeśli np. B. połączenie internetowe jest zbyt wolne, aby załadować obraz. Po trzecie, są one szczególnie łatwe do znalezienia przez wyszukiwarki . Obrazy z tekstem alternatywnym są szczególnie łatwe do wyszukania.
Teksty alternatywne jako warunek dostępności
Wiele osób ma trudności z oglądaniem zdjęć lub rozpoznawaniem ich treści. Jest to szczególnie ważne w przypadku osób niewidomych i niedowidzących .
Alternatywy tekstowe oferują rozwiązanie zapewniające dostęp do obrazów bez barier. Oprócz obszerniejszych opisów obrazków dla niewidomych obejmują one teksty alternatywne. Wymóg zapewnienia alternatywnych tekstów jest również zapisany w krajowych i międzynarodowych wytycznych dotyczących dostępności.
Rozporządzenie w sprawie technologii informatycznych bez barier ( BITV ) 2.0 (2011), które jest wiążące dla witryn internetowych władz niemieckich, stanowi: „Dla każdej treści nietekstowej przedstawianej użytkownikowi istnieje alternatywa tekstowa, która spełnia ten cel zawartość ".
Niestety, do tej pory tylko ułamek wszystkich obrazów i grafik w Internecie jest opatrzony tekstami alternatywnymi.
Długość i treść tekstów alternatywnych
Wyjście tekstu alternatywnego jest uniwersalne i niezależne od urządzenia. To może być odczytywane przez czytniki ekranu i monitorów brajlowskich w brajlu wyświetlaczu (Braille'a).
Nie ma jednolitych standardów dotyczących długości i treści tekstów alternatywnych. Istnieje zbyt wiele różnych rodzajów treści wizualnych oraz zbyt różne zainteresowania i potrzeby niewidomych i niedowidzących użytkowników internetu. Ale możesz powiedzieć, że teksty alternatywne powinny być jak najkrótsze.
Zwłaszcza, że czytniki ekranu nie mogą przetwarzać starych tekstów kawałek po kawałku. Teksty alternatywne odczytywane są w jednym kawałku niezależnie od ich długości.
Monitory Braille'a mają standardową szerokość 40 lub 80 znaków. To przemawiałoby za ograniczeniem długości tekstów alternatywnych do tej długości. Jednak niektóre obrazy wymagają więcej słów do opisania.
Dział Dostępności Uniwersytetu w Toronto zaproponował górne limity, które są obecnie powszechnie akceptowane. Są to 115 znaków w języku niemieckim i 90 w języku angielskim, który ma krótsze słowa.
Inne zastosowania tekstu alternatywnego, np. B. jako wyświetlacz, gdy obraz jest zablokowany w przeglądarce lub przez wyszukiwarki, pozwoliłby na dłuższe teksty alternatywne. Ponieważ jednak każdy obraz ma tylko jedno pole tekstu alternatywnego, powinno to służyć wszystkim celom, o ile to możliwe. Dotyczy to również treści.
Teksty alternatywne nie muszą składać się z pełnego zdania. Jednak możliwe działania na obrazku można lepiej opisać pełnymi zdaniami.
Szczególnie w odniesieniu do optymalizacji pod kątem wyszukiwarek ważne jest, aby wspomnieć o głównym słowie kluczowym . Upychanie słów kluczowych nie jest jednak zalecane, zarówno ze względu na czytelność, jak iz myślą o wyszukiwarkach. Z Google z. B. częste używanie słów kluczowych mogłoby zostać ocenione jako spam .
Ponadto informacja, że jest to grafika lub link, nie musi znajdować się w tekście alternatywnym. Program udźwiękawiający zawsze wyświetla informacje „grafikę” lub „łącze graficzne”, a następnie zapisany tekst alternatywny.
W przypadku grafik z tekstem ten tekst również należy umieścić w tekście alternatywnym.
Unikaj powielania informacji w tekście alternatywnym i podpisie . Informacje o prawach autorskich lub nazwisko fotografa nie znajdują się w tekście alternatywnym. W przypadku obrazów czysto dekoracyjnych tekst alternatywny powinien być pusty.
HTML
W HTML , który może alt- atrybut tekstu alt być użyte. Było wymagane w przypadku obrazów od czasu HTML 4.01. W przypadku apletów Java i pól wejściowych jest opcjonalne.
Większość CMS ( systemów zarządzania treścią ) obsługuje atrybut alt.
przykład
<img src="größenvergleich.jpg" alt="Die Erde hat einen etwa doppelt so großen Durchmesser wie der Mars.">
Ten wiersz kodu zwykle reprezentuje obraz größenvergleich.jpg. Jeśli obraz nie może zostać załadowany lub format nie jest obsługiwany przez przeglądarkę internetową , wyświetlany jest tekst „Ziemia jest około dwa razy większa od Marsa”.
wynik
Czytniki ekranu odczytują na głos tekst alternatywny. JAWS z. B. wprowadza do tekstu alternatywnego słowo „grafika”. Jeśli obraz jest łączem , JAWS ogłosi alternatywny tekst jako „Łącze graficzne”.
Czytniki ekranu ignorują obrazy bez tekstu zastępczego i nic nie mówią, ale użytkownicy mogą zmienić swoje ustawienia, aby odczytać nazwę pliku na głos.
Jeśli obraz jest linkiem bez tekstu alternatywnego, czytniki ekranu zwykle odczytują miejsce docelowe łącza ( hrefatrybut w HTML), ale mogą również odczytać nazwę pliku obrazu.
Indywidualne dowody
- ↑ Najlepsze praktyki optymalizacji wyszukiwarek dla grafiki Google. Pobrano 2 marca 2021 r .
- ↑ a b Alternatywy tekstowe dla obrazów - pilot BITV. Pobrano 4 stycznia 2021 r .
- ↑ Sarah Kitza: Projektowanie tekstów alternatywnych - badanie empiryczne z punktu widzenia użytkownika . http://www.barrierefreies-webdesign.de/knowhow/textalternative/pdf/Gestaltung-von-Alternativtexten-Kitza.pdf . Wyd.: TU Dortmund. 2015.
- ↑ Strona główna Pilot BITV - Rozporządzenie w sprawie technologii informatycznych bez barier - BITV 2.0 - Pilot BITV. Pobrano 4 stycznia 2021 r .
- ↑ a b c d Jak napisać dobry tekst alternatywny dla niewidomych? 9 sierpnia 2020, obejrzano 4 stycznia 2021 (niemiecki).
- ↑ Alternatywny tekst dla zdjęć - BITV-Pilot. Pobrano 4 stycznia 2021 r .
- ↑ SEO: Jak długo powinien trwać dzień ALT? TechStream. 28 kwietnia 2020, obejrzano 4 stycznia 2021 (niemiecki).
- ↑ Alternatywne teksty do obrazów są ważne dla dostępności i SEO. W: Witamy na blogu TechSmith. 19 czerwca 2018, obejrzano 4 stycznia 2021 (amerykański angielski).
- ↑ a b Alt-Tag i Title-Tag wyjaśnione w prosty i zrozumiały sposób - kuchnia SEO. W: SEO Kitchen - Online Marketing Agency for More Performance. Pobrano 4 stycznia 2021 r. (W języku niemieckim).
- ↑ Co to jest atrybut ALT (znacznik ALT)? - Ryte Wiki. Pobrano 4 stycznia 2021 r .
- ↑ a b Jak określić tekst zastępczy. W3C , dostęp 5 stycznia 2021 .
- ↑ W3C : Specyfikacja HTML 4.01: Wprowadzenie do obiektów, obrazów i apletów , 24 grudnia 1999
- ^ Dostępność - W3C
- ↑ Zaprojektowanie pod kątem zgodności z czytnikami ekranu | Przystępny projekt. Pobrano 4 stycznia 2021 r. (W języku niemieckim).
linki internetowe
- Użyj atrybutu alt, aby opisać funkcję każdej wizualizacji - Wskazówki dla webmasterów, Kontrola jakości W3C (angielski)
- Tekst alternatywny - pamiętaj o dostępności sieci (angielski, niemiecki, francuski)