Territorio Móvil
Apps Android
Introducción (I) – La aplicación no responde

Introducción (I) – La aplicación no responde

Contenidos

Foto de Daniel Ali en Unsplash

Cuando hablamos de accesibilidad y aplicaciones accesibles, nos referimos a crear aplicaciones que «sensible”independiente de los requisitos específicos del usuario. «Sensible» en este contexto significa que nuestra aplicación es adecuada para todos los usuarios, independientemente de si tienen una discapacidad visual, auditiva o incluso una discapacidad física. En última instancia, se trata de un mayor desarrollo. incluyendo aplicaciones móviles.

¿Por qué deberíamos preocuparnos por la accesibilidad?

Hay varias buenas razones para desarrollar aplicaciones accesibles que van desde valores personales hasta motivaciones financieras. Ejemplos serían: ¿Aún no estás convencido…? Echa un vistazo a la infografía a continuación:

Estadísticas de accesibilidad

¿Cómo implementamos aplicaciones accesibles…? ¡POUR principios al rescate!

Afortunadamente, el tema de la accesibilidad se ha discutido durante varios años, especialmente cuando se trata de la aplicación en el mundo digital. Esto significa que no tenemos que reinventar la rueda: la mayoría Prácticas que ya están establecidas en Internet aplicar a las aplicaciones móviles. Todos estos Políticas y directrices de accesibilidad están agrupados en los principios POUR y representan:

(P)reconocible. Los datos que se muestran en nuestra aplicación deben presentarse de manera que nuestros usuarios puedan «tomarlos» fácilmente. Ejemplo: agregar una descripción de texto a una imagen para que los usuarios con discapacidades visuales sean conscientes del contenido representado en la imagen.
(Operable. Los usuarios deben poder realizar ciertas acciones mientras usan nuestra aplicación y también poder navegar de una pantalla a otra. Ejemplo: agregue soporte para diferentes tipos de entrada o incluso comandos de voz.
(Comprensible. Debemos apoyar a nuestros usuarios con consejos e instrucciones claras para que puedan completar fácilmente una tarea. Ejemplo: Formulario con notas y mensajes de error correspondientes.
(Robusto. Desarrollamos soluciones compatibles basadas en estándares de la industria, por lo que podemos garantizar que seguirán funcionando en el futuro.

Accesibilidad con POUR

API de accesibilidad en Flutter

Si estás leyendo esto, probablemente hayas escuchado el lema de Flutter «todo es un widget». Entonces… ¿cómo hacemos que nuestras aplicaciones de Flutter sean accesibles? Como probablemente hayas adivinado, ¡agregando más widgets! Aleteo API incluye específico widgets de accesibilidad, Por ejemplo, podemos envolver un widget con «semántica» y administrar su descripción de texto alternativa: @override Widget build(BuildContext context) { return semántica(
Valor: «Bienvenido a la aplicación de contador de accesibilidad en Flutter», niño: MaterialApp (título: ‘Demostración de accesibilidad’, … inicio: const MyHomePage(), ), ); } También incluye los widgets más populares Propiedades de accesibilidad predeterminadas. Por ejemplo, el widget «Texto» contiene la propiedad «semanticsLabel»: Texto( «Algún título»,
etiqueta semántica: «Alguna descripción de accesibilidad», ) En términos de accesibilidad, el fragmento anterior sería equivalente a: Semántica(
Valor: «Alguna descripción de accesibilidad», child: Text(«Algunos títulos») ) El uso de estos widgets semánticos nos permite agregar alternativas de texto o brindar orientación sencilla a los usuarios sin dejar de cumplir con algunas de las pautas de accesibilidad. multiplataforma Accesibilidad ¡fuera de la caja! Bueno, no tan lejos todavía, pero definitivamente es un buen comienzo 🙂

El árbol semántico

Probablemente sepa todo sobre el árbol de widgets y se estará preguntando: ¿también puede manejar la semántica? No del todo… Resulta que hay otro árbol en el Bosque Flutter… Framework: ¡Conoce el Árbol Semántico! El árbol semántico básicamente guarda los datos de accesibilidad de nuestra app. Cada vez que envolvemos un componente con un widget de «semántica» o usamos algunas de las propiedades de semántica, agregamos un nuevo nodo al árbol de semántica que contiene la descripción del widget original. En última instancia, esta información es extraída por lectores de pantalla y otras herramientas de accesibilidad, por lo que el contenido de nuestra aplicación llega a todos los públicos. Toma en cuenta que se prefiere Flutter composición, y creamos nuestra interfaz de usuario anidando widgets. A veces podemos tener código como:

tapicería( … Niño: centro( Niño: Envase( margen: EdgeInsets.all(8.0), niño: texto( «Algo de texto», semanticsLabel: «Alguna descripción de texto» ) ) ) ) En este ejemplo, mostramos texto elegante con estilo y usamos un grupo de widgets para establecer su alineación, espaciado y márgenes. Sin embargo, el único widget importante en términos de accesibilidad es el widget «Texto». Debido a esto, estos 4 widgets en el árbol de widgets solo tienen un nodo en el árbol semántico. Entonces el El vínculo entre el widget y el árbol semántico no es una relación de 1 a 1. Esto significa que varios nodos en el árbol de widgets se pueden asignar a un solo nodo semántico.

Relación entre widget y árbol semántico

Luego viene…

En el próximo artículo veremos diferentes formas de implementar la accesibilidad en una aplicación Flutter de muestra. ¡Así que escríbeme la próxima vez!