TreeView: Accessibility

Nazaj: predstavitveni pregled

Stanje: osnova (nativen <details>/<summary> + aria-current) [Live], razširitve za selection/checkbox [Live].

osnovna pogodba TreeViewa že razumljena.

Nativna semantika namesto obnove ARIA: <details>/<summary> ponuja razširjanje/strnjevanje, tipkovnico (Enter/preslednica na <summary>) in implicitno vlogo ARIA brez lastnega JavaScripta ali ročno nastavljenih atributov ARIA — zato tree() namerno uporablja ta element namesto obnove role="tree" (enako stališče „najprej nativno„ kot pri izrisu tabele dataGrid()).

Se ne uporablja — konsolidirana referenčna stran, brez lastnega klica.

Za potrditev dostopnosti: odsek 6 za navigacijsko osnovno obliko, odsek 7, ko je selection aktiven.

Aktivna vozlišča povezav (.wk-tree__link--active s href) dodatno nosijo aria-current="page" — brskalniki/bralniki zaslona sami po sebi ne prepoznajo „trenutne strani“, atribut naredi vizualno oznako aktivnosti slišno. Aktivna skupinska vozlišča brez href (gola <span>-oznake) ostanejo brez atributa, ker aria-current opisuje navigacijski cilj, ne naslova skupine.

Pri aktivnem modelu izbire (Selection/Checkboxes), se nabor ARIA spremeni: zunanji <ul> nosi role="tree", vsako vozlišče role="treeitem" + aria-level, skupinska vozlišča aria-expanded; način checkbox javi delno izbiro kot aria-checked=„mixed“ (izpeljava na strani odjemalca, scripts/treeview.js). Puščici gor/dol se premikata med vidnimi vozlišči, puščici desno/levo odpirata/zapirata skupine — enaka mehanika kot pri dataGrid() Selection, prenesena na drevesno strukturo. Čista navigacijska osnovna oblika (odsek 6) tega nabora ARIA ne potrebuje — velja šele, ko je izbira dejansko aktivna.

Se ne uporablja — čista referenčna stran.

Nobenih onkraj strani funkcij.

Ta stran je pregled dostopnosti — podrobnosti v odsekih 6/7.

Simptom: bralnik zaslona ne napove trenutne strani v drevesu.

Vzrok: starejša različica vtičnika brez tega atributa, ali vozlišče brez href (takrat pravilno brez aria-current, glej odsek 6).

Rešitev: preveriti različico vtičnika; pri pravem vozlišču povezave nastaviti active ⇒ true.

• predstavitveni pregled — vsaka kategorija
• DataGrid: accessibility — soroden vzorec roving-tabindex