En el desarrollo de aplicaciones para Android, la accesibilidad es un aspecto que no puede dejarse de lado. Uno de los errores m\u00e1s comunes en las interfaces de aplicaciones m\u00f3viles es utilizar iconos o im\u00e1genes sin acompa\u00f1arlos de una descripci\u00f3n accesible. Para los usuarios que dependen de TalkBack u otros lectores de pantalla, estos elementos pueden convertirse en barreras de accesibilidad muy severas si no cuentan con la informaci\u00f3n adecuada para identificar la funcionalidad de dichos botones o elementos visuales.<\/p>\n
La propiedad contentDescription<\/strong> permite a\u00f1adir una etiqueta textual a cualquier componente visual, de forma que TalkBack la anuncie en lugar de limitarse a leer un nombre t\u00e9cnico como \u201cic_send\u201d o a ignorar la imagen por completo.<\/p>\n Un caso cl\u00e1sico es un bot\u00f3n con un icono de avi\u00f3n de papel que representa la acci\u00f3n de enviar un mensaje. Visualmente resulta evidente, pero sin descripci\u00f3n accesible no es comprensible para quien no puede ver la pantalla:<\/p>\n En este ejemplo, TalkBack leer\u00e1 \u201cEnviar mensaje\u201d al situarse sobre el bot\u00f3n, en lugar de un nombre de archivo t\u00e9cnico.<\/p>\n En Compose, la accesibilidad se maneja mediante modificadores de sem\u00e1ntica. El equivalente a contentDescription ser\u00eda:<\/p>\n En este ejemplo el bot\u00f3n anuncia la etiqueta \u201cEnviar mensaje\u201d al interactuar con TalkBack. El icono interno no necesita contentDescription porque ya se ha definido en el contenedor.<\/p>\n La propiedad contentDescription es sencilla de usar, pero conviene aplicarla con criterio:<\/p>\n Etiquetar adecuadamente los componentes visuales no solo es una buena pr\u00e1ctica de desarrollo, sino un compromiso con la inclusi\u00f3n digital. Al igual que ocurre con cualquier aspecto del dise\u00f1o, dedicar unos segundos a escribir una descripci\u00f3n accesible marca la diferencia entre una app usable y otra que excluye a parte de sus usuarios. La propiedad contentDescription es una de las herramientas m\u00e1s simples y a la vez m\u00e1s poderosas que Android pone en manos de los desarrolladores para mejorar la accesibilidad. A\u00f1adir una descripci\u00f3n clara y precisa a im\u00e1genes e iconos garantiza que los usuarios con lectores de pantalla comprendan e interact\u00faen con la interfaz en igualdad de condiciones.<\/p>\n","protected":false},"excerpt":{"rendered":" En el desarrollo de aplicaciones para Android, la accesibilidad es un aspecto que no puede dejarse de lado. Uno de los errores m\u00e1s comunes en las interfaces de aplicaciones m\u00f3viles es utilizar iconos o im\u00e1genes sin acompa\u00f1arlos de una descripci\u00f3n accesible. Para los usuarios que dependen de TalkBack u otros lectores de pantalla, estos elementos … <\/p>\nEjemplo b\u00e1sico en XML<\/h2>\n
<ImageButton
android:id=\"@+id\/sendButton\"
android:layout_width=\"wrap_content\"
android:layout_height=\"wrap_content\"
android:src=\"@drawable\/ic_send\"
android:contentDescription=\"Enviar mensaje\"
\/><\/pre>\nEjemplo con Jetpack Compose<\/h2>\n
IconButton(
onClick = { \/* Acci\u00f3n para enviar *\/ },
modifier = Modifier.semantics { contentDescription = \"Enviar mensaje\" }
) {
Icon(
imageVector = Icons.Default.Send,
contentDescription = null \/\/ Evitamos redundancia
)
}<\/pre>\nBuenas pr\u00e1cticas<\/h2>\n
\n