miércoles, 28 de diciembre de 2016

Emoji y la accesibilidad

Antes de nada explicar que es un Emoji, un Emoji es una palabra compuesta que significa lo siguiente: imagen (e, 絵) + letra (moji, 文字). Son utilizados como los emoticonos principalmente en conversaciones de texto a través de teléfonos inteligentes.
Emoji más frecuestes


A diferencia de una imagen que se visualiza desde un archivo (.png, .gif o .jpg), un emoji se muestra utilizando un código Unicode. En la web esto se hace a menudo con el hexadecimal o representación decimal del carácter Unicode. Por ejemplo:

<span>&#9731;</span>

Puedes ver por tu navegador un Emoji sonriente pero si tu estas usando un lector de pantalla ni te enteraras , que esiste.El problema es que aparece en el código cómo <span>, la solución esta en el uso de WAI-ARIA, Utilice la ARIA role="img"

<span role="img">&#9731;</span>

A continuación, utiliza el aria-label:

 <span role="img" aria-label="Snowman">&#9731;</span>

No hay comentarios:

Publicar un comentario