Comparteix a través de

Anunciar canvis dinàmics amb regions en directe per a aplicacions del llenç

  • Article

Els canvis dinàmics plantegen reptes per a les persones amb discapacitat visual. Els usuarisis que accedeixen a una aplicació mitjançant un lector de pantalla es centren en una part de l'aplicació. Si un canvi passa en un altre lloc, els usuarisis no en seran conscients.

Per solucionar aquest problema, afegiu regions en directe, que els lectors de pantalla segueixen. Si el contingut canvia en una regió en directe, un lector de pantalla anunciarà aquest canvi.

El mecanisme subjacent per a les regions en directe és aria-live regions, de manera que s'apliquen les mateixes pautes.

Exemples d'usos de regions en directe

Podeu utilitzar regions en directe per avisar els usuarisis quan es produeixen esdeveniments, com ara:

  • Un error de validació es produeix en un formulari.
  • Una acció provocada per un botó es realitza correctament. Per exemple, pot ser que un usuarisi seleccioni un botó per afegir un element a una col·lecció i una regió en directe podria mostrar el missatge "S'ha afegit l'element".
  • L'usuarisi ha seleccionat una pestanya diferent.
  • Un temporitzador de fons actualitza un canal de notícies.

Crear i configurar una regió en directe

Només es poden configurar els controls Etiqueta com a regió en directe. La propietat En directe determina el tipus de regió en directe que és.

  • Desactivat: no és una regió en directe. Els lectors de pantalla no anuncien canvis.
  • Educat: els lectors de pantalla anuncien els canvis després d'acabar de parlar. Utilitzeu aquest valor per a les notificacions no crítiques que no requereixin atenció immediata.
  • Assertiu: els lectors de pantalla s'interrompen per anunciar els canvis immediatament. Utilitzeu-ho per a les notificacions crítiques que requereixin atenció immediata.

Si el contingut de text d'una regió en directe canvia, els lectors de pantalla anunciaran el contingut de text sencer, no només la porció canviada. Si el valor de la propietat Text està definit com la cadena buida "", el lector de pantalla no anuncia res.

Per repetir un missatge, esborreu el contingut de text establint el valor de la propietat Text a la cadena buida "" i, a continuació, torneu a definir el valor al missatge.

Pràctiques recomanades

  • Definiu sempre Visible com a cert. Alguns lectors de pantalla no detecten les regions en directe que desapareixen i tornen a aparèixer.
  • Eviteu canviar el valor En directe. Alguns lectors de pantalla no detecten quan una regió que no és en directe es converteix en una regió en directe i viceversa.
  • Col·loqueu la regió en directe en una posició lògica de l'aplicació, encara que no estigui visible. Assegureu-vos que el seu contingut sigui rellevant en el context amb els elements anteriors i posteriors. Els usuarisis poden accedir a una regió en directe en qualsevol moment mitjançant la navegació habitual amb un lector de pantalla, no només quan es produeixen canvis.

Passos següents

Utilitzar el Comprovador d'accessibilitat

Consulteu també