Saltar al contenido principal
LibreTexts Español

4.3: WAI-ARIA estático común

  • Page ID
    152628
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    Gran parte de la WAI-ARIA introducida hasta ahora es estática. Es decir, se puede escribir directamente en elementos HTML como atributos, sus valores normalmente no cambian, y no requieren scripting para controlar su comportamiento. Los hitos y roles, por ejemplo, son todos estáticos. Cualquiera que sepa leer y escribir HTML puede hacer uso de estos atributos simplemente agregándolos a elementos HTML. Las propiedades de WAI-ARIA también suelen ser estáticas, aunque no siempre.

    Como se discutió anteriormente, WAI-ARIA estática a menudo consiste en propiedades dadas para definir características específicas de un elemento HTML que tiene un rol funcional particular. Por ejemplo, una lista anidada puede definirse como un menú usando role="menubar” para definir la lista de nivel superior y role="menu” para definir sublistas.

    A los elementos de la lista de nivel superior que tengan una sublista anidada se les daría el atributo aria-haspopup="true” (o aria-haspopup="menu”). Por lo tanto, cuando se encuentra con la tecnología de asistencia, un elemento de la lista con este atributo anunciará que hay un submenú presente (por ejemplo, “menú con submenú” cuando se usa ChromeVox).

    Prueba esto: Usando ChromeVox, navega por el ejemplo de widget de barra de menú a continuación, creado por Hans Hillen en el Grupo Paciello, para escuchar cómo se anuncian los submenús. Abre esta demo en una nueva ventana.

    Atributos WAI-ARIA de uso frecuente

    Ya te han introducido algunos atributos estáticos. Aquellos y un puñado de otros que es probable que use regularmente se enumeran aquí. Esta no es una lista completa. Sigue los enlaces y lee sus descripciones.


    This page titled 4.3: WAI-ARIA estático común is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.