Conţinut
Acest articol a apărut pentru prima dată în numărul 231 al revistei .net - cea mai vândută revistă din lume pentru designeri și dezvoltatori de web.
Când creați un widget Interfață utilizator (UI), este probabil să fie un compozit de elemente HTML. În general, este ușor pentru cineva să afle ce face widgetul sau ce rol joacă în pagină, în funcție de modul în care arată sau de comenzile pe care le pune la dispoziție. Această perspectivă holistică nu este evidentă pentru tehnologiile de asistență (AT), totuși și (desigur) este locul unde intervine ARIA.
ARIA sau Aplicații bogate de internet accesibile pentru a-i da titlul complet, pot fi folosite pentru a da widget-ului dvs. un rol. Sau pentru a o privi într-un alt mod, puteți utiliza rolurile ARIA pentru a le spune AT-urilor ceva despre pachetul dvs. de elemente HTML ca și cum ar fi o singură entitate.
Specificația ARIA 1.0 include o taxonomie a rolurilor. Descrie caracteristicile și proprietățile a 73 de roluri diferite, grupate în patru categorii de nivel înalt.
Prima categorie definește 12 roluri abstracte. În același mod în care clasele abstracte nu sunt niciodată instanțiate când se programează, rolurile abstracte nu ar trebui să fie utilizate niciodată în codul dvs. Acestea descriu diferite tipuri de rol la nivel conceptual și, prin urmare, sunt utilizate numai în cadrul taxonomiei în sine.
Roluri
Un rol abstract se deosebește de restul. Rolul (rolul abstract) este rolul de bază din care moștenesc toate celelalte roluri din taxonomie. Alte roluri abstracte includ input (rol abstract), reper (rol abstract) și widget (rol abstract).
Să luăm ca exemplu widgetul (rolul abstract). Descrie un rol umbrelă, sub care se află toate celelalte roluri de widget din taxonomie. Iată cum este descris în specificația ARIA:
„O componentă interactivă a unei interfețe grafice de utilizator (GUI). Widgeturile sunt obiecte discrete ale interfeței cu care utilizatorul poate interacționa. ”
Acest lucru duce la următoarea categorie, care definește 34 de roluri widget. Widgeturile sunt controale interactive care pot fi independente sau pot fi combinate pentru a crea componente UI mai complicate. Nouă dintre aceste roluri definesc containere care pot fi utilizate pentru a încapsula alte widget-uri pentru a forma controale mai complexe.
Widgeturi
Restul de 25 de roluri definesc widget-uri care pot fi utilizate independent sau ca parte a unui control compozit complex. Un element cu rol de tablist poate conține mai multe elemente cu rolul de tab, de exemplu. Atunci când sunt utilizate împreună cu un set corespunzător de elemente cu rolul tabpanel, acestea se combină pentru a forma o interfață compusă cu file. Elemente cu roluri precum alertă, casetă de selectare sau dialog pot face, de asemenea, parte dintr-un control mai complex al interfeței de utilizare sau pot sta singure.
A treia categorie definește 18 roluri de structură a documentelor. Aceste roluri descriu formațiuni tipice de conținut, cum ar fi titlul, lista și bara de instrumente. Spre deosebire de rolurile widget, rolurile structurii documentelor nu sunt interactive de regulă.
Ultima categorie definește opt roluri de referință. Acestea pot fi aplicate diferitelor secțiuni ale unei pagini web, oferind repere pe care AT-urile le pot folosi pentru a naviga. Rolurile din această categorie includ banner, principal și navigare.
Descoperă cele mai bune 20 de instrumente de încadrare a firelor pentru designeri la Creative Bloq.