La importancia del tamaño de los elementos táctiles en la accesibilidad

Al diseñar interfaces de usuario digitales, la accesibilidad no es  opcional si queremos que todas las personas puedan acceder al contenido y la funcionalidad que ofrecemos. Uno de los aspectos más ignorados por diseñadores pero críticos del diseño accesible es el tamaño de los elementos interactivos, como botones y enlaces. Para las personas con destrezas limitadas o discapacidades motoras, los objetivos táctiles pequeños pueden suponer barreras significativas para la interacción.

Las personas con dificultades motoras pueden experimentar temblores, control muscular reducido o necesitar dispositivos de asistencia para interactuar con pantallas táctiles. Cuando los botones son demasiado pequeños o están demasiado juntos, tocar el objetivo deseado se vuelve frustrante o incluso imposible. Esto no solo afecta a personas con perfiles de discapacidad, muchos usuarios experimentan limitaciones temporales, como un dedo vendado o estar sujetando otro objeto.

Para garantizar una experiencia confortable para todas las personas las pautas de accesibilidad a los contenidos Web (WCAG) recomiendan que todos los elementos interactivos tengan al menos 44 píxeles en su lado más corto. Este tamaño asegura que los usuarios puedan tocar los botones cómodamente sin necesidad de una precisión extrema. No se trata solo del elemento en sí, el espacio entre los elementos también es igualmente importante. Proporcionar suficiente margen o relleno entre botones ayuda a evitar toques accidentales, lo que puede llevar a errores y frustración del usuario.

Este principio se alinea directamente con el criterio de éxito 2.5.8: Tamaño mínimo del objetivo, el cual establece que los objetivos interactivos deben tener al menos 24 × 24 píxeles CSS, aunque 44 × 44 sigue siendo lo más recomendado por muchas plataformas como Apple y Android para mejorar la usabilidad en dispositivos móviles.

Cómo indicar el tamaño mínimo de un elemento

En HTML y frameworks como Angular o ReactJS, se pueden usar estilos en línea o módulos CSS para aplicar tamaños mínimos y espaciado.
En SwiftUI, se puede aplicar el tamaño mínimo de marco y añadir padding para garantizar el cumplimiento de accesibilidad usando el modificador:
.frame(minWidth: , minHeight:)

En Android, se pueden usar estos modificadores en el archivo XML de la Activity o el componente a renderizar: android:minWidth=»44dp» android:minHeight=»44dp»

Participación en el Segundo Congreso de Accesibilidad de la UPR

Este próximo miércoles 10 de abril tendré el placer de participar en el Segundo Congreso de Accesibilidad organizado por la Universidad de Puerto Rico. Un evento que pone el foco en la importancia de la accesibilidad digital, la inclusión y la igualdad de oportunidades para todas las personas.

Durante el congreso compartiré mi experiencia trabajando en tecnologías accesibles, así como ideas prácticas para construir un mundo digital más inclusivo. Será una excelente oportunidad para aprender, debatir y conectar con profesionales, docentes, estudiantes y activistas comprometidos con la accesibilidad.

El evento se realizará en la Universidad de Puerto Rico – Recinto de Río Piedras. El calendario del evento y más información sobre los participantes están disponibles en la página del evento.

Si te interesa el diseño universal, la tecnología al servicio de la inclusión, o simplemente quieres contribuir a un entorno más accesible puedes participar de forma remota. Para ello puedes registrarte en el formulario para la asistencia en remoto al evento.

Control por voz para iPhone

Control por Voz (Voice Control) es una función de accesibilidad integrada en iOS que permite manejar el iPhone completamente mediante comandos de voz, sin necesidad de tocar la pantalla. Este servicio de accesibilidad es indispensable para personas con movilidad reducida o para quienes prefieren interactuar con el dispositivo utilizando la voz.
Con este servicio de accesibilidad se pueden abrir aplicaciones, navegar por menús, escribir mensajes, hacer llamadas, interactuar con elementos de la pantalla y mucho más simplemente usando comandos de voz.
A diferencia de Siri, que se centra en ejecutar tareas o responder preguntas, Control por Voz sustituye la interacción táctil. Es como si el iPhone entendiera cada toque, deslizamiento o pulsación… pero dicho en voz alta.

Activar control por voz

El control por voz se activa en el menú de Accesibilidad dentro de los Ajustes del iPhone. Dentro de la sección HABILIDADES FÍSICAS Y MOTORAS se encuentra un botón llamado Control por voz. Al pulsarlo accederemos a las opciones de activación y configuración de Control por voz.

