Jak utworzyć alternatywny tekst dla ułatwień dostępu i SEO

  1. Co to jest tekst alternatywny?
  2. Jest używany na kilka sposobów:
  3. Jak dodać tekst alt do obrazów
  4. Tekst Alt a podpisy
  5. Najlepsze praktyki alternatywnego tekstu
  6. 1. Dokładnie opisz zawartość i funkcję obrazu
  7. 2. Im krótszy, tym lepszy, ale nie za krótki
  8. 3. Użyj odpowiedniej interpunkcji i ortografii
  9. 4. Nie potrzebujesz tytułu dostępu, ale może to być pomocne z innych powodów
  10. 5. Nie dołączaj „obrazu”, „zdjęcia” itp.
  11. 6. Jeśli twój obraz zawiera tekst, musi być dołączony do tekstu alt
  12. 7. Nie polegaj na sprawdzeniu dostępności
  13. 8. Obrazy z linkami muszą zawierać miejsce docelowe łącza w tekście alt
  14. Alt tekst dla wykresów, wykresów i tabel
  15. Alt tekst i SEO

Jeśli tworzysz lub publikujesz treści cyfrowe dowolnego rodzaju, prawdopodobnie już słyszałeś coś o znaczeniu tworzenia treści dostępnych dla osób niepełnosprawnych. Tekst alternatywny (zwany również „tekstem altowym”) pomaga zapewnić osobom niewidomym lub niedowidzącym lub innym upośledzonym fizycznie lub poznawczo dostęp do treści wizualnych, takich jak obrazy, wykresy i wykresy.

W Stanach Zjednoczonych Ustawa o obywatelach niepełnosprawnych (ADA) wymaga, aby wszystkie treści cyfrowe były dostępne dla osób niepełnosprawnych. Inne kraje mają własne wymagania. Dla osób, które korzystają z czytników ekranu lub innych technologii wspomagających w celu uzyskania dostępu do treści cyfrowych, dostępna treść jest niezbędna, aby zapewnić im dostęp do treści i zrozumienie ich w taki sam sposób, jak zrobiłby to ktoś, kto nie potrzebuje pomocy.

Co to jest tekst alternatywny?

Tekst alternatywny, w najprostszej formie, to kod tła dodany do obrazu cyfrowego, który umożliwia czytnikowi ekranu lub innej technologii wspomagającej opisanie treści i znaczenia obrazu osobom, które nie mogą zobaczyć obrazu lub mogą nie być w stanie przetworzyć obrazu z powodu niepełnosprawność poznawcza.

Jest używany na kilka sposobów:

  • Czytniki ekranu i inne technologie wspomagające wykorzystują go do opisywania obrazu użytkownikom, aby mogli uzyskać dostęp i zrozumieć treść.
  • W przeglądarkach, w których obrazy są zablokowane, zamiast tekstu wyświetlany jest tekst alt.
  • Wyszukiwarki używają go do określenia treści i kontekstu obrazów.

Czytniki ekranu mogą stwierdzić, kiedy obraz jest obecny, ale nie mogą analizować ich zawartości. Tekst alt jest odczytywany zamiast obrazu, aby dać użytkownikom zrozumienie znaczenia i kontekstu obrazu.

Jak dodać tekst alt do obrazów

Niestety, nie ma jednego sposobu na dodanie alternatywnego tekstu. Różne platformy oprogramowania robią to na różne sposoby. Sprawdź dokumentację oprogramowania lub pliki pomocy, aby uzyskać informacje na temat dodawania tekstu alt do obrazów z poziomu tej platformy.

Na przykład w programie Microsoft Word kliknij obraz prawym przyciskiem myszy i wybierz polecenie Dodaj tekst Alt. Następnie dodaj swój tekst do okna tekstowego alt na pasku bocznym, który się otworzy. Kiedy skończysz, po prostu zamknij pasek boczny, a twój tekst alt zostanie zapisany wraz z obrazem.

Kiedy skończysz, po prostu zamknij pasek boczny, a twój tekst alt zostanie zapisany wraz z obrazem

Tekst Alt a podpisy

Tekst i podpisy są podobne na wiele sposobów. Oba zapewniają opis obrazu i kontekstu, w jaki sposób obraz pasuje do reszty treści. Jednak tekst alt jest zazwyczaj „za kulisami”, podczas gdy podpisy są widoczne dla każdego, kto ma dostęp do strony. Co więcej, podpisy nie zawsze mogą zawierać pełny opis obrazu i jego zawartości, ponieważ są one zwykle używane do ulepszenia lub zapewnienia kontekstu dla widocznego obrazu.

