Mostrando entradas con la etiqueta Emoji. Mostrar todas las entradas
Mostrando entradas con la etiqueta Emoji. Mostrar todas las entradas

miércoles, 30 de agosto de 2017

Los iconos y la accesibilidad

Me he encontrado con gente mayor que me dice, -descargame esto...........que yo no se cómo- y la verdad no me extraña.
lista de iconos sin etiqueta
Mucha gente mayor los ven y no saben que son y acaban pulsando todos porque desconociento. Esto me recuerda a los lavabos de los bares que alguno acaba dudando si soy bla o bla,bla,bla.
iconos de telefono sin descripción

Los iconos son como pinturas abstractas. Tienen diferentes significados para diferentes personas. Todo depende de los ojos del observador. Y esa ambigüedad es realmente emocionante con el arte. Pero no tanto en las interfaces de usuario. El unico lugar que he visto algo destacable es en la tienda de Apple donde viene una nube y una flecha.
icono de la tienda apple para descargar
Instagram está lleno de iconos sin etiquetas. Probablemente puedes adivinar lo que hacen, pero es probable que tengas que pensar un poco y no te sentirás totalmente confiado, debes tratar de hacer que el usuario se sientan seguro.
iconos de instagram


ICONOS + ETIQUETAS = LA SOLUCIÓN IDEAL


Beneficios


  • Hace que sea más fácil para el usuario encontrar las características más importantes
  • Hace más fácil recordar dónde hizo clic la próxima vez que regrese.
  • Hace la interfaz más estéticamente agradable que si hubiera sólo botones de texto.
Una buena combinación de texto e iconos también mejora la experiencia de las personas que tienen dificultades para leer, como muchos usuarios con dislexia, autismo, afasia u otros problemas de lectura.

lista de iconos de redes sociales con leyenda

HAY EXCEPCIONES
Hay algunos iconos que puedes usar sin una etiqueta. Como una papelera para borrar:
icono de papelera de reciclaje
Un buen ejemplo es el icono de menú. ¡Ya que está en multitud de interfaces! Pero estudios han demostrado que muchas personas no lo utilizan si falta una etiqueta 
iconos de menu sin leyenda y con leyenda

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>