Configurar Control por Voz en español

Cuando se activa Control por Voz por primera vez el dispositivo tiene que descargar un modelo de comprensión del habla para poder entender los comandos que se le indican. El dispositivo puede tardar unos minutos en descargar el modelo de reconocimiento de voz.
Para configurarlo en nuestro idioma debemos entrar en la opción de idioma, seleccionar el idioma que queramos utilizar y esperar a que se descargue el soporte para nuestro idioma.

Importante: Algunos comandos pueden variar ligeramente entre idiomas por lo que es recomendable consultar la lista de comandos disponibles para Control por voz.

Uso básico

Una vez activado, un pequeño icono azul aparecerá en la parte superior de la pantalla indicando que el iPhone está “escuchando”.
A partir de ese momento, se pueden decir cosas como: abrir Safari, ir a inicio, pulsar atrás, tocar aceptar, etc.

Activación y desactivación rápida

Aunque Control por voz incluye un modo para pausar su uso y despertarlo también podemos hacer uso de Siri para activarlo o desactivarlo. Con el comando «activa control por voz» Siri ejecutará el control por voz si ya lo hemos configurado en nuestro dispositivo. Y con el comando «desactiva control por voz» Siri lo desactivará.

Utilizando el sistema de oye Siri podremos también activar y desactivar el control por voz sin necesidad de tocar el iPhone.

Identificar elementos en pantalla con Control por voz

Cuando necesitamos tocar un botón o manipular un elemento de la pantalla debemos emplear el nombre que aparece en el botón o control. Pero en muchas ocasiones la aplicación no se ha desarrollado con el nivel de accesibilidad suficiente y el servicio de Control por voz no encuentra eso que le hemos pedido debido a que internamente el desarrollador no ha etiquetado de forma apropiada ese control.

Para solucionar esta situación de baja accesibilidad el Control por voz puede reetiquetar todos los elementos pulsables que aparecen en pantalla utilizando un número. De esta forma, aunque un botón con el icono de continuar no se haya etiquetado de forma accesible podremos activarlo diciendo «pulsar» y el número que aparezca sobre el botón.

Para hacer que aparezcan estos números simplemente debemos utilizar el comando Mostrar números. Y para dejar de usar números existe el comando Ocultar números.

Navegación por zonas

A veces la pantalla de una aplicación tiene demasiados controles y la navegación por números puede ser muy pesada. El servicio de Control por voz permite activar una navegación por zonas, para ello debemos utilizar el comando Mostrar cuadrícula. En la pantalla aparecerá una rejilla que delimitará la zona de acción del Control por voz. Podemos utilizar el comando Ocultar cuadrícula para dejar de utilizar este sistema.

Escribir con Control por voz

Con el servicio de Control por voz también podemos introducir texto dictando lo que queramos escribir. Para ello debemos activar el teclado del iPhone pulsando sobre el cuadro de texto donde queramos escribir y utilizar el comando Escribir. Por ejemplo: pulsar nombre, escribir Jonathan Chacón, pulsar aceptar.

También, cuando el teclado está activo, se pueden utilizar los comandos seleccionar todo, borrar todo, reemplazar Chacón por Chacón Barbero. Las posibilidades son inmensas.

Si utilizamos Control por voz con Zoom o VoiceOver activos el comportamiento del sistema de dictado cambia por lo que debemos ajustar la forma de dictar al teléfono a la presencia de otros servicios de accesibilidad.

Conociendo más comandos de Control por voz

En los ajustes de Control por voz hay un botón llamado Comandos. Dentro de ese botón aparece un menú de navegación en el que podemos consultar y activar todos los comandos de voz disponibles para este servicio de accesibilidad.

Cartas de restaurantes accesibles con Chef’s voice

Cada vez es más habitual encontrar que la carta o menús de bares y restaurantes se han digitalizado y se acceden a través de la lectura de un código QR. Esta migración de la carta de papel a lo digital se aceleró en el 2020 con las normas de contención de la epidemia Covid19. Pero este proceso de digitalización, en muchos casos, se convirtió en una nueva barrera de accesibilidad debido a que las cartas o menús del establecimiento consistían en una simple foto digital de la carta en papel.

La tecnología permite el desarrollo de soluciones para las barreras de accesibilidad actuales y futuras. Entre esas nuevas soluciones tecnológicas encontramos a Chef’s Voice. Esta herramienta basada en web transforma la manera en que los establecimientos gastronómicos presentan su oferta, asegurando que ninguna persona quede excluida.

