Share via

Dynamische veranderingen aankondigen met livegebieden in canvas-apps

  • Artikel

Dynamische veranderingen vormen een uitdaging voor blinden en slechtzienden. Gebruikers die een app openen via een schermlezer, zijn gefocust op één deel van de app. Als een wijziging ergens anders plaatsvindt, zijn die gebruikers er niet van op de hoogte.

U kunt dit probleem oplossen door livegebieden toe te voegen die schermlezers volgen. Als inhoud verandert in een livegebied, zal een schermlezer die wijziging aankondigen.

Het onderliggende mechanisme voor livegebieden is aria-live regions, dus dezelfde richtlijnen zijn van toepassing.

Voorbeeldgebruik van livegebieden

U kunt livegebieden gebruiken om gebruikers op de hoogte te stellen wanneer dergelijke gebeurtenissen zich voordoen:

  • Er treedt een validatiefout op in een formulier.
  • Een actie die door een knop wordt geactiveerd, is succesvol. Een gebruiker kan bijvoorbeeld een knop selecteren om een item aan een collectie toe te voegen, en een livegebied kan het bericht 'Item toegevoegd' weergeven.
  • De gebruiker heeft een ander tabblad geselecteerd.
  • Een achtergrondtimer vernieuwt een nieuwsfeed.

Een livegebied maken en configureren

U kunt alleen een Label-besturingselement configureren als livegebied. De eigenschap Live bepaalt welk type livegebied het is.

  • Uit: geen livegebied. Schermlezers kondigen geen wijzigingen aan.
  • Beleefd: schermlezers kondigen wijzigingen aan nadat ze zijn uitgesproken. Gebruik deze waarde voor niet-kritieke meldingen die geen onmiddellijke aandacht vereisen.
  • Assertief: schermlezers onderbreken zichzelf om wijzigingen onmiddellijk aan te kondigen. Gebruik deze waarde voor kritieke meldingen die onmiddellijke aandacht vereisen.

Als de tekstinhoud van een livegebied verandert, kondigen schermlezers de volledige tekstinhoud aan, niet alleen het gewijzigde gedeelte. Als de waarde van de eigenschap Tekst is ingesteld op de lege tekenreeks "", kondigt de schermlezer niets aan.

Als u een bericht wilt herhalen, wist u de tekstinhoud door de waarde van de eigenschap Tekst in te stellen op een de lege tekenreeks "" en vervolgens de waarde opnieuw in te stellen op het bericht.

Aanbevolen procedures

  • Stel Zichtbaar altijd in op Waar. Sommige schermlezers detecteren geen livegebieden die verdwijnen en weer verschijnen.
  • Vermijd het veranderen van de waarde van Live. Sommige schermlezers detecteren niet wanneer een niet-livegebied live wordt en omgekeerd.
  • Positioneer het livegebied op een logische positie in de app, ook als deze niet zichtbaar is. Zorg ervoor dat de inhoud ervan in samenhang is met de elementen ervoor en erna. Gebruikers hebben op elk moment toegang tot een livegebied door middel van regelmatige navigatie met een schermlezer, niet alleen wanneer er wijzigingen plaatsvinden.

Volgende stappen

Toegankelijkheidscontrole gebruiken

Zie ook