Toegankelijke canvas-apps maken

  • Artikel

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.
  • 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.
  • Een responsieve app maken zodat slechtziende gebruikers kunnen inzoomen op de app en deze gebruiken zonder heen en weer te hoeven scrollen.

Toetsenbord

Zorg er bij het testen van de toegankelijkheid van uw app voor dat de app alleen via het toetsenbord kan worden gebruikt, met of zonder schermlezer.

De Tab-toets moet in een logische volgorde naar interactieve elementen navigeren. Je kunt dit maken met een logische app-structuur en door het instellen van de eigenschappen van elk besturingselement voor TabIndex.

  • Besturingselementen Label, Afbeelding, Pictogram, Vorm: Stel TabIndex in op naar 0 als ze interactief moeten zijn. Stel TabIndex anders in op -1.
  • Stel TabIndex niet in op groter dan nul.
  • Zorg ervoor dat de app-instelling Vereenvoudigde tabbladindex is ingeschakeld.

Schermlezers

De volgende schermlezers zijn geverifieerd om met Power Apps te werken:

  • JAWS: Microsoft Edge
  • Verteller: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps mobiel
  • VoiceOver: Power Apps mobiel, Safari (macOS, iOS, iPadOS)

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