Jak używać poprawnie Aria i AJAX

Question

Witam!

    Dręczy mnie pytanie w jaki sposób poprawnie napisać wyświetlanie błędów formularza z użyciem aria nigdy nie miałem z tym zagadnieniem większej styczności ale jak poinformować czytnik że w pojemniku pojawiły się nowe błędy ? Mam taki pojemnik <div class="modal-errors-container" role="alert" aria-atomic="true"> Po wysłaniu skryptu używając AJAX i otrzymaniu informacji o pewnym błędzie nie związanym z żadnym formularzem muszę wkleić błąd poprzez .append (jQuery) czy wystarczy mi zmodyfikować znacznik <a> który jest już w tym pojemniku na błędy ? Jak czytnik zareaguje jeżeli w tym pojemniku jest znacznik <a> który jest ustawiony na display: none ale w pewnej sytuacji wykonam instrukcję dla tego znacznika .show() (jQuery) ?

Wyświetlenie informacji o niepoprawnych danych w inpucie:

Do tego celu przy każdym inpucie muszę wstawić element <a aria-required="true" aria-describedby="id-inputa" aria-invalid="true"> ale nigdzie nie znalezłem informacji o tym czy ten element już musi być a ja dynamicznie mam go uzupełnić błędem czy on musi być już dodany do modelu DOM razem z wpisanym błędem ? Czy wystarczy mi zmodyfikować poprzez .text("Wpisz dane !"); (jQuery) czy .append() (jQuery) czy .text().show() (jQuery) ?

Jakie na dzień dzisiejszy jest podejście w stosunku do aria ? Czy to jest takie "must have" ?

Answer 1

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

 

Proponuję po prostu pobrać czytnik (np. NVDA) i się z nim pobawić. Obsługa tego to czysty koszmar bez wprawy, ale innego sposobu nie ma, żeby wszystko ładnie sprawdzić. Ewentualnie możesz poszukać - raczej lepszego - JAWS w wersji demo, testowej czy pi-ekhm-rat.

Comments

Ale cały ten mechanizm aria jest przeznaczony dla niewidomych czy jest tego jeszcze inny sens ? Czy w pracy programisty/juniora trzeba być dobrze obeznanym z tym mechanizmem ?

---

To jest mechanizm przeznaczony nie tyle dla niewidomych, ile dla narzędzi wspomagających dla osób niepełnosprawnych - czy to ruchowo, czy to wzrokowo.

Powiem Ci tak, możesz do tego podejść jako do mechanizmu "dokładnego opisania ważnych elementów na stronie", bo to do tego się sprowadza prawdę mówiąc.

W pracy juniora nie będą od Ciebie tego wymagali, ale to jest świetny rynek zbytu. Bycie ekspertem w kwestii dostępności może być dobrym interesem, ponieważ mało kto się na tym zna. Niemniej wydaje mi się osobiście, że nie da się być w tym ekspertem nie współpracując jednocześnie z osobami niepełnosprawnymi.

---

Czyli aria nie tyczy się tylko wyświetlania błędów ale i strony... Tylko ważne pytanie, czy stronę się pisze pod aria czy do napisanej gotowej strony można podpiąć aria w większości przypadków ?

---

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

Przeczytaj całość, jak Cię to interesuje. Znajdziesz tam między innymi:

provides a way to add the missing semantics needed by assistive technologies such as screen readers.

Innymi słowy - aria dodaje się do gotowej strony, jednak zazwyczaj można to robić już na etapie jej tworzenia. Natomiast pisanie strony "pod aria" brzmi dziwnie. HTML powinno się pisać "pod semantykę", mając z tyłu głowy, że jeśli witryna ma być używana przez osoby niepełnosprawne, to trzeba będzie zadbać o większą liczbę rzeczy: takie jak możliwa obsługa klawiaturą (w tym focusy) no i aria.

Spokojnie można założyć, że większość witryn może być używana przez osoby niepełnosprawne w jakiś sposób.