Toolbar: Accessibility

Nazaj: predstavitveni pregled

Stanje: [Live]. Vir: lib/plugins/wkfluentui/scripts/toolbar.js.

osnovna pogodba Toolbara že razumljena.

Postopno izboljšanje, brez druge poti kode: brez skripta vsako dejanje ostane normalno s tipko Tab dosegljiv element — enaka zagotovitev kot pri vseh drugih skriptih te knjižnice.

Dodaten klic ni potreben — roving tabindex je samodejno aktiven, takoj ko se naloži scripts/toolbar.js.

Velja samodejno za vsak toolbar() z najmanj dvema osredotočljivima otrokoma.

<div class="wk-toolbar" role="toolbar"> z najmanj dvema osredotočljivima otrokoma dobi roving tabindex: puščici spreminjata, kateri element nosi tabindex=„0“ (ostali nosijo tabindex=„-1“); Home/End skočita na prvi/zadnji element.

Brez dodatnih $opts — vedenje je odvisno le od števila osredotočljivih otrok (odsek 6).

Semantika skupin: .wk-toolbar__group brez naslova skupine namerno ne nosi lastne vloge ARIA — čisto vizualna ločitev, bralniki zaslona zaznajo orodno vrstico kot ravni seznam. Takoj ko skupina prek groupLabel nosi viden naslov (Ribbon- skupine), dobi role="group" + aria-labelledby, ki kaže na naslov — eno samo avtoritativno ime skupine na vsebniku (namesto aria-describedby na vnos, kar bi zahtevalo vrivanje v HTML klicatelja).

Se ne uporablja — čista referenčna stran.

Pri le enem osredotočljivem vnosu se roving tabindex ne aktivira — tipka Tab tako ali tako neposredno doseže edini element, ni napaka.

Ta stran je pregled dostopnosti.

Simptom: navigacija s puščicami med vnosi orodne vrstice ne deluje.

Vzrok: scripts/toolbar.js ni bil naložen, ali pa ima orodna vrstica manj kot dva osredotočljiva otroka.

Rešitev: preveriti pot nalaganja skripta (direktiva DOKUWIKI:include v script.js).

• predstavitveni pregled — vsaka kategorija
• Tab Control: Accessibility — soroden vzorec roving-tabindex