Hacer que las regiones activas sean accesibles

Applies to Windows and Windows Phone

Para habilitar los lectores de pantalla para que anuncien los cambios a la interfaz de usuario a medida que se producen, configura el atributo aria-live para contenido importante que cambia dinámicamente. Esto es muy útil para los usuarios ciegos que necesitan mantener su modelo mental de la interfaz de usuario en sincronización con los cambios realizados a ésta.

Un ejemplo donde la configuración del atributo aria-live es importante es en el escenario maestro y detalles clásico en el que la selección de un elemento del control maestro carga dinámicamente el contenido correspondiente en el área de detalles.


<div class="..." data-win-control="Win.UI.ListView" aria-label="Master" 
    data-win-options="{...}" ></div>
</div>
<div class="..." role="region" aria-label="Detail"
    aria-live="assertive" aria-atomic="true" >
</div>

Otro buen ejemplo es cuando se visualizan fuentes Really Simple Syndication (RSS) o comunicación por mensajería. En este caso, el elemento contenedor de contenido también incluye el atributo role="log".


<div id="chat" role="log" aria-live="polite" aria-atomic="false" ></div>

Para obtener más información, consulta el tema sobre los atributos de región activa en la especificación sobre aplicaciones de Internet enriquecidas accesibles de Web Accessibility Initiative (WAI-ARIA) 1.0.

Nota  Las aplicaciones de Windows en tiempo de ejecución con C++, C# o Visual Basic también cuentan con una técnica para notificar el comportamiento de las regiones activas, similar al atributo HTML aria-live. Consulta AutomationProperties.LiveSetting.

Temas relacionados

Cumplir requisitos de accesibilidad básicos

 

 

Mostrar:
© 2014 Microsoft