Una persona que navega con un lector de pantalla suele percibir el emoji a través de su nombre. El nombre no necesariamente coincide con el significado figurado que el autor tenía en mente. La guía W3C H86 llama especialmente la atención sobre esto. Fuente: W3C H86
Escribe lo que quieres comunicar
Un breve ejemplo:
El viernes ☕, después 📞, y finalmente 📄.
La frase es interpretable de varias maneras incluso visualmente. ¿Significa tomar café, una llamada telefónica y el envío de un documento? ¿Cuándo ocurren estas acciones y quién es responsable de cada una? La lectura de los nombres de los símbolos por sí sola no responde a estas preguntas.
Versión más precisa:
El viernes a las 9 nos reunimos para tomar un café. Después llamo al proveedor y por la tarde envío el resumen.
Si quieres añadir una taza junto al café, la frase debe seguir siendo completa. En un comunicado, la fecha, el lugar, el precio y la tarea a realizar deben aparecer también en texto. Las recomendaciones de accesibilidad en redes sociales también apoyan esta solución. Fuente: NCDIT, Social Media Content Accessibility
Una larga secuencia de símbolos leída en voz alta puede ser una larga lista
En el mensaje «¡Felicidades! 🎉🎉🎉🎉🎉», el lector de pantalla puede leer el mismo nombre varias veces. Prueba con un solo símbolo: «¡Felicidades por tu resultado! 🎉». Así la frase se escucha de forma más breve. Conviene colocar el símbolo en un punto de pausa natural, por ejemplo al final del párrafo. Fuente: Section508.gov, redes sociales
En listas, usa una lista real donde la interfaz lo permita. Si colocas el mismo asterisco, check o dedo al principio de cada línea, considera qué información aporta el símbolo repetido. Una numeración simple o la lista integrada a menudo proporcionan una estructura más fácil de seguir.
Sin embargo, en una comparación donde los propios emojis son los temas, es justificado mostrar varios símbolos. En ese caso, escribe junto a ellos el nombre y la explicación de la diferencia. Así el lector dispone de lo esencial sin necesidad de distinguir las imágenes.
¿Qué puedes hacer en tu propio sitio web?
Si un emoji lleva un significado distinto, en HTML se le puede asignar un nombre accesible. Un ejemplo propio, ajustado al método presentado por W3C:
<span role="img" aria-label="Enviado con éxito">✅</span>
En este ejemplo, el nombre accesible comunica el envío exitoso. El aria-label no aparece como texto visible para el lector vidente, por lo que escribe también el estado importante en texto visible. La etiqueta de un botón debe nombrar la acción: por ejemplo, «Copiar».
En el caso de un emoji insertado como archivo de imagen, determina el texto alternativo del elemento img basándote en la función de la imagen. Si la misma información ya aparece completamente junto a la imagen y la gráfica no añade nuevo significado, puede ser justificado usar el alt="" vacío. La guía de W3C sobre imágenes presenta detalladamente esta decisión dependiente de la situación. Fuente: W3C, Decorative Images
La verificación debe realizarse en la interfaz final
En publicaciones en redes sociales, las opciones técnicas suelen ser más limitadas, por lo que es especialmente importante una frase bien escrita. El manejo de los nombres accesibles puede depender del sistema y de la aplicación. Una única solución HTML o una prueba exitosa no demuestra por sí sola la accesibilidad de toda la página.
Para la verificación práctica, lee el texto sin los símbolos y luego escúchalo en la interfaz final con un lector de pantalla. Observa dónde se repite información innecesaria, dónde se interrumpe la frase y si queda alguna referencia sin explicar. Después de la corrección, repite la prueba en el mismo lugar.
Para empezar, elige una publicación o mensaje de cliente frecuente. Acortar la secuencia de símbolos innecesaria y escribir las palabras faltantes es inmediatamente un cambio concreto y verificable.
Llévate lo esencial
Tres pruebas de conocimiento
Prueba cómo aplicarías lo leído. Marca una respuesta por pregunta; cada respuesta correcta vale un punto. La evaluación da retroalimentación sobre estas tres situaciones; no almacenamos ni enviamos tus respuestas.
Primero reescribe el ejemplo de café–teléfono–documento como una frase completa, luego léelo de vuelta sin los símbolos.
Primero reescribe el ejemplo de café–teléfono–documento como una frase completa, luego léelo de vuelta sin los símbolos.
Corrige el patrón correspondiente a la respuesta errónea.
En los tres ejemplos examinaste la comprensibilidad de la información; escucha también una publicación propia.
Soluciones y explicaciones
- Escribes los días y las horas exactas de apertura. El horario de apertura es accesible sin reconocer la gráfica.
- La información transmitida por la imagen ya aparece completamente en el texto adyacente. El texto alternativo vacío puede evitar la lectura en voz alta de información totalmente repetida.
- En la interfaz definitiva escucharás qué repeticiones se producen. La prueba con lector de pantalla muestra el mensaje realmente audible.
Cuenta tus respuestas correctas: cada una vale un punto. Una respuesta omitida vale cero puntos.
- 3 puntos: En los tres ejemplos has evaluado la claridad de la información; escucha también una entrada propia.
- 2 puntos: Corrige el patrón correspondiente a la respuesta incorrecta.
- 0–1 puntos: Primero reescribe el ejemplo de café–teléfono–documento como una oración completa, luego léelo sin los símbolos.
