Toegankelijke canvas-apps maken

  • Artikel
  • 3 minuten om te lezen

Een toegankelijke canvas-app stelt gebruikers met visuele, gehoor- of andere beperkingen in staat de app goed te kunnen gebruiken. Toegankelijkheid is een vereiste voor veel regeringen en organisaties. Daarnaast kunt u door onderstaande richtlijnen te volgen uw app beter bruikbaar maken voor alle gebruikers.

Gebruik de Toegankelijkheidscontrole om mogelijke toegankelijkheidsproblemen in uw app te controleren.

Indeling en kleur

Met gezond verstand en een eenvoudig ontwerp kunt u apps toegankelijker maken voor alle gebruikers ervan. Houd rekening met onderstaande suggesties wanneer u grote aanpassingen aan apps maakt. Power Apps-thema's zijn ontworpen voor toegankelijkheidsnormen.

  • Zorg ervoor dat alle elementen duidelijk zichtbaar zijn en dat de tekst groot genoeg is. Alle inhoud moet met het blote oog eenvoudig kunnen worden gelezen en begrepen.
  • Sleutel niet aan de zichtbaarheidseigenschap van items om elementen beter zichtbaar te maken. Als u iets afhankelijk van een voorwaarde moet weergeven, maakt u de inhoud op een nieuw scherm, zodat gebruikers erheen en terug kunnen navigeren.
  • Zorg ervoor dat invoerelementen gelabeld zijn op het scherm. De eigenschap AccessibilityLabel definieert wat de schermlezer aankondigt.
  • Als u kleuren aanpast, moet u ervoor zorgen dat de verhouding tussen tekst en achtergrond 4,5:1 of groter is. Er zijn softwareprogramma's beschikbaar om u hierbij te helpen.
  • Zorg ervoor dat de indeling een logische stroom volgt wanneer de inhoud wordt gelezen van boven naar onder, van links naar rechts.

Ondersteuning voor toetsenbord

Zorg er bij het testen van de toegankelijkheid van uw app voor dat de app alleen kan worden gebruikt met het toetsenbord, de toegankelijkheidsmodi in iOS en Android, en schermlezers op basis van toetsenborden.

Zorg bij toetsenbordnavigatie (met of zonder schermlezer) voor een logische volgorde wanneer u met de TAB-toets navigeert naar invoervelden. Dit doet u door de eigenschap TabIndex van elk besturingselement in te stellen:

  • Besturingselementen voor label, afbeelding, pictogram en vorm: voor interactieve elementen (knoppen) stelt u TabIndex in op 0 en voor decoratieve elementen of tekst stelt u TabIndex in op -1.
  • Stel TabIndex niet hoger in dan 0.

Ondersteuning voor schermlezer

De volgende combinaties van software zijn de ondersteunde aanbevelingen voor het gebruik van Power Apps met een schermlezer:

  • Windows: Microsoft Edge / Verteller
  • macOS: Safari / VoiceOver
  • Android: Power Apps-app / Talkback
  • iOS: Power Apps-app / VoiceOver

Het volgende is aanbevolen om een goede ervaring met de schermlezer te garanderen:

  • Zorg ervoor dat de eigenschap AccessibleLabel is ingesteld voor alle invoerelementen.
  • Geef voor afbeeldingen bij AccessibleLabel een toepasselijke beschrijving op.
    • Als een afbeelding niet wordt gebruikt als knop of link (als het pictogram enkel decoratief is) en niet moet worden gelezen door de schermlezer, moet u AccessibleLabel leeg laten of niet instellen.
    • Als een afbeelding of pictogram wordt gebruikt als knop, stelt u TabIndex in op 0 en geeft u voor AccessibleLabel de beschrijving van de koppeling op.

Type en structuur van besturingselementen

Door de juiste besturingselementen te gebruiken en ze te groeperen, begrijpen gebruikers van schermlezers de structuur van de app.

  • Voeg ten minste één kop toe op elk scherm van de app. U kunt koppen maken door de eigenschap Rol van een label in te stellen.
  • Gebruik een knop in plaats van een label voor interactieve tekst.
  • Gebruik containers om gerelateerde inhoud te groeperen.
  • Houd rekening met niet-ondersteunde ontwerppatronen.

Multimedia

Zorg ervoor dat alle video's zijn voorzien van ondertiteling en dat de gebruiker toegang heeft tot transcripten van alle audio-opnamen. Het besturingselement voor video ondersteunt ondertiteling in WebVTT-indeling via de eigenschap ClosedCaptionsUrl.

Wanneer de schermlezer is ingeschakeld, wordt met Timer niet de tijd van de knop gelezen, maar hoeveel tijd er is verstreken. U kunt aankondigingen niet uitschakelen, zelfs niet wanneer de timer is verborgen met een lage dekking.

Werken met handtekeningen

Als u een handtekeningenveld gebruikt met het besturingselement PenInput, moet u een alternatieve methode voor de invoer van handtekeningen inschakelen. De aanbevolen manier is een TextInput-besturingselement weer te geven waar de gebruiker zijn naam kan typen. Zorg ervoor dat de instructies voor ondertekenen zijn opgenomen in de eigenschap AccessibleLabel en dat het besturingselement dicht bij de peninvoer staat (rechts ernaast of direct eronder).

Volgende stappen

Toegankelijke app-structuur

Zie ook