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](https://developer.chrome.com/static/docs/extensions/develop/ui/a11y/images/html-controls.png?authuser=7&hl=pl)
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.