ARIA (Accessible Rich Internet Applications) to zestaw standardów, które pozwalają na tworzenie aplikacji internetowych bardziej dostępnych dla osób z niepełnosprawnościami. Elementy ARIA progressbar służą do wskazania postępu w procesie wykonywania zadania.
Problem braku nazw na potrzeby ułatwień dostępu można rozwiązać dodając atrybut aria-label lub aria-labelledby do elementu progressbar.
Atrybut aria-label pozwala na przypisanie krótkiej, opisowej nazwy dla elementu progressbar. Na przykład:
<div role="progressbar" aria-label="Postęp ładowania strony">75%</div>
Atrybut aria-labelledby pozwala na odwołanie się do istniejącego elementu na stronie, który zawiera nazwę dla elementu progressbar. Na przykład:
<div id="nazwa-progressbara" class="sr-only">Postęp ładowania strony: </div>
<div role="progressbar" aria-labelledby="nazwa-progressbara">75%</div>
W powyższym przykładzie element div o id nazwa-progressbara zawiera nazwę dla elementu progressbar, ale jest ukryty dla zwykłych użytkowników strony (klasa sr-only jest stosowana do ukrycia elementu przed ekranami). Następnie atrybut aria-labelledby wskazuje na to id, co umożliwia powiązanie nazwy z elementem progressbar.
Ważne jest, aby nazwy były krótkie, jasne i opisowe, aby ułatwić zrozumienie dla osób korzystających z czytników ekranowych i innych technologii asystujących.