INFOLINIA +48 698 694 905

Logo Audyt WCAG 2.1

Jak stworzyć tekst alternatywny do obrazka?

Wszystkie

Jak stworzyć tekst alternatywny do obrazka?

Zamazany obrazek kodu źródłowego, w centrum obrazka widoczny alternatywny opis obrazka

Atrybut ALT obrazka, czym jest tekst alternatywny?

Atrybut „alt” (tzw. opisowy tekst zastępczy), zwany także tekstem alternatywnym, jest stosowany w różnego rodzaju tekstach internetowych, takich jak blogi czy media społecznościowe. Pojawia się on zamiast grafiki czy zdjęcia, gdy obraz na stronie nie może się wyświetlić z powodu słabego łącza lub innych przyczyn. Dla osób z niepełnosprawnością wzroku jest to sposób na poznanie wizualnych treści w Internecie i odnalezienie się w cyfrowym świecie, gdzie obrazy dominują.

Ważna alternatywa dla obrazków

Zgodnie z wytycznymi WCAG 2.1, zapewnienie tekstów alternatywnych do każdej informacji nietekstowej jest obowiązkowe dla wszystkich instytucji publicznych. Warto o tym pamiętać zwłaszcza dodając grafiki do postów na Facebooku czy Twitterze. W tych aplikacjach znajdziemy specjalne funkcje do tworzenia atrybutów alt, ale praktykuje się również dodawanie opisów alternatywnych do zdjęć w nawiasie kwadratowym bezpośrednio pod obrazkiem/grafiką. Taki zabieg jest dopuszczalny, gdy udostępniamy grafikę innego autora i jesteśmy pewni, że sam autor nie dodał tekstu alternatywnego w oryginalnym poście.

Jak stworzyć tekst alternatywny dla obrazka? Poradnik.

Tworzenie atrybutu alt może wydawać się prostym zadaniem, ale aby stworzyć wartościowy opis, który będzie pomocny dla osób niewidomych, trzeba się trochę wysilić. Aby osiągnąć ten cel, warto kierować się pewnymi zasadami które omówimy na podstawie poniższego przykładowego obrazka.

1. Napisz starannie i dokładnie

Zgodnie z zaleceniami Google dla webmasterów, tekst alternatywny powinien być „krótki, ale pełen treści”. W jednym z poradników mówi się o limicie 125 znaków, jednak niektórzy eksperci nie widzą takiego ograniczenia. Ważne jest, aby stosować zdrowy rozsądek i dostosować tekst do potrzeb użytkowników. Tekst alternatywny, czyli atrybut alt, powinien zawierać słowa kluczowe i być dobrze wpasowany w kontekst obrazka. Na przykład, jeśli obraz dotyczy emocji, skupmy się na opisie emocji, które obraz wzbudza. Przy tworzeniu alternatywnych opisów warto zadać sobie pytanie, czy osoba niewidząca, po przeczytaniu opisu, będzie w stanie wyobrazić sobie zawartość obrazka.

2. Staraj się nie używać słów związanych bezpośrednio z obrazkiem

Unikaj wyrażeń takich jak „na zdjęciu widać” czy „grafika przedstawia”, przejdź od razu do treści. Dzięki temu opis stanie się bardziej płynny, a liczba używanych znaków się zmniejszy.

3. Unikuj nadużywania przymiotników i przysłówków w opisach.

Często ludzie zapominają, że celem opisu jest przede wszystkim przekazanie informacji. Zamiast tego, starają się urozmaicić teksty mnóstwem epitetów, co powoduje, że opisy stają się długie i mało precyzyjne. Efektem tego jest, że czytelnik zostaje zanudzony nieistotnymi detalami. Lepiej zastąpić nadmiar przymiotników dynamicznymi czasownikami, które dodadzą lekkości i pozwolą bardziej skupić się na konkretnym przekazie.

Duży pies przeskakuje przez drewniane ogrodzenie.

Na podstawie obrazka przedstawionego powyżej stwórzmy opis alternatywny.

„Duży pies skacze przez ogrodzenie z drewnianych desek. W tle zielone krzewy i kolorowe kwiaty.”

4. Unikaj stosowania strony biernej w tekście

Może to sprawić, że tekst stanie się niezrozumiały i nieprzyjemny w odbiorze. Używanie strony bierniej nadaje ton urzędowy i utrudnia zrozumienie treści. Zamiast tego, lepiej korzystać z aktywnej formy czasownika, co pozwoli na jasne przekazanie informacji i ułatwi czytelnikowi zrozumienie tekstu.

5. Dopasuj tekst do kontekstu

