aria-hidden jest atrybutem HTML, który jest używany w celu ukrycia elementu przed asystentami ekranowymi, takimi jak czytniki ekranów, które są często używane przez osoby niewidome lub słabowidzące.
W przypadku, gdy atrybut aria-hidden jest ustawiony na „true”, asystent ekranowy ignoruje dany element, tzn. nie czyta jego treści, nie przetwarza jego atrybutów ani nie uwzględnia go podczas nawigacji w interfejsie użytkownika. W ten sposób można zwiększyć dostępność i użyteczność strony internetowej dla osób z niepełnosprawnościami.
Przykładowo, jeśli mamy element na stronie, który jest używany tylko do celów wizualnych, takich jak dekoracyjny separator lub ikona, a nie ma on żadnej wartości dla użytkownika, to można dodać do niego atrybut aria-hidden=”true”, aby asystent ekranowy pominął ten element podczas odczytywania strony.
Poniżej przedstawiony jest przykład użycia atrybutu aria-hidden w kontekście separatora w HTML:
<div class="separator" aria-hidden="true"></div>
W powyższym przykładzie, separator jest dekoracyjnym elementem, który nie ma wartości semantycznej dla użytkownika, dlatego używając atrybutu aria-hidden=”true”, asystent ekranowy zignoruje go podczas odczytywania treści strony.
Podsumowując, atrybut aria-hidden=”true” jest używany do ukrywania elementów przed asystentami ekranowymi, co zwiększa dostępność i użyteczność strony dla osób z niepełnosprawnościami.