Saltar al contenido principal

Tecnologías de accesibilidad

Información sobre tecnologías de accesibilidad para desarrolladores de Flutter.

Resumen

#

Las tecnologías de asistencia son esenciales para hacer que el contenido digital sea accesible para personas con discapacidad. Este documento proporciona una visión general de dos categorías clave de tecnologías de asistencia relevantes para el desarrollo en Flutter: lectores de pantalla para usuarios con discapacidad visual y herramientas de soporte de movilidad para quienes tienen limitaciones motoras. Al comprender y realizar pruebas con estas tecnologías, puedes asegurarte de que tu aplicación de Flutter brinde una experiencia más inclusiva y fácil de usar para todos.

Lectores de pantalla

#

En dispositivos móviles, los lectores de pantalla (TalkBack, VoiceOver) permiten a los usuarios con discapacidad visual obtener respuestas habladas sobre el contenido de la pantalla e interactuar con la UI mediante gestos en móviles y atajos de teclado en escritorio. Activa VoiceOver o TalkBack en tu dispositivo móvil y navega por tu app.

Para activar el lector de pantalla en tu dispositivo, completa los siguientes pasos:

  1. En tu dispositivo, abre Ajustes.
  2. Selecciona Accesibilidad y luego TalkBack.
  3. Activa o desactiva la opción 'Usar TalkBack'.
  4. Selecciona Aceptar.

Para aprender a encontrar y personalizar las funciones de accesibilidad de Android, mira el siguiente video.

Ver en YouTube en una nueva pestaña: "Customize Pixel and Android accessibility features"
  1. En tu dispositivo, abre Ajustes > Accesibilidad > VoiceOver
  2. Activa o desactiva la configuración de VoiceOver

Para aprender a encontrar y personalizar las funciones de accesibilidad de iOS, mira el siguiente video.

Ver en YouTube en una nueva pestaña: "How to navigate your iPhone or iPad with VoiceOver"

Para la web, actualmente se admiten los siguientes lectores de pantalla:

Navegadores móviles:

  • iOS - VoiceOver
  • Android - TalkBack

Navegadores de escritorio:

  • macOS - VoiceOver
  • Windows - JAWs y NVDA

Los usuarios de lectores de pantalla en la web deben activar el botón "Enable accessibility" para construir el árbol de semántica. Los usuarios pueden saltarse este paso si activas automáticamente la accesibilidad mediante programación para tu app usando esta API:

dart
import 'package:flutter/material.dart';
import 'package:flutter/semantics.dart';

void main() {
  runApp(const MyApp());
  SemanticsBinding.instance.ensureSemantics();
}

Windows incluye un lector de pantalla llamado Narrador, pero algunos desarrolladores recomiendan usar el lector de pantalla NVDA, que es más popular. Para aprender a usar NVDA al probar apps de Windows, consulta Screen Readers 101 For Front-End Developers (Windows).

En Mac, puedes usar la versión de escritorio de VoiceOver, que viene incluida en macOS.

Ver en YouTube en una nueva pestaña: "Screen reader basics: VoiceOver"

En Linux, un lector de pantalla popular se llama Orca. Viene preinstalado en algunas distribuciones y está disponible en repositorios de paquetes como apt. Para aprender a usar Orca, consulta Getting started with Orca screen reader on Gnome desktop.


Consulta la siguiente demostración en video para ver cómo usar VoiceOver con la app web ahora archivada Flutter Gallery.

Los Widgets estándar de Flutter generan un árbol de accesibilidad automáticamente. Sin embargo, si tu app necesita algo diferente, se puede personalizar utilizando el Widget Semantics.

Cuando haya texto en tu app que deba ser pronunciado con una voz específica, informa al lector de pantalla qué voz usar llamando a TextSpan.locale. MaterialApp.locale y Localizations.override afectarán a las voces del lector de pantalla a partir de la versión flutter 3.38. Por lo general, el lector de pantalla usa la voz del sistema excepto donde la configures explícitamente con TextSpan.locale.

Soporte de movilidad

#

Para usuarios con destreza reducida o fuerza limitada en las manos, las funciones de soporte de movilidad pueden ser muy útiles. Tanto Android como iOS ofrecen una variedad de herramientas diseñadas para facilitar la navegación y el control. Estas funciones permiten a los usuarios operar sus dispositivos mediante interruptores externos, comandos de voz o menús simplificados en pantalla.

Android proporciona Switch Access, Voice Access y Menú de accesibilidad, mientras que iOS ofrece Switch Control, Voice Control y AssistiveTouch. Comprender estas herramientas ayuda a crear apps que sean utilizables por personas con diversas capacidades físicas.

SO Características Funciones
Android Switch Access Como método de entrada alternativo, puedes usar Accesibilidad con interruptores (Switch Access) e Interruptores de cámara
Android Voice Access Controla tu dispositivo con tu voz
Android Accessibility Menu Un menú flotante en pantalla que proporciona botones simplificados para controlar funciones esenciales del teléfono.
iOS Switch Control Usa interruptores como métodos de entrada alternativos
iOS Voice Control Controla tu dispositivo con tu voz
iOS AssistiveTouch Usa AssistiveTouch para reemplazar gestos de varios dedos o acciones de botones físicos