Tab Control: Accessibility

Nazaj: predstavitveni pregled

Stanje: osnova (preprosta navigacija s povezavami) [Live], vzorec ARIA tabs za način panelov [Live].

osnovna pogodba Tab Controla že razumljena.

Vloga sledi funkciji: dokler je tabs() čista navigacija, namerno nosi brez role=„tablist“ — ta vloga za čisto navigacijo ne bi bila pravilna in bi bralnikom zaslona napačno signalizirala pripomoček za preklapljanje panelov. Vloga ARIA se spremeni šele z načinom panelov.

Se ne uporablja — konsolidirana referenčna stran.

Za potrditev dostopnosti: odsek 6 za trenutni navigacijski način, odsek 7, ko se uporablja način panelov.

Kot navigacijski trak zavihkov so današnji elementi tabs() navadne povezave v seznamu (<ul><li><a>) — povsem dostopne s tipkovnico in bralnikom zaslona prek nativne semantike povezav.

V načinu panelov (preklapljanje panela z vsebino) velja vzorec WAI-ARIA tabs: role="tablist" na <ul>, role="tab"/ aria-selected/aria-controls na naslov zavihka, role="tabpanel"/aria-labelledby na panel; puščici levo/desno (plus Home/End) premikata fokus med naslovi zavihkov z roving-tabindex (scripts/tabs.js, enaka mehanika kot pri Toolbar roving tabindex) — sama tipka Tab skoči v aktivni panel, ne na naslednji naslov zavihka.

Se ne uporablja — čista referenčna stran.

Vzorec ARIA tabs velja le v načinu panelov — navigacijski trak namerno ostane brez vloge (odsek 6).

Ta stran je pregled dostopnosti.

Se ne uporablja — brez opaznega primera napake.

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