App-ontwikkeling

Voltooid

Het belang van toegankelijkheid strekt zich uit tot alle vormen van technologie, waaronder digitale software en toepassingen. Er zijn twee belangrijke factoren die u moet overwegen bij het ontwerpen van een app: de gebruikersinterface (UI) en de programmatische toegang. De gebruikersinterface is de manier waarop een gebruiker en een computersysteem communiceren, zoals de koppelingen en afbeeldingen die worden gebruikt voor navigatie. Programmatische toegang heeft betrekking op de wijze waarop een app programmatisch toegang kan krijgen tot informatie in een andere app, bijvoorbeeld door code aan te roepen. Als iemand bijvoorbeeld een schermlezer gebruikt om toegang te krijgen tot een app, roept de schermlezer code aan om te communiceren wat er gebeurt in de gebruikersinterface van die app.

Er zijn veel stappen voor het toegankelijk maken van een app, maar enkele belangrijke punten die u moet onthouden, zijn:

  • Uw UI-elementen beschikbaar maken voor programmatische toegang.
  • Zorg ervoor dat uw app toetsenbordnavigatie ondersteunt voor personen die geen muis of touchscreen kunnen gebruiken.
  • Zorg ervoor dat uw app toegankelijke kleur- en contrastinstellingen ondersteunt.

Toetsenbordnavigatie

Voor gebruikers die blind of mobiliteitsproblemen hebben, is het essentieel om door een app met een toetsenbord te navigeren. Alleen besturingselementen waarvoor gebruikersinteractie moet worden gebruikt, moeten echter de toetsenbordfocus krijgen, zoals koppelingen, knoppen en formulierbesturingselementen. Onderdelen waarvoor geen actie is vereist, zoals statische afbeeldingen, hebben geen toetsenbordfocus nodig. Het Microsoft-logo is bijvoorbeeld een statische afbeelding waarvoor geen actie is vereist.

In tegenstelling tot navigeren met een muis of touchscreen, is toetsenbordnavigatie lineair. Denk bij het overwegen van toetsenbordnavigatie na over hoe de gebruiker met uw product communiceert en wat de logische navigatie is. In Westerse culturen lezen mensen meestal van links naar rechts, van boven naar beneden. Het is daarom gebruikelijk om dit patroon te volgen voor toetsenbordnavigatie.

Wanneer u toetsenbordnavigatie ontwerpt, bekijkt u uw gebruikersinterface en denkt u na over deze vragen:

  • Hoe worden de besturingselementen in de gebruikersinterface ingedeeld of gegroepeerd?
  • Zijn er enkele belangrijke groepen besturingselementen?
  • Zo ja, bevatten deze groepen een ander niveau van groepen? Zijn er bijvoorbeeld sublijsten genest in menu-items?
  • Kunnen gebruikers tussen peerbesturingselementen navigeren door te navigeren door te tabs of vereisen uw gebruikersinterface speciale navigatie, zoals pijltoetsen?

Horizontal app navigation icons.

Groep app-menu-elementen/besturingselementen

Het doel is om de gebruiker te helpen begrijpen hoe de gebruikersinterface is ingedeeld en om de besturingselementen te identificeren die kunnen worden uitgevoerd. Als te veel tabbladen vereist zijn voordat de gebruiker de navigatielus voltooit, kunt u verwante besturingselementen groeperen. Sommige besturingselementen die zijn gerelateerd, zoals hybride besturingselementen, moeten mogelijk worden aangepakt in de vroege verkenningsfase van het ontwikkelen van uw app. Nadat u uw product hebt ontwikkeld, is het moeilijk om de toetsenbordnavigatie te herwerken, dus plan zorgvuldig en plan vroeg!

Raadpleeg de Windows Ontwikkelaarscentrum-documentatie over toegankelijkheid van het toetsenbord voor meer informatie over toetsenbordnavigatie tussen ui-elementen.

Het eBook Engineering Software for Accessibility heeft een nuttig hoofdstuk over dit onderwerp getiteld 'De logische hiërarchie ontwerpen'.

Kleur en contrast

Een van de ingebouwde toegankelijkheidsfuncties in Windows is de modus hoog contrast, waardoor het kleurcontrast van tekst en afbeeldingen op het computerscherm wordt verhoogd. Voor sommige mensen vermindert het vergroten van het contrast in kleuren de ogen en is het gemakkelijker te lezen.

Two calculator applications with high contrast color schemes.

Rekenmachines die worden weergegeven in licht thema en zwart thema met hoog contrast

De gebruikersinterface voor uw app moet net zo goed zijn ontworpen als deze wordt weergegeven met of zonder de modus hoog contrast. Wanneer u bijvoorbeeld uw gebruikersinterface in hoog contrast controleert, controleert u of de besturingselementen consistent zijn gecodeerd en of u systeemkleuren gebruikt en niet in code vastgelegde kleuren. Zorg ervoor dat een gebruiker met hoog contrast alle besturingselementen op het scherm kan zien die een gebruiker die geen hoog contrast gebruikt, zou zien.