Kiedy tworzysz tekst alternatywny, pamiętaj, że powinien być zarówno treściwy, jak i odpowiedni do kontekstu, w którym jest używany. To samo zdjęcie może być opisane na różne sposoby, w zależności od strony internetowej, na której się znajduje i celu, jaki ma spełnić. Na przykład na blogach podróżniczych warto uwzględnić nazwy miejsc geograficznych w opisie, co może być mniej istotne, gdy zdjęcie jest jedynie tłem do opowiadania o wakacyjnej przygodzie.

Pisanie tekstów alternatywnych nie jest trudne i po kilku próbach staje się łatwiejsze. Ważne jest, aby każdorazowo tworzyć funkcjonalny, zrozumiały i dokładny tekst, który ułatwi percepcję wizualnego świata osobom z niepełnosprawnością wzroku. W końcu piszemy te opisy dla nich, a nie dla siebie czy dla muzów, aby mogli w pełni korzystać z treści w Internecie.

Ostatnie posty

Masz pytania?

Skontaktuj się z nami!

Brak dostępności – jakie kary?

Wszystkie

Brak dostępności – jakie kary?

Kosz na śmieci wypełniony banknotami pośrodku biura

Rzeczywistość wirtualna stanowi jeden z istotnych elementów naszego życia, dlatego powinna być na równi dostępna dla wszystkich użytkowników – również osób z różnymi formami niepełnosprawności, dla których strony internetowe bywają niedostępne i trudne w prawidłowej nawigacji.

Kwestię tę reguluje specjalny standard – WCAG, który zbiera wszystkie kwestie, związane wyrównywaniem szans i walką z wykluczeniem w Internecie.

Standard WCAG – co to takiego?

Standard WCAG (z ang. Web Content Accessibility Guidelines) to zbiór precyzyjnie przygotowanych dokumentów prawnych, które zawierają wytyczne odnośnie dostępności serwisów internetowych, prowadzonych przez instytucje publiczne, w tym jednostki dysponujące finansami publicznymi. W dokumentach znajduje się w zasadzie wszystko to, co można uznać za istotne dla dostępności cyfrowej.

Strony www muszą być bowiem budowane tak, aby gwarantować dostępność również dla osób ze specjalnymi potrzebami – niewidzących i niedowidzących, niesłyszących lub mających problemy z koordynacją. Niestety ich wykluczenie przez podmioty publiczne to realny problem, z którym co roku boryka się wielu petentów, bez możliwości wejścia w interakcję z witryną nieprzystosowaną do ich dysfunkcji.

Standardy dostępności są tworzone przez Konsorcjum WWW (World Wide Web Consortium, w skrócie W3C), które w ramach inicjatywy na Rzecz Dostępności w Sieci przygotowuje kolejne wersje wskazówek, jak dostosowywać zmieniającą się przestrzeń wirtualną i poszczególne strony internetowe do potrzeb wszystkich użytkowników.

Obecnie obowiązującym standardem jest WCAG 2.1, który zastąpił w 2019 roku WCAG 2.0. W zaktualizowanych wytycznych znajdują się zapisy niestosowane we wcześniejszych iteracjach, w tym także te, które w WCAG pojawiły się dopiero po raz pierwszy. Tym samym część z nich wymaga wdrożenia na witryny instytucji publicznych, aby dać internautom możliwość skorzystania z nich na żądanie użytkownika.

Akty prawne – przepisy wprowadzające standard WCAG 2.1

W naszym kraju nowy standard WCAG 2.1 zastępujący WCAG 2.0, wprowadziła w życie ustawa z dnia 4 kwietnia 2019 roku o dostępności cyfrowej stron internetowych i mobilnych aplikacji, w celu zaspokojenia potrzeb internautów z różnymi dysfunkcjami. W tym uniemożliwiającymi realizację różnych zadań na stronach rządowych.

Zmiany wcześniej obowiązujących przepisów (rozporządzenie KRI) wynikały z konieczności dostosowania się do prawa unijnego. Podstawą do takiego działania jest Dyrektywa Parlamentu Europejskiego i Rady (UE) nr 2016/2102 z dnia 26 października 2016 w sprawie dostępności stron internetowych i mobilnych aplikacji organów sektora publicznego.

Dyrektywa wprowadza obowiązek zgodności z wytycznymi WCAG 2.1. AA. W dokumencie znalazły się szczegółowe informacje o tym, na czym polega zasada dostępności oraz jakie zmiany należy wdrożyć na stronach instytucji publicznych, aby mogły z nich swobodnie korzystać osoby ze specjalnymi potrzebami, zarówno na komputerach stacjonarnych, jak i różnych urządzeniach mobilnych.