Jednak podpisy mogą być bardziej przydatne dla celów ułatwień dostępu. Podpisy są szczególnie przydatne w przypadku obrazów, które mogą wymagać dużo tekstu alt, aby dokładnie je opisać. Zamiast tworzyć długi i mniej przydatny tekst alt, można tworzyć dłuższe opisy za pomocą podpisu. Następnie tekst alternatywny może dać krótki opis obrazu i sugerować użytkownikowi wygląd podpisu w celu uzyskania pełniejszego opisu i / lub kontekstu.

Najlepsze praktyki alternatywnego tekstu

Tworzenie dobrego tekstu alt nie jest nauką - to raczej sztuka. Zbyt krótki i może nie dać wystarczająco dużo szczegółów. Zbyt długo i może to być nudne. Ale oto kilka rzeczy, o których należy pamiętać podczas tworzenia tekstu alt.

1. Dokładnie opisz zawartość i funkcję obrazu

Ludzie, którzy używają technologii wspomagających, polegają na zawartości tekstu alt, aby dać im nie tylko to, co zawiera obraz, ale każdy kontekst obrazu, jeśli nie jest łatwo dostępny. W zależności od złożoności obrazu może być lepiej podać kontekst w tekście treści, aby uniknąć zbyt długiego tekstu alt.

2. Im krótszy, tym lepszy, ale nie za krótki

Jednym z głównych problemów związanych z tekstem alt jest długość. Wiele czytników ekranu * odczyta wszystkie lub żaden tekst alt w formie napisanej. Innymi słowy, często żadna osoba korzystająca z technologii wspomagającej nie może przeskoczyć do przodu w celu znalezienia bardziej odpowiedniej treści lub wstrzymania i powrotu do czegoś, czego nie rozumiała. Jeśli najbardziej istotna treść znajduje się na końcu twojego tekstu alt, użytkownik musiałby wysłuchać wszystkich nieistotnych informacji przed odkryciem, dlaczego obraz jest zawarty.

Podaj wystarczająco dużo szczegółów, aby dokładnie opisać obraz, ale unikaj drobnych szczegółów, które niekoniecznie zwiększają znaczenie tego, dlaczego obraz został uwzględniony.

Podaj wystarczająco dużo szczegółów, aby dokładnie opisać obraz, ale unikaj drobnych szczegółów, które niekoniecznie zwiększają znaczenie tego, dlaczego obraz został uwzględniony

Na przykład na powyższym obrazku można opisać go na kilka sposobów, w zależności od tego, co próbuje przekazać w kontekście otaczającej treści.

Kuszące byłoby opisanie go jako ekranu komputera. I w niektórych przypadkach może to wystarczyć. Ale w artykule na temat używania rozmycia ekranu w celu ukrycia poufnych informacji może być konieczne opisanie obrazu jako ekranu komputera z rozmazanym drzewem pliku dla prywatności.

Jeśli artykuł dotyczył określonego typu kodowania, a obraz próbował pokazać przykład tego kodu, być może trzeba będzie przejść do bardziej szczegółowych informacji na temat wyświetlanego kodu.

A może artykuł dotyczy szerokości skosu na ekranie komputera, więc zamiast tego trzeba będzie podać szczegóły.

W tym sensie tworzenie dobrego tekstu alternatywnego jest raczej formą sztuki niż nauką. Twój tekst alt powinien być wystarczająco długi, aby dokładnie opisać obraz, ale nie tak długo, aby był uciążliwy.

3. Użyj odpowiedniej interpunkcji i ortografii

Większość czytników ekranu * odczytuje tekst alt dokładnie tak, jak się pojawia, w tym błędy ortograficzne i interpunkcyjne. W programach takich jak Microsoft Word nie ma możliwości sprawdzenia pisowni lub gramatyki tekstu alternatywnego, więc musisz być bardzo ostrożny.

Podobnie, musisz użyć odpowiedniej interpunkcji lub twój altowy tekst może brzmieć jak naprawdę denerwujące zdanie wstępne lub, co gorsza, nie ma sensu.

W rzeczywistości nie jest złym pomysłem tworzenie nowego dokumentu, w którym można skomponować altowy tekst za pomocą wbudowanych w program Word sprawdzających pisownię i gramatykę, a następnie, gdy jesteś zadowolony i nie ma błędów, skopiuj go i wklej do alt okno tekstowe używanego oprogramowania.