¿Qué es Chef’s Voice?

Chef’s Voice es una plataforma tecnológica diseñada para proporcionar cartas digitales audibles, permitiendo que todas las personas, incluidas aquellas con dificultades visuales, accedan a la información gastronómica de manera sencilla y efectiva. Al escanear un código QR, los clientes pueden escuchar o leer el menú en 14 idiomas diferentes, mejorando así la experiencia del usuario y ampliando el alcance del establecimiento.

Además el contenido está disponible tanto en formato escrito como audible, facilitando el acceso a todas las personas.
También se proporciona detalles claros sobre los alérgenos presentes en cada plato, ayudando a prevenir incidentes y asegurando el cumplimiento de normativas sanitarias.
Se ha buscado que los establecimientos puedan actualizar precios, platos y otra información en tiempo real desde cualquier dispositivo móvil, sin necesidad de conocimientos técnicos avanzados para que el acceso al menú del día u ofertas puntuales estén disponible para todas las personas.

¿Cómo funciona Chef’s voice?

La implementación de Chef’s Voice es sencilla. Tras registrarse, el establecimiento recibe acceso a la herramienta, junto con pegatinas con códigos QR personalizados. Al escanear estos códigos, los clientes acceden al menú digital, pudiendo elegir el idioma y el formato (lectura o audio) que prefieran. Además, la plataforma permite actualizaciones en tiempo real, asegurando que la información esté siempre al día.

Un paso hacia la inclusión

Adoptar Chef’s Voice no solo mejora la experiencia del cliente, también posiciona al establecimiento como un referente en accesibilidad e inclusión. En un mundo donde las normativas y las expectativas de los consumidores valoran cada vez más la accesibilidad universal, herramientas como Chef’s Voice se convierten en aliados indispensables para el éxito y la responsabilidad social de los negocios gastronómicos.

Puedes experimentar Chef’s voice en su página de demostración.

Implementación de ajustes razonables de accesibilidad en España

La implementación de ajustes razonables es fundamental para garantizar la accesibilidad y la inclusión de todas las personas en diversos entornos. Estos ajustes son modificaciones o adaptaciones necesarias y adecuadas que no imponen una carga desproporcionada para las entidades o personas responsables de realizar estas adaptaciones.

En España, la obligación de implementar ajustes razonables está respaldada por diversas normativas que promueven la igualdad y la no discriminación. Estas leyes establecen que tanto entidades públicas como privadas deben adoptar las medidas necesarias para garantizar la accesibilidad de las personas con discapacidad en todos los ámbitos de la sociedad.

Aplicación Práctica de los Ajustes Razonables

La aplicación efectiva de los ajustes razonables implica una evaluación individualizada de las necesidades de cada persona y del contexto específico. Esto puede incluir desde la adaptación de espacios físicos hasta la provisión de recursos tecnológicos o la modificación de procedimientos y políticas internas. Es esencial que estas adaptaciones se realicen de manera colaborativa, contando con la participación activa de las personas con discapacidad para asegurar que las soluciones implementadas sean efectivas y pertinentes.

Beneficios de Implementar Ajustes Razonables

Adoptar ajustes razonables no solo cumple con un mandato legal, sino que también aporta múltiples beneficios a las organizaciones y a la sociedad en general. Entre ellos se encuentran la creación de entornos más inclusivos, el fomento de la diversidad, la mejora de la reputación corporativa y el acceso a un público más amplio. Además, estas medidas contribuyen al desarrollo de una sociedad más justa y equitativa, donde todas las personas tienen la oportunidad de participar plenamente.

Implementación de ajustes razonables

A la hora de definir e implementar los ajustes razonables para un entorno, un puesto de estudio o trabajo o una edificación es indispensable la implicación de profesionales de la accesibilidad y de personas con discapacidad. De esta forma se puede asegurar que los ajustes son eficaces, suficientes y razonables. 

En este sentido, empresas especializadas como PuntoDis juegan un papel clave en la identificación y aplicación de soluciones accesibles. Estas empresas deben asesorar a organizaciones públicas y privadas para garantizar que sus espacios, tecnologías y procedimientos sean verdaderamente inclusivos siguiendo un enfoque integral y personalizado permitiendo adaptar cada solución a las necesidades específicas de los usuarios, asegurando que la accesibilidad no sea solo un requisito legal, sino un compromiso real con la inclusión. Estas empresas además deben realizar una labor de divulgación de la implementación de ajustes razonables que permitan a empresas y organizaciones conocer estos conceptos y requisitos para mejorar la sociedad.