Accesibilidad

Componentes de la SDK

La SDK implementa componentes preparados con atributos HTML para accesibilidad, como aria-label, tabindex, role, entre otros, que habilitan la navegación por teclado entre elementos, activan orientaciones por audio y son utilizados por software de lectura de pantalla.

Buenas prácticas

Al integrar la SDK Web en una página, es posible que existan otros elementos interactivos en la página que no sean visibles durante el flujo de apertura de la cámara y captura de imagen. Estos elementos pueden generar conflictos con la información del flujo de captura, afectando la experiencia del usuario. Por lo tanto, es importante eliminar o desactivar la interacción con otros elementos mientras se realiza la captura.

Esto se puede hacer de diversas maneras y depende de los elementos existentes y los frameworks utilizados en la página. A continuación, se muestra un ejemplo utilizando el atributo aria-hidden:

// page html
// <div id="main-content">
//  <header>...</header>
//  <button id="my-button">Interactive Button</click>
//  <footer>...</footer>
// </div>


const unicoSdk = new UnicoCheckBuilder().build();

unicoSdk
  .prepareSelfieCamera(...)
  .then((cameraOpener) => {
    const pageElement = document.getElementById('main-content');
    pageElement.setAttribute('aria-hidden', true);
    
    cameraOpener.open({
      on: {
        success: (obj) => {
          pageElement.setAttribute('aria-hidden', false);
        },
        error: (error) => {
          pageElement.setAttribute('aria-hidden', false);
        },
      },
    });
  });

Referencias

• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden.

¿Dudas?

¿No encontraste algo o aún necesitas ayuda? Si ya eres cliente o socio, puedes ponerte en contacto a través del Centro de Ayuda.