Wat wordt eigenlijk verstaan onder Toegankelijkheid? De pagina Wat is toegankelijkheid? geeft een algemene beschrijving.
Onderstaand vind je nadere informatie over toegankelijkheid in OutSystems. Deze is grotendeels vertaald uit de OutSystems documentatie, vergezeld van de nodige links naar meer detailinformatie.

Toegankelijkheidsfuncties

Alleen van toepassing op mobiele apps en reactieve web-apps.
Specifieke uitleg over inschakeling en configuratie vind je hier.

Het kan om ethische, praktische en vaak juridische redenen cruciaal zijn om ervoor te zorgen dat er een app beschikbaar is met toegankelijkheidsfuncties die iedereen kan gebruiken. OutSystems heeft functies voor de gebruikersinterface (UI) ontwikkeld met toegankelijkheidsfuncties, zodat je apps kunt maken die voldoen aan de richtlijnen voor toegankelijkheidsfuncties van webinhoud (WCAG). Daarnaast heb je de flexibiliteit om zowel de gebruikersinterface als de logica aan te passen aan je specifieke toegankelijkheidsdoelen.

Een algemene aanbeveling is om vroeg in de ontwikkelingsfase na te denken over toegankelijkheid. Belangrijk is om goed te testen, de problemen te identificeren en de problemen op te lossen of tijdelijke oplossingen te bieden.

Onderstaand vind je enkele richtlijnen om aan de toegankelijkheidsbehoeften te voldoen:

1. Zorg ervoor dat de app voldoet aan de basisvereisten voor toegankelijkheid. Raadpleeg voor meer informatie over de ingebouwde toegankelijkheidsfuncties.
2. Test de app vroeg in ontwikkeling tegen de toegankelijkheidssuccescriteria voor het niveau waarop gericht wordt en los de problemen op. Raadpleeg voor meer informatie over het testen en oplossen van toegankelijkheidsproblemen.
3. Let goed op complexe interacties en dynamische content. Los de kritieke problemen onmiddellijk op. Gebruik ARIA om meer informatie te geven over de hulpmiddelen voor ondersteunende technologie en de structuur van uw pagina’s te verbeteren. Zie ARIA-rollen en -kenmerken.
4. Raadpleeg de toegankelijkheidsreferentie voor UI-patronen voor informatie over patronen die je mogelijk op een pagina gebruikt.

De gebruikersinterface van OutSystems wordt vaak bijgewerkt om meer toegankelijkheidsfuncties te ondersteunen. Raadpleeg voor meer informatie de introductienotities van de OutSystems UI in Forge.

ingebouwde toegankelijkheidsfuncties

OutSystems heeft veel ingebouwde toegankelijkheidsfuncties. Voorbeelden zijn het maken van toepassingen met de juiste contrastverhouding, focus en instellingen voor ‘Ga verder naar inhoud’. Om toegankelijke apps te ontwikkelen, moet de toegankelijkheidsfunctie in Service Studio geactiveerd worden. In dat geval heb je mogelijk specifieke aanpassing en ontwikkeling nodig, die worden behandeld in ARIA-rollen en -kenmerken en de toegankelijkheidsreferentie voor UI-patronen.

Door de instelling in te schakelen, worden de volgende functies geactiveerd:

• Focus states – hiermee kunt u de focus op het huidige element instellen en markeren.
• Skip to content – Hiermee kan de gebruiker, met navigatie-elementen op het scherm en het tabblad, rechtstreeks naar de inhoud overslaan.
• Accessible links – genereert links met een hoog kleurcontrast.
• Enhanced contrast – maakt het mogelijk om de inhoud op het scherm weer te geven met behulp van een contrastverhouding die kan worden waargenomen voor mensen met een visuele beperking.

Pagina titel

‘Schermlezers’ gebruiken pagina titels om gebruikers te informeren over de naam van de pagina waarop ze staan.

Instellingen voor paginataal voor schermlezers

De locatie van de app definieert de taal van de pagina. Raadpleeg voor meer informatie: meertalige interactieve web- en mobiele apps.

Alternatieven afbeeldingentekst

Alternatieven voor afbeeldingentekst, ook bekend als ‘alt text’ of ‘alternative text’, is een tekstreeks die beschrijft wat er in de afbeelding staat. Door alternatieven voor afbeeldingentekst toe te voegen, kunnen schermlezers de beschrijving van de afbeeldingen voorlezen.

Tekstkoppen

Tekstkoppen zijn een waardevol visueel hulpmiddel voor gebruikers om de paginastructuur te begrijpen. Het opnemen van verschillende tekstgroottes, met name grotere, verbetert de visuele begeleiding op de pagina en komt ten goede aan gebruikers met een cognitieve handicap. Bovendien vertrouwen tekst-naar-spraaklezers op koppen om gebruikers te helpen door een pagina te navigeren.

Om een goede contentorganisatie binnen uw app te garanderen, moet je een duidelijke kopstructuur instellen. Zie een kopelement.

Tekstkleur contrast

De UI van OutSystems biedt standaard de juiste tekst-contrastratio om te voldoen aan de toegankelijkheidsvereisten voor kleurencontrasten. De ingebouwde toegankelijkheidsfuncties, eenmaal ingeschakeld, verbeteren het contrast. Als de kleuren in app worden bewerkt, moet je ervoor zorgen dat het contrast nog steeds geldig is, door te verwijzen naar de minimale contrastcriteria.

Tekstafstand

Verbeter de leesbaarheid van de tekst door de gebruikers de tekstafstand in de toepassing te laten verhogen. Als je de tekstafstand wilt vergroten, maak je een actie die de toegankelijkheid uitvoert.

Formulier labels

Labels bieden bijschriften aan de invoervelden en beschrijven de informatie die aan de gebruiker wordt gevraagd.

Formuliervalidatie van schermlezers

Als je wil weergeven aan schermlezers en gebruikers dat het formulier niet geldig is, raadpleeg je het voorbeeld dynamisch in ARIA instellen.

Markering geselecteerde elementen

Als de ingebouwde toegankelijkheidsfuncties ingeschakeld zijn, kan je een visuele markering krijgen op de geselecteerde items op de pagina. Wanneer de gebruiker met de tab-toets tussen verschillende selecteerbare elementen navigeert, worden de geselecteerde elementen gemarkeerd.

Overslaan naar specifieke inhoud

Schermlezers slaan standaard repetitieve elementen over, zoals kopteksten en menu’s, en gaan naar de hoofdinhoud van een pagina om deze te lezen. Je zou wellicht willen dat schermlezers naar een specifiek gedeelte van de pagina kunnen gaan, anders dan de hoofdinhoud.