Explorando la accesibilidad del teclado en Xamarin Forms

Al desarrollar aplicaciones es importante tener en cuenta que la usabilidad y la accesibilidad deben estar en uno de los primeros lugares en nuestra lista de funciones por agregar. En este post aprenderemos sobre la accesibilidad del teclado.

Tendremos muchos tipos de usuarios con diferentes necesidades o condiciones, por ejemplo, los usuarios que usan lectores de pantalla o tienen problemas de movilidad necesitarán necesitar un orden de tabulación apropiado entre los controles y además de esto también mejora el UX de nuestra aplicación! 🤓

¡Empecemos!

Entendiendo el orden de tabulación predeterminado

En primer lugar, es importante comprender el orden de tabulación predeterminado. Este se establece específicamente en el mismo orden en que se agregaron los controles en el XAML.

Veamos un ejemplo:

Aquí agregué algunos Entries en un Grid, lo que nos permitirá comprender mejor cómo funciona el orden por defecto, toma en cuenta que dicho orden es exactamente el mismo en el que se agregaron las líneas de código: First name, Phone number y Middle name.

Estableciendo un orden de tabulación específico con la propiedad `TabIndex`

Tenemos la propiedad TabIndex, la cual nos permite especificar cuál será el orden de enfoque entre los controles existentes, podemos percibir la navegación por los controles presionando la tecla Tab.

TabIndex recibe valores Int y se maneja en orden ascendente al navegar entre controles, una vez concluye con todos los existentes, volverá a ejecutar el orden inicial establecido.

En el siguiente ejemplo, usaremos TabIndex para fijar el orden de enfoque de los Entries presentados en el ejemplo anterior:

¿Y si quiero excluir algunos controles?

Tenemos dos opciones para hacerlo:

. Si activamos la propiedad IsEnable, automáticamente el control sale del orden del foco de tabulación.

. ¡Pero si queremos excluir esos controles sin la necesidad de deshabilitarlos también podemos hacerlo! Esto se puede lograr con la propiedad IsTabStop, que indica si un VisualElement está incluido en la navegación con pestañas. Su valor predeterminado es Verdadero y cuando agrega el valor como Falso, el control se ignora la propiedad TabIndex (si tiene una).

Controles soportados por las propiedades `IsTabStop` y `TabIndex`

Espero que este post te haya sido de mucha utilidad porque hacer aplicaciones mucho más accesibles para todos es un tema que me apasiona ¡Nos vemos la próxima!