5 WAI ARIAS estáticas que mejorarán la accesibilidad de un sitio web

aria-label

Identificar menús:

<nav  aria-label=”Menú Principal”>

<nav  aria-label=”Menú Secundario”>

<nav  aria-label=”Menú de idiomas”>

 

role=”presentation”

Para eliminar la semántica nativa de elementos. Por ejemplo una tabla usada para estructurar contenidos o una imagen decorativa que no queramos que sea percibida por los lectores de pantalla.

<img src=”separador.jpg” role=”presentation” alt=””>

 

aria-live=”polite”

Indicar cuando un contenido se ha actualizado mediante un aviso al usuario, pero sin interrumpir su actividad dentro del sitio. Regiones activas como widgets de redes sociales.

<article  role=”article” aria-live=”polite”></article>

 

role=”button”

Identificar botones en elementos que funcionan como tal pero no son etiquetas semánticas de manera nativa.

<span role=”button” id=””> cerrar </span>

 

aria-required=”true”

Incluir en todos los campos obligatorios de un formulario.

<input type=”text” aria-required=”trueid=””>