Zolang u systeemkleuren niet overschrijft, biedt een UWP-app (Universeel Windows-platform) die werkt op alle Windows-platforms en -apparaten standaard ondersteuning voor thema's met hoog contrast. Als een gebruiker een thema met hoog contrast selecteert in de systeeminstellingen of toegankelijkheidsprogramma's van het apparaat, gebruikt het UWP-framework automatisch kleuren en stijlinstellingen die een indeling met hoog contrast en rendering voor besturingselementen en onderdelen in de gebruikersinterface produceren.

Zie dit Windows-ondersteuningsartikel over hoog contrast voor meer informatie.

Als u liever uw eigen kleurenthema gebruikt voor ontwerpdoeleinden in plaats van systeemkleuren, kunt u de volgende richtlijnen overwegen:

Verhouding kleurcontrast: De bijgewerkte sectie 508 van de Revalidatiewet en andere wetgeving vereist dat het standaardkleurcontrast tussen tekst en de achtergrond ten minste 4,5:1 is. De verhouding verwijst specifiek naar het helderheidscontrast van de tekst en de achtergrond. Een manier om te denken aan luminantiecontrast is het verschil tussen de lichtheid en duisternis van de tekst- en achtergrondkleuren. Witte tekst op een zwarte achtergrond heeft bijvoorbeeld een verhouding van 21:1. Er kunnen meer kleurrijke schema's voor tekst en achtergronden worden gebruikt, maar de verhouding moet ten minste 4,5:1 of beter zijn.

De verhoudingen voor grote tekst hoeven niet zo groot te zijn. Voor grote tekst is het vereiste standaardcontrast 3:1. Grote tekst wordt gedefinieerd als tekengrootte van 18 punten en groter, of 14 punten en vet (en groter).

Kleurcombinaties: Ongeveer 7 procent van mannen (en minder dan 1 procent van de vrouwtjes) hebben een vorm van kleurtekort. Gebruikers met kleurenblindheid hebben problemen met het onderscheiden van bepaalde kleuren, dus alleen kleur mag nooit worden gebruikt om de status of betekenis in een toepassing over te brengen. Met andere woorden, verwijs niet naar de 'rode stip' op een scherm. In plaats daarvan kunt u een pictogram met een onderscheidende markering of vorm opnemen die een persoon met kleurenblindheid gemakkelijk kan identificeren. Voor decoratieve afbeeldingen, zoals pictogrammen of achtergronden, moeten kleurcombinaties worden gekozen op een manier waarmee de perceptie van de afbeelding door kleurenblinde gebruikers wordt gemaximaliseerd.

Examples of home icons with high color contrast and low color contrast.

Voorbeelden van een pictogram met hoog kleurcontrast (verhouding 21:1) en een pictogram met een laag kleurcontrast (verhouding 1:5)

Programmatische toegang

Programmatische toegang is nodig om toegankelijkheid in apps te maken. Programmatische toegang zorgt ervoor dat UI-besturingselementen beschikbaar zijn voor ondersteunende technologie of alternatieve uitvoerapparaten.

Zonder programmatische toegang kunnen de API's voor ondersteunende technologie informatie niet correct interpreteren, waardoor de gebruiker de app niet effectief kan gebruiken of gebruiken. De ondersteunende technologie die iemand gebruikt, bepaalt welke acties en opties voor hen beschikbaar zijn. Als een app geen toegankelijke namen en beschrijvingen heeft, kunnen verschillende onderdelen daarom worden beschouwd als niet beschikbaar door de ondersteunende technologie.

Toegankelijke namen en beschrijvingen voor inhoud en interactieve UI-besturingselementen zijn bijvoorbeeld essentiële elementen om programmatische toegang in uw app te bereiken. Voor mensen die Microsoft Verteller of een Braille-weergave gebruiken om een app te gebruiken, helpen de beschrijvende namen voor afbeeldingen of knoppen hen om de app te begrijpen en te navigeren.

Raadpleeg de Documentatie voor Windows Ontwikkelaarscentrum over het beschikbaar maken van basisinformatie over toegankelijkheidsinformatie voor apps voor meer informatie over het beschikbaar maken van ui-elementen van apps voor ondersteunende technologieën.

Bekijk de lijst met ondersteunende technologiepartners voor meer informatie over ondersteunende technologietoepassingen.

Controlelijsten voor toegankelijkheid

Zoals we in deze module hebben besproken, zijn er verschillende stappen vereist om uw app toegankelijk te maken. Het kan handig zijn om een controlelijst te volgen om elke vereiste bij te houden tijdens het ontwikkelen van uw app. Hier volgt een verkorte versie van een controlelijst voor toegankelijkheid die u mogelijk nuttig vindt:

  1. Stel de toegankelijke naam (vereist) en beschrijving (optioneel) in voor inhoud en interactieve elementen in uw app.
  2. Toetsenbordtoegankelijkheid implementeren.
  3. Controleer uw gebruikersinterface visueel om ervoor te zorgen dat het tekstcontrast voldoende is, elementen correct worden weergegeven in de thema's met hoog contrast en kleuren correct worden gebruikt.
  4. Voer hulpprogramma's voor toegankelijkheid uit, los gemelde problemen op en controleer de leeservaring van het scherm.
  5. Zorg ervoor dat alle functies van uw app voldoen aan de richtlijnen voor toegankelijkheid.
  6. Declareer uw app als toegankelijk in de Microsoft Store.