Większość nowoczesnych przeglądarek automatycznie sprawdza pisownię, więc jeśli piszesz coś w systemie zarządzania treścią (CMS) lub w Dokumentach Google, prawdopodobnie sprawdzona zostanie pisownia i gramatyka, ale dobrą praktyką jest sprawdzanie poprawności.

Pro wskazówka: upewnij się, że recenzenci treści sprawdzają również, czy Twój tekst alt jest prawidłowym opisem obrazu, używa poprawnej pisowni i gramatyki, a także jest jasny i zwięzły, gdy przegląda resztę treści.

4. Nie potrzebujesz tytułu dostępu, ale może to być pomocne z innych powodów

Z punktu widzenia dostępności nadawanie zdjęciu tytułu nie jest konieczne. Większość czytników ekranu nawet się tym nie przejmuje. Jednak tytuł pojawi się jako podpowiedź, gdy ktoś przeglądający Twoją stronę znajdzie się nad obrazem. Tytuł może również pomóc wyszukiwarkom lepiej zrozumieć treść i cel obrazu.

Powiedziawszy to, nigdy nie należy poświęcać jasnego i zwięzłego tekstu alt, który dokładnie opisuje obraz na korzyść zdobycia dodatkowego punktu lub dwóch w skali SEO.

5. Nie dołączaj „obrazu”, „zdjęcia” itp.

Gdy czytnik ekranu napotka obraz, poinformuje użytkownika, że ​​napotkał obraz. Tak więc, jeśli Twój tekst alt zawierał zwrot „obraz”, czytnik ekranu powiedziałby coś w rodzaju „Obraz. Obraz ekranu komputera… ”

6. Jeśli twój obraz zawiera tekst, musi być dołączony do tekstu alt

Ponieważ żaden tekst w obrazie nie byłby czytelny dla czytnika ekranu, musi on być zawarty w tekście altowym, jeśli ma znaczenie dla znaczenia i kontekstu obrazu z otaczającą treścią.

Patrząc na powyższy obrazek, w zależności od kontekstu i intencji, może okazać się konieczne opisanie w tekście altowym, że znak brzmi „Zadaj więcej pytań”. Jeśli warto zrozumieć intencje, może być również konieczne opisanie tego. tekst jest w całości.

Jednak w artykule o tym, jak umieścić znak na ścianie, gdzie rzeczywisty tekst znaku nie jest ważny, wystarczy opisać, że obraz przedstawia znak wyśrodkowany między dwoma zegarami ściennymi.

Jak wspomniano powyżej w sekcji Alt text vs. captions , jeśli obraz zawiera dużo tekstu, zazwyczaj lepiej jest umieścić tę informację w podpisie. Możesz także dołączyć ją do otaczającej treści tekstowej. W takich przypadkach chciałbyś zauważyć w tekście alt, że dalsze informacje o obrazie są zawarte w podpisie lub treści tekstu.

Ze względu na wytyczne dotyczące utrzymywania względnie krótkiego tekstu alternatywnego, w przypadku obrazów ze znacznikami i tekstem, takich jak te, które można utworzyć w Snagit, sugeruję użycie podpisu lub otaczającego tekstu do opisania odpowiedniego znacznika i tekstu. Będzie to znacznie łatwiejsze i bardziej użyteczne dla użytkowników.

7. Nie polegaj na sprawdzeniu dostępności

Wiele narzędzi do tworzenia treści, takich jak Microsoft Word i Adobe Acrobat, zawiera przydatne narzędzia do sprawdzania dostępności. Skanują treść i szukają typowych błędów, które tworzą twórcy treści, co może uniemożliwić dostęp do treści. Są świetne i zdecydowanie powinieneś użyć ich do sprawdzenia swoich treści.

Ale jest problem: Twój sprawdzanie dostępności może sprawdzić, czy istnieje tekst alt, ale nie może określić jakości tego tekstu alt. Z tego powodu dobrym pomysłem jest sprawienie, aby recenzent treści sprawdził również zawartość tekstu alt, aby upewnić się, że jest on użyteczny i poprawny.

8. Obrazy z linkami muszą zawierać miejsce docelowe łącza w tekście alt

Innym elementem dostępnej treści jest to, że wszystkie hiperłącza powinny opisywać użytkownikowi, dokąd je pobierze. Z tego powodu linki takie jak „kliknij tutaj” lub „odwiedź nas” są zazwyczaj nie-nie.

W ten sam sposób obraz, który funkcjonuje jako łącze, powinien również opisywać użytkownikowi, gdzie będzie je łączyć. Na przykład, jeśli masz przycisk na swojej stronie, który brzmi „Pobierz bezpłatną wersję próbną”, Twój tekst alt powinien brzmieć następująco: „Link: Pobierz bezpłatną wersję próbną”.