Ustawa porządkuje wszystkie wymagania oraz określa instytucje monitorujące poprawność wprowadzanych zmian (Ministerstwo Cyfryzacji). Pojawiają się w niej również informacje o procedurach w razie nieprzestrzegania i notorycznego łamania zasady dostępności.

Kto musi spełniać standard WCAG?

W ustawie wymienia się szereg podmiotów, które są zobowiązane do zapewnienia dostępności swoich stron internetowych, w tym te finansowe ze środków publicznych.

Wśród instytucji objętych takim obowiązkiem znajdują się:

  • organizacje sektora finansów i rejestrów publicznych,
  • państwowe jednostki organizacyjne bez osobowości prawnej,
  • osoby prawne utworzone w celu zaspokajania potrzeb o charakterze powszechnym,
  • organizacje pozarządowe, podmioty realizujące działalność publiczną.

Warto wspomnieć, że przepisy nie nakładają obowiązku posiadania strony internetowej lub tworzenia aplikacji mobilnej. Określają wyłącznie zasady postępowania dla podmiotów, które już taką witrynę posiadają lub zamierzają ją stworzyć, realizując różne zadania publiczne.

Podstawowe wytyczne WCAG 2.1 dla podmiotów publicznych

Najnowszy standard WCAG 2.1, zastępujący WCAG 2.0, skupia się na potrzebach trzech grup użytkowników stron internetowych. Zaliczają się do nich osoby niewidome i słabowidzące, osoby z problemami poznawczymi oraz użytkownicy mobilnych aplikacji. Dla części osób z niepełnosprawnościami wykonanie czynności wymagających dobrej oceny sytuacji może oznaczać duże problemy, dlatego należy zrobić wszystko, aby wybrana strona internetowa została opublikowana wedle standardu WCAG.

Standard określa zasady tworzenia i optymalizacji stron internetowych, podzielone na czytelne kategorie. Każda z nich wymienia szereg kryteriów, dzięki którym tworzy się strony spełniające restrykcyjne normy. Należy do nich choćby prawidłowa czytelność i klarowność tekstu, zastosowanie odpowiednich czcionek, audiodeskrypcja, usprawnienia w kwestii konieczności przewijania, łatwiejsze wprowadzanie danych za pomocą klawiatury, czy też automatyczne dostosowywanie zawartości np. do czytników, ekranu smartfona lub komputera odbiorcy. Liczy się także możliwość wyłączenia niektórych utrudniających przeglądanie skryptów lub forma zastąpienia treści nietekstowych, a także ułatwienia w obrębie elementów wizualnych np. dla osób słabowidzących lub pozostałych osób z niepełnosprawnościami. Dla wielu osób istotny będzie również kształt wskaźnika myszy.

Jakość i poziomy zgodności (kryteria A, AA, AAA) ocenia się poprzez audyty, którymi zajmuje się nasza firma. Audyt obejmuje komputery stacjonarne oraz urządzenia mobilne i określa, czy dostępność cyfrowa jest optymalna, a czy sama witryna spełnia większość rygorystycznych wytycznych WCAG 2.1, dotyczących dostępności dla osób niepełnosprawnych. Najwyższym stopniem jest poziom AAA, a najniższym – A.

Proces ten ma decydujący wpływ na to, w jakim stopniu należy usprawnić i zmodyfikować stronę internetową oraz aplikacje mobilne, a także jak spełnić wymogi stawiane przez wyśrubowany do granic możliwości WCAG 2.1, który zastąpił znany WCAG 2.0. Warto spełnić nie tylko większość z minimalnych wymagań, lecz sięgnąć wyżej i zaspokoić praktycznie wszystkie potrzeby grup korzystających z systemów teleinformatycznych, np. za pomocą aplikacji mobilnych do konsumpcji treści internetowych w postaci elektronicznej.

Dzięki spełnianiu norm otrzymuje się wiążącą deklarację dostępności, a strona staje się w pełni funkcjonalna dla osób niepełnosprawnych lub mających szczególne potrzeby, Internet z kolei zaczyna być przestrzenią rzeczywiście przyjazną dla wszystkich użytkowników. Zalecenia dotyczące powyższych zagadnień są precyzyjne, lecz czasami trudne do wdrożenia do wybranych stron WWW, dlatego też kwestię dostępności stron internetowych warto traktować w pełni priorytetowo.

Dlaczego dostępność jest tak ważna?

Wszystkie

Dlaczego dostępność jest tak ważna?

Grafika

Zadbaj o dostępność.

