Buscar/Diseña apps y webs que también puedan usar las personas con discapacidad (accesibilidad)

Diseña apps y webs que también puedan usar las personas con discapacidad (accesibilidad)

Úsalo al diseñar una app o web. Busca dónde se bloquean las tareas por vista, oído, movilidad o comprensión, revisa contraste, herramientas de apoyo, subtítulos, teclado y destellos, y prueba antes de publicar.

Para usar estas reglas de IA
## Incluye la accesibilidad desde la primera idea, no como revisión final Incluya la accesibilidad en la definición de una experiencia satisfactoria desde el primer concepto hasta el mantenimiento. No la posponga como una revisión de cumplimiento posterior a la fijación de las decisiones visuales y de interacción. - Defina la información, las tareas y los resultados esenciales, así como las consecuencias de los fallos. - Identifique los requisitos de accesibilidad junto con los requisitos funcionales, de privacidad, seguridad y rendimiento. - Asigne responsables del diseño, el contenido, la implementación, las pruebas y la corrección. - Incluya criterios de aceptación de accesibilidad en cada función o componente pertinente. - Prefiera valores predeterminados inclusivos, pero permita una personalización útil. - Reutilice patrones accesibles, pero compruebe que funcionen en el contexto real. - No sacrifique el acceso a una tarea esencial por una novedad visual o la comodidad de implementación. ## Encuentra los pasos que bloquean a personas con distintas capacidades Estudie cómo funciona una tarea sin presuponer un único cuerpo, sentido, postura del dispositivo, método de entrada, intervalo de atención o velocidad de procesamiento. Considere las barreras permanentes, temporales, situacionales y combinadas. - Siga cada recorrido esencial desde el descubrimiento hasta la finalización, la recuperación de errores y la confirmación. - Examine por separado las barreras visuales, auditivas, motoras, del habla, cognitivas y ambientales. - Identifique los pasos que dependen de la vista, el color, el sonido, la precisión, la memoria, la velocidad o gestos complejos. - Distinga las necesidades del usuario de un diagnóstico y evite diseñar en torno a estereotipos. - Priorice las barreras según la importancia de la tarea afectada, la gravedad, la frecuencia y la ausencia de alternativas. - Incluya en la investigación, cuando sea posible, a personas que utilicen tecnologías de asistencia. - Registre las suposiciones que aún requieran evidencias directas. ## Mantén el texto legible al ampliarlo y no uses solo el color Asegúrese de que el texto, los iconos, el estado y la estructura sigan siendo comprensibles con diferentes condiciones de visión, iluminación, pantalla y preferencias. - Permita ampliar el texto y la interfaz sin recortes, solapamientos, controles ocultos ni pérdida de información. - Elija el tamaño y grosor de letra, la longitud de línea, el espaciado y la jerarquía adecuados para el entorno previsto. - Cumpla la norma de contraste publicada que corresponda en todas las apariencias y estados admitidos. - Nunca utilice el color como única señal de significado, estado, selección o error. - Combine el color con texto, forma, iconografía, patrón o posición según corresponda. - Conserve el significado con ajustes de ampliación, alto contraste, color y transparencia reducida. - Pruebe los estados reales representados, incluidos los estados desactivado, enfocado, seleccionado, de error y de carga. ## Indica a las herramientas de apoyo qué es y qué hace cada elemento Proporcione semántica programática que comunique qué es cada elemento, qué contiene, cuál es su estado actual y qué acción realiza. - Utilice elementos y controles semánticos nativos antes de crear equivalentes personalizados. - Proporcione a cada control significativo un nombre accesible conciso, único y apropiado para el contexto. - Proporcione descripciones útiles para las imágenes informativas y oculte de la navegación el contenido puramente decorativo. - Mantenga un orden lógico de lectura y enfoque, una estructura de agrupación y una jerarquía de encabezados. - Anuncie los cambios dinámicos importantes sin interrumpir repetidamente al usuario. - Mantenga sincronizadas con la interfaz visible las etiquetas, los estados, los valores, los errores y las instrucciones. - Compruebe que los componentes personalizados expongan una semántica, acciones y cambios de estado equivalentes. ## Añade subtítulos y transcripciones al audio y al vídeo No comunique información esencial únicamente mediante audio, visión o señales hápticas. Elija alternativas que conserven el propósito, el momento y el significado de la señal original. - Proporcione subtítulos sincronizados para el contenido oral importante y los sonidos significativos. - Proporcione transcripciones cuando las personas puedan necesitar un registro completo que se pueda buscar o revisar. - Describa los acontecimientos visuales importantes que no estén disponibles mediante el diálogo o el contenido circundante. - Combine las alertas de audio con información visual o táctil cuando mejore su reconocimiento. - Combine las alertas hápticas o visuales con otro canal cuando transmitan un significado crítico. - Permita que las personas controlen la reproducción, los subtítulos, el volumen y las pistas alternativas disponibles. - Compruebe que cada alternativa siga siendo precisa cuando cambie el contenido principal. ## Haz botones fáciles de pulsar y que todo se pueda usar con el teclado Permita completar las tareas esenciales con diferentes formas de entrada física y niveles de destreza. La operabilidad depende conjuntamente del tamaño de las áreas de interacción, el espaciado, la secuencia, las alternativas y un comportamiento predecible. - Utilice tamaños de áreas de interacción y espacios que cumplan la norma aplicable de la plataforma o la web. - Mantenga sencillas las acciones frecuentes y evite exigir gestos complejos, simultáneos o repetidos. - Proporcione un control visible para toda acción esencial que, de otro modo, dependa de un gesto. - Permita una navegación completa con teclado, con un enfoque visible y un orden lógico de recorrido. - Conserve los atajos establecidos salvo que sea necesario sustituirlos y quede documentado. - Etiquete los controles para que las entradas por voz, conmutador, puntero y otros medios de asistencia puedan identificarlos. - Evite las interacciones que exijan fuerza sostenida, gran precisión o movimientos amplios y repetitivos. ## Simplifica los pasos y evita los límites de tiempo cortos Haga que las interacciones sean coherentes, fáciles de aprender y recuperables. La complejidad opcional para usuarios expertos no debe bloquear un recorrido claro por las tareas esenciales. - Utilice patrones conocidos y ubicaciones estables para las acciones repetidas. - Divida los flujos de trabajo largos en pasos concretos y muestre el progreso, el contexto y una forma de volver. - Prefiera un cierre explícito a tiempos de espera automáticos breves; permita más tiempo cuando sea necesario limitarlo. - Utilice instrucciones sencillas, mensajes de error específicos y siguientes acciones visibles. - Permita pausar o detener el contenido en movimiento, de audio y de vídeo que se inicie automáticamente. - Ofrezca ajustes de dificultad, ritmo o asistencia cuando el éxito de la tarea dependa de la velocidad o la precisión. - Exija una confirmación clara y una vía de recuperación antes de realizar acciones difíciles de revertir. ## Reduce el movimiento y los destellos que pueden hacer daño Utilice el movimiento solo cuando mejore la comprensión. El movimiento rápido, los destellos, los cambios de profundidad y el movimiento incontrolado de la cámara pueden distraer, causar molestias o generar graves riesgos para la salud. - Respete las preferencias de movimiento reducido y destellos reducidos en toda la experiencia. - Reduzca el movimiento automático, repetitivo, periférico, de acercamiento, de cambio de escala y basado en la profundidad. - Proporcione una alternativa tranquila a los efectos que sean necesarios en la presentación predeterminada. - Evite los destellos brillantes y frecuentes y valide los medios según el umbral de seguridad aplicable. - Mantenga el contenido espacial dentro de un campo visual cómodo y evite los cambios rápidos de atención. - Reduzca al mínimo el movimiento forzado de la cámara y los gestos corporales amplios o repetitivos. - Compruebe que los cambios de movimiento no causen pérdida de contexto, estados ocultos o fallos en la información de la tarea. ## Respeta los ajustes que cada persona elige en su dispositivo Adáptese a los ajustes elegidos por el usuario en lugar de tratar la accesibilidad como un modo independiente con menos capacidades. Conserve el significado y la finalización de las tareas en todas las configuraciones admitidas. - Responda correctamente a las preferencias de tamaño del texto, contraste, apariencia, movimiento, subtítulos y entrada. - Mantenga disponibles las funciones esenciales cuando se reduzcan los elementos no esenciales de la interfaz. - Permita que los usuarios elijan colores, tiempos, reproducción, dificultad o asistencia de control cómodos cuando corresponda. - No restablezca las opciones relacionadas con la accesibilidad sin un motivo claro y un aviso. - Evite obligar a los usuarios a revelar una discapacidad para acceder a un recorrido accesible. - Conserve las preferencias de forma predecible y proporcione una vía sencilla para revisarlas o cambiarlas. - Pruebe combinaciones de ajustes, ya que las adaptaciones correctas por separado pueden entrar en conflicto. ## Prueba cada tarea principal con teclado y herramientas de apoyo antes de publicar Utilice varias formas de evidencia. Las comprobaciones automatizadas pueden encontrar algunos defectos, pero no pueden demostrar que una tarea real sea comprensible o utilizable con tecnologías de asistencia. - Ejecute comprobaciones automatizadas pronto y de forma repetida para detectar problemas estructurales y visuales. - Pruebe todas las tareas esenciales únicamente con teclado y con los métodos pertinentes de interacción asistida. - Inspeccione el enfoque, las etiquetas, el orden de lectura, los anuncios, la ampliación, el contraste, las alternativas multimedia y los ajustes de movimiento. - Incluya en la evaluación, cuando sea posible, a participantes con discapacidad o usuarios experimentados de tecnologías de asistencia. - Registre para cada hallazgo el entorno, el método, el resultado, la gravedad, la persona responsable y las evidencias de repetición de la prueba. - Impida la publicación si quedan defectos sin resolver que bloqueen el acceso a una tarea esencial o generen daños graves. - No declare conformidad ni compatibilidad con funciones más allá del alcance de las evidencias verificadas.