Opis obrazu: Cyfrowa ilustracja przedstawiająca dwie osoby współpracujące przy biurku, otoczone różnymi ikonami linków cyfrowych i symbolami komunikacji.
Najlepsze praktyki dotyczące tworzenia dostępnych linków
Czas czytania: 5 minut
Dostępny link zwiększa dostępność stron internetowych, zapewniając jasność, zwięzłość i wartość informacyjną dla wszystkich użytkowników. Zgodnie z wytycznymi dotyczącymi dostępności treści internetowych (WCAG), europejską ustawą o dostępności (EAA) oraz amerykańską ustawą o osobach niepełnosprawnych (ADA) zapewnienie znaczącego i opisowego tekstu linku jest kluczowym aspektem zapewnienia dostępności treści internetowych. Normy te podkreślają potrzebę tworzenia linków, które można łatwo zrozumieć w oderwaniu od kontekstu, zapewniając użytkownikom płynne przeglądanie stron. Link dostępny powinien być zrozumiały nawet wtedy, gdy jest czytany poza kontekstem, zwłaszcza przez użytkowników czytników ekranu.
Poniżej znajduje się 16 najlepszych praktyk dotyczących pisania tekstów linków, gwarantujących, że każdy link jest intuicyjnie zaprojektowany, aby ułatwić nawigację i zrozumienie:
- Sprawdź kontrast kolorów. Wysoki kontrast między tekstem linku a tłem sprawia, że użytkownicy, w tym osoby z wadami wzroku, mogą łatwo rozpoznać linki i korzystać z nich.
- Wyeliminuj niedziałające lub puste linki. Funkcjonalne linki mają kluczowe znaczenie dla użyteczności. Niedziałające lub puste linki frustrują użytkowników, zwłaszcza tych korzystających z technologii wspomagających, ponieważ prowadzą do ślepych zaułków.
- Nigdy nie używaj adresu URL jako tekstu linku. Długie , nieopisowe adresy URL nie dostarczają żadnych użytecznych informacji, utrudniając użytkownikom, zwłaszcza korzystającym z czytników ekranu, zrozumienie miejsca docelowego linku.
- Unikaj używania adresów URL jako tekstu linków. Opisowy tekst linku pomaga wszystkim użytkownikom zrozumieć cel linku, poprawiając przejrzystość i dostępność stron internetowych dla czytników ekranu.
- Zawsze ostrzegaj użytkownika przed otwarciem nowych okien. Nieoczekiwane zachowanie, takie jak otwieranie linków w nowych oknach lub kartach, może dezorientować użytkowników, chyba że zostanie to wyraźnie zaznaczone w tekście linku.
- Projektuj z myślą o użytkownikach korzystających wyłącznie z klawiatury. Nawigacja wyłącznie za pomocą klawiatury ma kluczowe znaczenie dla użytkowników z niepełnosprawnościami fizycznymi. Zapewnienie dostępności wszystkich linków i elementów interaktywnych za pomocą klawiatury poprawia integrację.
- Należy zachować ostrożność podczas używania obrazów jako linków. Obrazy używane jako linki muszą zawierać opisowy tekst alternatywny, aby użytkownicy z dysfunkcją wzroku mogli zrozumieć, dokąd prowadzi link.
- Argumenty za podkreślaniem linków. Podkreślanie linków jest jednym z najbardziej niezawodnych i uniwersalnych sposobów sygnalizowania tekstu, który można kliknąć, zwłaszcza dla użytkowników, którzy mogą mieć trudności z rozróżnianiem kolorów.
- Tekst linku powinien być zwięzły. Jasny , zwięzły tekst linku poprawia komfort użytkowania, zmniejszając obciążenie poznawcze i ułatwiając czytnikom ekranowym interpretację przeznaczenia linku.
- Nie umieszczaj bezpośrednich linków do plików do pobrania. Zawsze podawaj kontekst, gdy umieszczasz link do pliku do pobrania, aby zapobiec nieumyślnemu pobraniu przez użytkowników treści, których nie oczekiwali.
- Ogranicz liczbę linków tekstowych na stronie. Przeładowanie strony zbyt dużą liczbą linków może utrudniać nawigację i sprawiać, że strona będzie trudna w użyciu, zwłaszcza dla użytkowników korzystających z czytników ekranu.
- Należy zachować ostrożność podczas korzystania z linków kotwicowych. Linki kotwicowe powinny być stosowane oszczędnie i wraz z jasnymi instrukcjami, aby nie zakłócać komfortu użytkowania strony.
- Nie używaj słowa „link” w swoich linkach. Termin ten jest zbędny w tekście linku, a jego pominięcie pomaga zachować przejrzystą i zwięzłą strukturę.
- Unikaj znaków ASCII. Znaki ASCII mogą dezorientować czytniki ekranowe lub użytkowników niezaznajomionych z ich znaczeniem, zmniejszając przejrzystość linków.
- Nie należy stosować wielkich liter w linkach. Unikanie wielkich liter w tekście linków zapewnia lepszą czytelność i zrozumiałość, zwłaszcza dla czytników ekranowych.
- Należy pamiętać o paginacji i linkach uporządkowanych alfabetycznie. Chociaż są one ważne dla niektórych rodzajów treści, mają one niższy priorytet, ponieważ ich wpływ zależy od sytuacji i rodzaju witryny.
Etykiety ARIA i dostępny tekst linków
Projektując link dostępny dla wszystkich, należy jasno przekazać jego przeznaczenie każdemu użytkownikowi. Etykiety ARIA (Accessible Rich Internet Applications) są cennym narzędziem zwiększającym dostępność treści internetowych, zwłaszcza gdy natywne elementy HTML nie przekazują w pełni przeznaczenia lub funkcji elementu interaktywnego. Etykiety ARIA to atrybuty dodawane w tagach HTML, które zapewniają dodatkowy kontekst czytnikom ekranu, pomagając użytkownikom z dysfunkcją wzroku w łatwiejszym poruszaniu się po stronie internetowej. Niewłaściwe użycie etykiet ARIA może powodować zamieszanie lub problemy z dostępnością stron internetowych, ponieważ mogą one nie odzwierciedlać dokładnie zamierzonej funkcji linku lub elementu. Etykiety ARIA powinny zawsze uzupełniać istniejącą treść, a nie ją zastępować, i muszą być stosowane w sposób, który nie koliduje z innymi standardami dostępności. W linkach etykiety ARIA wyjaśniają cel, gdy standardowy tekst linku może być zbyt krótki lub pozbawiony kontekstu. Na przykład, jeśli widoczny tekst linku to „Czytaj więcej”, można dodać etykietę ARIA, aby wyjaśnić, do jakiej treści użytkownik jest kierowany, np. „Czytaj więcej o projektowaniu stron internetowych dostępnych dla wszystkich”.
Oto kilka praktycznych wskazówek dotyczących tworzenia dostępnych etykiet ARIA.
- Zanim zaczniesz używać etykiet ARIA, upewnij się, że używasz odpowiednich semantycznych elementów HTML. Semantyczny HTML jest z natury dostępny i zawsze powinien być Twoim pierwszym wyborem. Linki, przyciski i nagłówki powinny być kodowane przy użyciu odpowiednich tagów HTML, aby automatycznie przekazywać ich rolę i przeznaczenie.
- Etykiety ARIA powinny zapewniać przejrzystość, ale pozostawać zwięzłe. Zbyt złożone lub długie etykiety mogą przytłaczać użytkowników lub spowalniać nawigację osobom korzystającym z czytników ekranu. Na przykład zamiast oznaczać przycisk nadmiernie szczegółową etykietą, taką jak „Przycisk do przesłania formularza opinii dotyczącej ulepszeń dostępności stron internetowych”, lepiej jest użyć bardziej zwięzłej etykiety ARIA, np. „Prześlij opinię”.
- Twoim głównym celem powinno być używanie sensownych tekstów linków, kiedy tylko jest to możliwe. Etykiety ARIA mają na celu uzupełnienie, a nie zastąpienie tekstu linku. Jeśli tekst linku jest zrozumiały sam w sobie, etykieta ARIA może nie być konieczna. Jednak w przypadkach, gdy potrzebne są dodatkowe wyjaśnienia – na przykład w przypadku linków, których tekst może być niejednoznaczny – etykiety ARIA mogą zapewnić dodatkowe szczegóły, poprawiając ogólną dostępność strony. Użycie etykiet ARIA poprawia przejrzystość dostępnego linku bez przeciążania interfejsu wizualnego.
Wdrażając te zasady w treściach internetowych, pamiętaj, że każdy link jest obietnicą dla użytkownika – obietnicą trafności, informacji i wartości. Priorytetowe traktowanie dostępnych tekstów linków nie tylko poprawia komfort użytkowania, ale także pomaga niwelować przepaść cyfrową, sprawiając, że internet staje się przestrzenią przyjazną dla wszystkich.
Niech Twoje linki opowiadają historię, prowadzą użytkownika przez stronę i zapewniają jasną ścieżkę do informacji. Pozwól każdemu odwiedzającemu poruszać się po stronie z pewnością siebie i przekonaniem, że jego doświadczenie na Twojej stronie jest tak samo kompletne i wzbogacające jak każde inne. To jest sedno prawdziwej dostępności: płynny, intuicyjny i pełen szacunku dialog ze wszystkimi użytkownikami.
Dowiedz się więcej o europejskiej ustawie o dostępności Usługi, które oferujemy.
EAA obowiązuje od28 czerwca 2025 r.
