Content
Aquest article va aparèixer per primera vegada al número 231 de la revista .net, la revista més venuda del món per a dissenyadors i desenvolupadors de webs.
Quan creeu un widget d’interfície d’usuari (IU), és probable que sigui un compost d’elements HTML. En termes generals, és fàcil que algú esbrini què fa el giny o quin paper juga a la pàgina, en funció de la seva aparença o dels controls que posa a disposició. Tanmateix, aquesta perspectiva holística no és òbvia per a les tecnologies d’assistència (AT) i és, per descomptat, on entra ARIA.
ARIA, o Accessible Rich Internet Applications, per donar-li el títol complet, es pot utilitzar per donar al vostre giny una funció. O per mirar-ho d'una altra manera, podeu utilitzar els rols ARIA per informar als AT sobre el vostre paquet d'elements HTML com si fossin una sola entitat.
L'especificació ARIA 1.0 inclou una taxonomia de rols. Descriu les característiques i propietats de 73 rols diferents, agrupats en quatre categories d’alt nivell.
La primera categoria defineix 12 rols abstractes. De la mateixa manera que les classes abstractes no s'instancien mai a l'hora de programar, els rols abstractes mai no s'han d'utilitzar dins del vostre codi. Descriuen diferents tipus de rol a nivell conceptual i, per tant, només s’utilitzen dins de la mateixa taxonomia.
Funcions
Un paper abstracte es diferencia de la resta. El paper (rol abstracte) és el paper base del qual hereten tots els altres rols de la taxonomia. Altres rols abstractes inclouen l'entrada (rol abstracte), fita (rol abstracte) i widget (rol abstracte).
Prenem el giny (rol abstracte) com a exemple. Descriu un rol de paraigua, sota el qual se situen tots els altres rols de widgets de la taxonomia. A continuació s’explica com es descriu a l’especificació ARIA:
“Un component interactiu d’una interfície gràfica d’usuari (GUI). Els ginys són objectes d'interfície d'usuari discrets amb els quals l'usuari pot interactuar ".
Això condueix perfectament a la següent categoria, que defineix 34 funcions de widgets. Els ginys són controls interactius que poden ser independents o es poden combinar per crear components d’interfície d’usuari més intricats. Nou d'aquests rols defineixen contenidors que es poden utilitzar per encapsular altres ginys per formar controls més complexos.
Ginys
Els 25 rols restants defineixen ginys que es poden utilitzar de forma independent o com a part d'un control compost compost. Un element amb el rol de tablista pot contenir diversos elements amb el rol de tabulador, per exemple. Quan s’utilitzen conjuntament amb un conjunt d’elements corresponent amb el rol de panell, es combinen per formar una interfície composta amb pestanyes. Els elements amb rols com ara alerta, casella de selecció o diàleg també poden formar part d’un control d’interfície d’usuari més complex o poden estar sols.
La tercera categoria defineix 18 rols d’estructura de documents. Aquests rols descriuen formacions de contingut típiques com ara encapçalament, llista i barra d'eines. A diferència dels rols de widgets, els rols d’estructura de documents no són interactius per regla general.
La darrera categoria defineix vuit rols emblemàtics. Es poden aplicar a diferents seccions d'una pàgina web, proporcionant punts de referència que els AT poden utilitzar per navegar. Les funcions d’aquesta categoria inclouen el bàner, el principal i la navegació.
Descobriu les 20 millors eines d’emmarcat per a dissenyadors a Creative Bloq.
