Zwiększanie dostępności rozszerzenia

Dla wielu użytkowników ułatwienia dostępu to dosłowny element interfejsu, a jego funkcje mogą być przydatne dla tych, którzy nie potrzebują ułatwień dostępu jako głównego sposobu korzystania z rozszerzenia. Techniki są zróżnicowane. Tekst powinien być przynajmniej o dużym kontraście. Filmy powinny mieć napisy. Obrazy powinny zawierać atrybuty alt.

Jednak, jak już mówiliśmy, to tylko minimum. Poniżej opisujemy dodatkowe techniki.

Ułatwienia dostępu można wdrożyć na kilka sposobów, ale najprostszym jest użycie standardowego elementu sterującego HTML, a zwłaszcza elementów wejściowych. Oto ilustracja przedstawiająca te elementy sterujące.

Zrzuty ekranu i kod przycisku, pola wyboru, opcji, tekstu, opcji wyboru i linku
Zrzuty ekranu i kod przycisku, pola wyboru, opcji, tekstu, opcji wyboru i linku.

Aby udostępnić inne elementy, użyj atrybutów ARIA. Atrybuty te dostarczają czytnikowi ekranu informacji o funkcji i bieżącym stanie elementów sterujących na stronie internetowej. Oto przykład.

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

Domyślnie jedynymi elementami DOM HTML, które mogą być zaznaczone za pomocą klawiatury, są kotwice, przyciski i elementy sterujące formularza. Na szczęście ustawienie atrybutu tabIndex w elemencie HTML pozwala mu korzystać z klawiatury. Na przykład:

<div tabindex="0">I can receive focus with the tab key.</div>

Instrukcje dotyczące implementacji tych i innych metod znajdziesz w artykule Pomoc z ułatwieniami dostępu.