Lista de comprobación de accesibilidadAccessibility checklist

Proporciona una lista de comprobación para ayudarle a asegurarse de que la aplicación de Windows esté accesible.Provides a checklist to help you ensure that your Windows app is accessible .

Aquí proporcionamos una lista de comprobación que te ayudará a garantizar que la aplicación sea accesible.Here we provide a checklist you can use to ensure that your app is accessible.

  1. Establece el nombre accesible (obligatorio) y la descripción accesible (opcional) para los elementos de la interfaz de usuario interactivos y de contenido de la aplicación.Set the accessible name (required) and description (optional) for content and interactive UI elements in your app.

    Un nombre accesible es una cadena de texto descriptiva y corta que un lector de pantalla usa para anunciar un elemento de la interfaz de usuario.An accessible name is a short, descriptive text string that a screen reader uses to announce a UI element. Algunos elementos de la interfaz de usuario como TextBlock y TextBox promueven su contenido de texto como el nombre accesible predeterminado; vea información básica de accesibilidad.Some UI elements such as TextBlock and TextBox promote their text content as the default accessible name; see Basic accessibility information.

    Debes establecer el nombre accesible de forma explícita para imágenes y otros controles que no promueven contenido de texto interno como nombre accesible implícito.You should set the accessible name explicitly for images or other controls that do not promote inner text content as an implicit accessible name. Debes usar etiquetas para los elementos de formulario, de modo que el texto de la etiqueta se pueda usar como destino LabeledBy en el modelo de Automatización de la interfaz de usuario de Microsoft para la correspondencia de etiquetas y entradas.You should use labels for form elements so that the label text can be used as a LabeledBy target in the Microsoft UI Automation model for correlating labels and inputs. Si quieres proporcionar a los usuarios más información sobre la interfaz de usuario que la que suele incluir el nombre accesible, las descripciones accesibles e información sobre herramientas ayudan a los usuarios a comprender la interfaz de usuario.If you want to provide more UI guidance for users than is typically included in the accessible name, accessible descriptions and tooltips help users understand the UI.

    Para obtener más información, consulta Nombre accesible y Descripción accesible.For more info, see Accessible name and Accessible description.

  2. Implementar accesibilidad de teclado:Implement keyboard accessibility:

    • Prueba el orden de los índices de tabulación para una interfaz de usuario.Test the default tab index order for a UI. Si es necesario, ajusta el orden de los índices de texto, lo que puede requerir la activación o desactivación de determinados controles o la modificación de los valores predeterminados de TabIndex en algunos de los elementos de la interfaz de usuario.Adjust the tab index order if necessary, which may require enabling or disabling certain controls, or changing the default values of TabIndex on some of the UI elements.
    • Usa controles que admitan la navegación por teclas de dirección para elementos compuestos.Use controls that support arrow-key navigation for composite elements. En los controles predeterminados, la navegación por teclas de dirección suele venir implementada.For default controls, the arrow-key navigation is typically already implemented.
    • Usa controles que admitan la activación del teclado.Use controls that support keyboard activation. En los controles predeterminados, en especial aquellos que admiten el modelo Invoke de automatización de la interfaz de usuario, la activación del teclado suele estar disponible; consulta la documentación de ese control.For default controls, particularly those that support the UI Automation Invoke pattern, keyboard activation is typically available; check the documentation for that control.
    • Define teclas de acceso o teclas de aceleración para partes específicas de la interfaz de usuario que admitan interacción.Set access keys or implement accelerator keys for specific parts of the UI that support interaction.
    • Para cualquier control personalizado que uses en la interfaz de usuario, comprueba que hayas implementado estos controles con la compatibilidad adecuada de AutomationPeer para la activación y que hayas definido invalidaciones para controlar las teclas según sea necesario a fin de admitir teclas de activación, recorrido y acceso o aceleración.For any custom controls that you use in your UI, verify that you have implemented these controls with correct AutomationPeer support for activation, and defined overrides for key handling as needed to support activation, traversal and access or accelerator keys.

    Para obtener más información, consulte interacciones de teclado.For more info, see Keyboard interactions.

  3. Asegurarse de que el texto es de tamaño legibleEnsure text is a readable size

    • Windows incluye varias herramientas de accesibilidad y configuraciones en las que los usuarios pueden aprovechar las ventajas y adaptarse a sus propias necesidades y preferencias para leer texto.Windows includes various accessibility tools and settings that users can take advantage of and adjust to their own needs and preferences for reading text. Se incluyen los siguientes:These include:
      • La herramienta ampliador, que amplía un área seleccionada de la interfaz de usuario.The Magnifier tool, which enlarges a selected area of the UI. Debe asegurarse de que el diseño de texto de la aplicación no dificulta el uso de la lupa para la lectura.You should ensure the layout of text in your app doesn't make it difficult to use Magnifier for reading.
      • Configuración de escala y resolución global en configuración->>de pantalla->de la escala y el diseño .Global scale and resolution settings in Settings->System->Display->Scale and layout . Exactamente las opciones de ajuste de tamaño disponibles pueden variar, ya que depende de las capacidades del dispositivo de pantalla.Exactly which sizing options are available can vary as this depends on the capabilities of the display device.
      • Configuración de tamaño de texto en Configuración: >la facilidad de acceso >pantalla .Text size settings in Settings->Ease of access->Display . Ajuste la configuración de hacer que el texto sea más grande para especificar solo el tamaño del texto en los controles auxiliares en todas las aplicaciones y pantallas (todos los controles de texto de UWP admiten la experiencia de escalado de texto sin ninguna personalización o plantilla).Adjust the Make text bigger setting to specify only the size of text in supporting controls across all applications and screens (all UWP text controls support the text scaling experience without any customization or templating).

      Nota

      La configuración hacer todo es mayor permite que un usuario especifique su tamaño preferido para el texto y las aplicaciones en general solo en su pantalla principal.The Make everything bigger setting lets a user specify their preferred size for text and apps in general on their primary screen only.

  4. Comprueba visualmente tu interfaz de usuario para asegurarte de que el contraste de texto sea suficiente, que los elementos se representen correctamente en los temas de contraste alto y que los colores se usen correctamente.Visually verify your UI to ensure that the text contrast is adequate, elements render correctly in the high-contrast themes, and colors are used correctly.

    • Usa una herramienta de análisis de color para comprobar que la relación de contraste del texto visual sea de al menos 4.5:1.Use a color analyzer tool to verify that the visual text contrast ratio is at least 4.5:1.
    • Cambia a un tema de contraste alto y comprueba que la interfaz de usuario de la aplicación pueda leerse y usarse.Switch to a high contrast theme and verify that the UI for your app is readable and usable.
    • Asegúrate de que tu interfaz de usuario no use el color como el único modo de transmitir información.Ensure that your UI doesn’t use color as the only way to convey information.

    Para obtener más información, vea temas de contraste alto y requisitos de texto accesible.For more info, see High-contrast themes and Accessible text requirements.

  5. Ejecuta herramientas de accesibilidad, soluciona problemas notificados y comprueba la experiencia de lectura de pantalla.Run accessibility tools, address reported issues, and verify the screen reading experience.

    Usa herramientas como Inspect para comprobar el acceso mediante programación, ejecuta herramientas como AccChecker para descubrir errores comunes y comprueba la experiencia de lectura en pantalla con la característica Narrador.Use tools such as Inspect to verify programmatic access, run diagnostic tools such as AccChecker to discover common errors, and verify the screen reading experience with Narrator.

    Para obtener más información, vea pruebas de accesibilidad.For more info, see Accessibility testing.

  6. Asegúrate de que la configuración del manifiesto de la aplicación siga las instrucciones de accesibilidad.Make sure your app manifest settings follow accessibility guidelines.

  7. Declare la aplicación como accesible en el Microsoft Store.Declare your app as accessible in the Microsoft Store.

    Si ha implementado la compatibilidad con la accesibilidad de línea de base, la declaración de la aplicación como accesible en el Microsoft Store puede ayudar a llegar a más clientes y obtener calificaciones correctas adicionales.If you implemented the baseline accessibility support, declaring your app as accessible in the Microsoft Store can help reach more customers and get some additional good ratings.

    Para obtener más información, consulte accesibilidad en el almacén.For more info, see Accessibility in the Store.