Delen via

Beperkingen voor toegankelijkheid in canvas-apps

  • Artikel

U kunt toegankelijke canvas-apps ontwerpen en bouwen met ingebouwde besturingselementen. Soms kan de combinatie van app-ontwerp, het gebruik van verschillende besturingselementen en de geconfigureerde besturingseigenschappen ertoe leiden dat een app een ontoegankelijke gebruikersinterface heeft.

In dit artikel leert u over deze toegankelijkheidsbeperkingen in canvas-apps en hoe u de app-interface kunt verbeteren om deze toegankelijker te maken.

Dialoogvensters en overlays

Dialoogvensters en gebruikersinterfaces die voor andere inhoud worden weergegeven, worden niet ondersteund. Deze overlays vereisen focusbeheer, het verbergen van achtergrondinhoud voor schermlezers en de juiste rollen voor besturingselementen.

Denk aan het volgende:

  • Gebruik aparte schermen voor elk dialoogvenster.
  • Gebruik de functie Melden.
  • Maak een codeonderdeel dat een toegankelijk dialoogvenster implementeert.

Interfaces met tabbladen

Een interface met tabbladen bestaat uit een lijst met tabbladen en een paneel met inhoud die hoort bij het geselecteerde tabblad.

Het enige ingebouwde besturingselement dat interfaces met tabbladen ondersteunt, is Tabbladlijst. Vermijd het gebruik van Galerieën om tabbladen te maken. De lijst met tabbladen moet navigeerbaar zijn met pijltoetsen. Passende besturingselementrollen en -statussen zijn vereist.

Denk aan het volgende:

Aangepaste tabellen

Het enige ingebouwde besturingselement dat tweedimensionale gegevens ondersteunt, is Gegevenstabel. Gebruik niet galerieën om gegevens in rijen en kolommen weer te geven. Rijen en kolommen moeten worden geannoteerd zodat gebruikers van schermlezers hun structuur kunnen begrijpen en door cellen kunnen navigeren.

Denk aan het volgende:

Aangepaste keuzelijsten met invoervak

Het is mogelijk om een keuzelijst met invoervak te emuleren door een tekstinvoer en een galerie te combineren. Keuzelijsten met invoervakken samengesteld uit ingebouwde besturingselementen zijn echter niet toegankelijk. Keuzelijsten met invoervakken moeten omgaan met pijltoetsen en de juiste rollen en statussen instellen voor de componenten.

Denk aan het volgende:

Scrollbare inhoud

Toetsenbordgebruikers kunnen niet scrollen in formulieren, scrollbare schermen en containers als hierin geen interactieve besturingselementen zijn opgenomen.

Voor galerieën zonder interactieve inhoud kunt u TabIndex instellen op de galerie zelf, zodat toetsenbordgebruikers hierop kunnen focussen en pijltjestoetsen kunnen gebruiken om er doorheen te scrollen.

Labels maakt u met de instelling TabIndex focusbaar voor scrollen met het toetsenbord. Op deze manier maakt u er echter ook knoppen van. Maak labels niet scrollbaar als ze niet bedoeld zijn als knoppen. Zorg ervoor dat het label groot genoeg is om tekst in op te nemen. De eigenschap AutoHeight kan worden gebruikt om de grootte van het besturingselement automatisch aan te passen wanneer het zich in een formulier, scrollbaar scherm of galerie bevindt.

Uitvouwbare secties

Uitvouwbare secties, ook bekend als onthullingen, bevatten inhoud die verborgen blijft totdat de gebruiker op een knop drukt. Er is geen ingebouwde ondersteuning voor deze elementen, maar er is een tijdelijke oplossing.

Noem de uitgevouwen staat in het AccessibleLabel van de knop. Voorbeeld: 'Meer details weergeven. Samengevouwen.'

Werk het AccessibleLabel bij wanneer de uitgevouwen status verandert. Plaats de uitgevouwen inhoud onmiddellijk na de knop zodat gebruikers van schermlezer er logisch naartoe kunnen navigeren. Duw andere inhoud naar beneden wanneer de sectie wordt uitgevouwen.

Oriëntatiepunten

U kunt koppen maken met besturingselementen van het type Label. Navigatie, banners en andere oriëntatiepunten worden niet ondersteund. Power Apps stelt automatisch het belangrijkste oriëntatiepunt in voor het app-scherm.

Gebruik voor andere oriëntatiepunten een kop als tijdelijke oplossing.

Aangepaste rollen en statussen

Er is geen ingebouwde ondersteuning voor aangepaste rollen en statussen. Daarom wordt het niet aanbevolen om samengestelde selectievakjes, schuifregelaars en schakelaars te maken op basis van ingebouwde besturingselementen.

Denk aan het volgende:

Aangepaste toetsenbordafhandeling

Het is niet mogelijk om op specifieke toetsaanslagen te reageren. U kunt bijvoorbeeld geen aangepast gedrag instellen voor pijltoetsen of de Escape-toets. Daarom is het niet mogelijk om lijstachtige besturingselementen, zoals keuzerondjes, samen te stellen voor ingebouwde besturingselementen. U kunt ook geen overlays maken die kunnen worden verwijderd met de Escape-toets.

De verwerking van Enter of de spatiebalk wordt ondersteund met OnSelect. Deze eigenschap wordt echter ook geactiveerd door andere invoermethoden, zoals muisklikken. Er is geen manier om de bron van de gebeurtenis te onderscheiden.

Focusbeheer

De functie SetFocus kan worden gebruikt om de focus te wijzigen, maar werkt alleen in een beperkt aantal scenario's.

Het is niet mogelijk om te detecteren wanneer besturingselementen de focus ontvangen of verliezen.

Inhoud alleen verbergen voor gebruikers van schermlezers

Er is geen equivalent voor aria-verborgen om inhoud te tonen aan ziende gebruikers, maar te verbergen voor gebruikers van schermlezers. Slechts een paar scenario's worden ondersteund.

Volgende stappen

Eigenschappen voor toegankelijkheid

Zie ook