Alt tekst dla wykresów, wykresów i tabel

Wykresy, wykresy i tabele stanowią szczególnie trudny problem, jeśli chodzi o tekst alternatywny. Ponieważ mają tendencję do przedstawiania stosunkowo dużej ilości informacji, każdy tekst alt może być dość długi i trudny do śledzenia. Dlatego bardzo polecam używanie podpisu, który dokładnie opisuje zawartość wykresu lub wykresu i jego znaczenie dla pozostałych treści. Twój tekst alternatywny mógłby wtedy opisać tytuł wykresu i zauważyć, że pełny opis treści jest dostępny w podpisie lub treści tekstowej.

Jak opisałbyś powyższy wykres (z naszego ostatni artykuł na temat naszych oryginalnych badań nad komunikacją w miejscu pracy ) komuś, kto tego nie widzi? Pamiętaj, że Twój tekst alt (lub, co bardziej prawdopodobne, podpis lub treść) musiałby dostarczyć wszystkich istotnych informacji, aby mogli go zrozumieć w taki sam sposób, jak ktoś, kto może go zobaczyć.

W tym artykule na blogu, ponieważ informacje na wykresie niekoniecznie odnoszą się do punktu, który próbuję stworzyć, mógłbym po prostu opisać go jako złożoną tabelę informacji o preferencjach millenialsów dotyczących narzędzi wizualnych w pracy. Gdyby ten artykuł dotyczył badań, musiałbym opisać rzeczywistą treść w tekście alternatywnym, a właściwie w treści otaczającej go treści.

W przeciwieństwie do obrazów, większość tabel jest dostępna dla czytników ekranu. Użytkownik może poruszać się po tabeli, aby uzyskać odpowiednie informacje, jeśli wybiorą. Jednak tekst alternatywny może zawierać krótki opis tabeli i przegląd tego, co zawiera, aby użytkownik mógł zdecydować, czy chce uzyskać dostęp do tabeli, czy nie.

Alt tekst i SEO

Tekst Alt jest niezbędny do tworzenia dostępnych treści. Jest jednak bonus: może również pomóc w SEO!

Mimo to, najwyższym i najlepszym celem tworzenia tekstu alt jest poprawa dostępności treści cyfrowych. Próba gry w systemie przez wypełnienie swojego tekstu alternatywnego nieodpowiednimi słowami kluczowymi lub innymi nieistotnymi informacjami może być w rzeczywistości szkodliwa.

W tym artykule Google na temat publikowania obrazów , zauważają, że używają tekstu alt image, aby zrozumieć przedmiot obrazu i jak odnosi się on do reszty treści. Sugerują również tworzenie tekstu alt, który skupia się na „tworzeniu użytecznych, bogatych w informacje treści, które odpowiednio używają słów kluczowych i są w kontekście treści strony”. Google zauważa, że ​​tekst alternatywny jest wypełniony nieodpowiednimi słowami kluczowymi lub tekstem alt, który nie jest t istotne dla obrazu lub reszty zawartości strony, która może spowodować, że witryna będzie postrzegana jako spam.

Podobnie, Yoast, producent jednej z najpopularniejszych wtyczek WordPress dla SEO, Zaleca się, aby w miarę możliwości używać słowa kluczowego artykułu i kiedy to stosowne, ale wyraźnie mówią, że nie wypychają słów kluczowych do każdego fragmentu tekstu.

Chociaż jest to dobry przegląd podstaw tworzenia alternatywnego tekstu dla obrazów i SEO, z pewnością nie jest to ostatnie słowo, nie temat. Wiele organizacji ma własne wytyczne dotyczące tworzenia tekstu alt, podczas gdy inne mogą nawet nie zdawać sobie sprawy, że w ogóle tego potrzebują!

Czy tworzysz tekst alt dla obrazów zawartych w treściach cyfrowych? Chciałbym usłyszeć twoje sugestie, pomysły i zmagania!

* Uwaga: Ze względu na różnice w sposobie, w jaki różne technologie wspomagające obsługują obrazy i tekst alternatywny, ten artykuł nie ma na celu kompleksowego przeglądu zachowań wszystkich technologii wspomagających. Zamiast tego zastanów się nad sugestiami dotyczącymi zestawu wskazówek, aby zapewnić, że alternatywny tekst dla obrazów jest dostępny dla jak największej liczby osób.

Związane z

Co to jest tekst alternatywny?
Co to jest tekst alternatywny?
Czy tworzysz tekst alt dla obrazów zawartych w treściach cyfrowych?