Naprawdę trudno w obecnych czasach wyobrazić sobie funkcjonowanie bez Internetu. Teoretycznie przestrzeń online jest otwarta dla wszystkich i pozwala w łatwy, wygodny sposób znaleźć praktyczne informacje, załatwić sprawy urzędowe lub dostarczyć sobie nieco rozrywki. Czy jednak na pewno Internet jest równie gościnny dla wszystkich użytkowników? Szacuje się, że około 15% ludzi na świecie boryka się z różnymi formami niepełnosprawności. Dla nich często dostęp do stron internetowych bywa utrudniony, a niekiedy wręcz niemożliwy. Aby temu przeciwdziałać, powołano do życia inicjatywę Web Accessibility Initiative (WAI), która regularnie przygotowuje wytyczne dotyczące dostępności w Internecie, a także tworzy narzędzia poprawiające ją. WAI odpowiada za opracowywanie standardu WCAG, który zbiera wszystkie istotne przepisy na temat tego, jak zapewnić dostępność stron dla wszystkich użytkowników, minimalizując dzięki temu wykluczenie społeczne również w przestrzeni wirtualnej.

Strona dostępna, czyli jaka?

Dostępność strony lub aplikacji mobilnej dotyczy szeregu jej parametrów i elementów znajdujących się na niej. Aby były one przystosowane do potrzeb osób ze specjalnymi potrzebami, należy zadbać o zwiększenie funkcjonalności witryny – na poziomie wizualnym i informatycznym. Strona dostępna powinna być przede wszystkim funkcjonalna i prosta w obsłudze, odpowiadając na potrzeby osób słabowidzących, niewidomych lub mających problemy z koordynacją. Równie ważna jest także przejrzystość treści i znajdujących się na stronie komunikatów. Dzięki temu użytkownicy mogą się po niej bez trudu poruszać.

Jak uzyskać dostępność strony – najważniejsze kwestie

Wszystko zaczyna się od projektu strony. Warto już na tym etapie zadbać o stworzenie przestrzeni przyjaznej wszystkim użytkownikom. Jednym z najważniejszych elementów jest dobry projekt. Witryna lub aplikacja musi być w pełni czytelna, bez niepotrzebnych dodatków, które mogą dezorientować i utrudniać zrozumienie treści. W wielu przypadkach mniej naprawdę znaczy więcej. Inną niezmiernie ważną kwestią jest zadbanie o kontrasty na stronie. Subtelna kolorystyka w wielu przypadkach potrafi prezentować się niezmiernie wyrafinowanie. Niestety nie zawsze jest czytelna dla wszystkich osób odwiedzających witrynę lub korzystających z aplikacji. Stąd też warto korzystać z kolorów kontrastujących, które zwiększają widoczność kluczowych elementów. Oprócz kontrastów i czytelności projektu warto wykorzystać duże przyciski kontrole (np. CTA), które ułatwiają nawigowanie po stronie. Niezmiernie ważna jest także możliwość konfigurowania wielkości tekstów i obrazów do indywidualnych potrzeb użytkownika. Na nowoczesnych, dostępnych stronach internetowych wykorzystuje się szereg dodatkowych narzędzi. Ich zadaniem jest zwiększenie komfortu korzystania z zasobów witryny. Stosuje się do tego programy do rozpoznawania głosu lub tłumaczące tekst pisany na mowę. Dzięki nim z zasobów internetu mogą korzystać nawet osoby niewidome. Powinno się także zadbać o wprowadzenie możliwości poruszania się po stronie bez używania myszy poprzez skróty klawiszowe. Dzięki nim witryna lub aplikacja stają się przyjazne także dla osób, mających problemy z koordynacją, którym posługiwanie się przyciskami myszy sprawia trudność.

Czemu dostępność strony jest istotna?

W podstawowych założeniach dostępność strony ma służyć osobom wykluczonym cyfrowo i dawać im równe szanse w dostępie do treści, prezentowanych w przestrzeni wirtualnej. Dzięki temu u sporego grona użytkowników podnosi się komfort codziennego życia. Warto jednak spojrzeć na dostępność strony szerzej – tak naprawdę elementy takie, jak zwiększenie czytelności i ułatwienie nawigowania po stronie wpływają bowiem na wygodę wszystkich internautów, nie tylko tych, mających specjalne wymagania. Stosowanie się do zasad dostępności prowadzi zatem do tego, że użytkownicy chętniej odwiedzają daną witrynę, co prowadzi do zwiększenia ruchu oraz często wyższych konwersji. Strona staje się lepiej widoczna i zyskuje coraz wyższe oceny od odbiorców. Dostępność wpływa jednak nie tylko na satysfakcję użytkowników. Przekłada się też na lepszą pozycję w wynikach Google, dzięki wykorzystaniu komunikatów audiodeskrypcyjnych, alternatywnych tytułów i innych dodatkowych treści. Okazuje się zatem, że dostępność to tak naprawdę korzyść dla wszystkich zainteresowanych stron.