Ho una lista di opzioni tra cui è possibile selezionare una. A tutti gli effetti l'elemento HTML <select>
copre questo. Poiché abbiamo bisogno di una presentazione visiva diversa, sto cercando di utilizzare WAI ARIA role="listbox". Non sono chiaro su come utilizzare aria-activedescendant
, aria-selected
e aria-checked
.come gestire WAI ARIA role = "listbox"
Domande riguardanti attenzione Stato/attivo:
- Se uso
aria-activedescendant
sulla casella di riepilogo per puntare al[role="option"]
che è attualmente attivo (ha "focus virtuale"), userei[aria-selected]
. Come potrei dire meglio all'elemento opzione stesso che è attivo (ha "focus virtuale") per rappresentare ciò visivamente? (:focus
è nella lista, dopotutto) - un
[role="option"]
può avere[aria-checked]
e[aria-selected]
. Credo di aver bisogno di[aria-selected]
ma non vedo cosa userò[aria-checked]
per. - C'è un trucco per evitare di dover inserire ID su ogni opzione semplicemente in modo che possa essere referenziata da
aria-activedescendant
?
Domande riguardanti :
- "Casella di controllo - Spazio alterna caselle di controllo, se le voci di elenco sono verificabili" - come faccio a capire se sono verificabili o selezionabile?
Domande concernenti la convalida:
Se la casella di riepilogo ha [aria-required="true"]
una sorta di convalida deve essere effettuata. in particolare se è stata selezionata un'opzione (o selezionata).
- quando si attiva la convalida? è il sufficiente?
- se non valido, cosa devo fare oltre all'impostazione di
[aria-invalid="true"]
nella casella di riepilogo?
Dato che hai omesso la domanda su come potrei identificare se un'opzione è controllabile, immagino che non ci sia modo di specificarlo. Poiché non si fa menzione di come fare qualcosa come la pseudo-classe CSS ': focus' basata su' [aria-activedescendant] ', immagino che dipenda dallo sviluppatore. grazie per le tue risposte! – rodneyrehm