Toegankelijkheid in mobiele ontwikkeling: wat het is, welke standaarden en hoe te implementeren

Wat is toegankelijkheid?

Accessibility (afgekort a11y — letter a + 11 letters + y) is de eigenschap van een product om bruikbaar te zijn voor mensen met een beperking. In de context van mobiele applicaties betekent dit: ondersteuning voor schermlezers (VoiceOver, TalkBack), voldoende tekstgrootte, hoog contrast, correcte focusvolgorde voor toetsenbordnavigatie en afwezigheid van geanimeerde elementen die duizeligheid veroorzaken.

Inclusiviteit is niet alleen een ethische maar ook een wettelijke verplichting. Veel landen hebben wetten voor digitale toegankelijkheid: ADA (VS), Section 508, European Accessibility Act (EU, verplicht voor apps vanaf 2025). Volgens het Business Disability Forum verhogen bedrijven die investeren in toegankelijkheid hun publiek met 15–20% en verminderen ze juridische risico's.

Bij IT Sectr controleren we toegankelijkheid in elke fase van de ontwikkeling. Onze ervaring leert: het oplossen van toegankelijkheidsproblemen in de ontwerpfase is 10 keer goedkoper dan na de release. Toegankelijkheid is geen functie, maar een basisvereiste voor een moderne applicatie.

iOS: VoiceOver, Accessibility Label, Trait

Het Apple-ecosysteem biedt krachtige toegankelijkheidstools. VoiceOver is een ingebouwde schermlezer die alles wat er op het scherm gebeurt verwoordt. De gebruiker bedient het apparaat met gebaren: veeg naar rechts — volgend element, veeg naar links — vorig element, dubbeltik — activering.

Accessibility Label is de tekst die VoiceOver voor een element leest. Standaard gebruikt iOS de knoptekst of het label, maar voor pictogrammen en grafische elementen moet u het label expliciet instellen. Accessibility Trait is een eigenschap die het elementtype beschrijft: button (knop), header (koptekst), link (link), image (afbeelding). Correcte traits helpen de gebruiker te begrijpen hoe met een element te interacteren.

VoiceOver en Accessibility Label

VoiceOver ondersteunt meer dan 40 talen en werkt op alle Apple-apparaten. Voor de ontwikkelaar is het belangrijkste om correcte accessibilityLabel en accessibilityTraits in te stellen voor elk interface-element. Als een element niet toegankelijk hoeft te zijn (decoratieve afbeelding), stelt u isAccessibilityElement = false in.

// Swift — toegankelijkheidsconfiguratie voor een knop
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "Dit artikel delen"
shareButton.accessibilityHint = "Opent een dialoog voor het kiezen van een verzendmethode"
shareButton.accessibilityTraits = .button

// SwiftUI — nog eenvoudiger
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("Delen")
        .accessibilityHint("Opent het deelmenu")
    }
}

De code toont de toegankelijkheidsconfiguratie voor een knop zonder tekst (alleen pictogram). AccessibilityLabel is wat de gebruiker zal horen. AccessibilityHint is een extra aanwijzing over het resultaat van de actie. Gebruik geen zinnen als «knop voor» in het label — Trait geeft al aan dat het een knop is.

Android: TalkBack, Content Description

TalkBack is de schermlezer van Google voor Android, onderdeel van het Android Accessibility Suite-pakket. Net als VoiceOver verwoordt het interface-elementen en wordt het bediend met gebaren. TalkBack ondersteunt meer dan 100 talen en werkt op alle apparaten met Google Play Services.

Content Description is het equivalent van accessibilityLabel op Android. Het wordt ingesteld via het attribuut android:contentDescription in XML of via de methode setContentDescription() in code. Voor niet-focusbare elementen (decoratieve ImageView) gebruikt u importantForAccessibility="no".

TalkBack en Focus Order

Focus Order (focusvolgorde) is de volgorde waarin TalkBack tussen elementen beweegt bij het vegen. Standaard gebruikt Android de volgorde van elementen in de lay-out, maar deze kan worden gewijzigd via de attributen accessibilityTraversalBefore en accessibilityTraversalAfter. Dit is belangrijk voor complexe schermen met aangepaste componenten.

Bij IT Sectr controleren we de Focus Order op elk scherm. Fouten in de focusvolgorde behoren tot de meest voorkomende toegankelijkheidsproblemen. Als de gebruiker bijvoorbeeld na een kop naar opmerkingen gaat in plaats van naar de artikeltekst — dat is een toegankelijkheidsfout.

WCAG en standaarden

WCAG (Web Content Accessibility Guidelines) is een internationale toegankelijkheidsstandaard ontwikkeld door W3C. De huidige versie is WCAG 2.2 (2023). De standaard is verdeeld in 4 principes: Perceivable (waarneembaar), Operable (bedienbaar), Understandable (begrijpelijk), Robust (robuust) — afkorting POUR.

WCAG-niveaus: A (minimaal), AA (gemiddeld, wettelijk verplicht in de EU), AAA (maximaal). Voor mobiele applicaties is niveau AA voldoende: tekstcontrast van minimaal 4.5:1, ondersteuning voor schermlezers, minimale doelgrootte van 44x44 pixels, ondertiteling voor video.

WCAG-niveaus

Niveau A — basisvereisten: tekstalternatieven voor afbeeldingen, toetsenbordbediening, contrast van minimaal 3:1. Niveau AA — gemiddeld: contrast 4.5:1, ondersteuning voor schalen tot 200%, correcte koppen en labels. Niveau AAA — hoog: contrast 7:1, gebarentaal voor video, volledige spraakbediening. In de praktijk streven de meeste bedrijven naar AA.

Tabel 2. Vergelijking van iOS- en Android-toegankelijkheids-API's. Ondanks verschillende namen zijn de concepten identiek: label, type, focusvolgorde en ondersteuning voor tekstaanpassing.

Toegankelijkheid testen

Toegankelijkheidstesten is het controleren van een applicatie op naleving van WCAG-standaarden en correcte werking met schermlezers. De minimale set tests: schakel VoiceOver/TalkBack in en navigeer door alle schermen van de applicatie. Luister om te controleren of alle elementen worden aangekondigd, de focusvolgorde logisch is en ongepaste (decoratieve) elementen worden genegeerd.

Geautomatiseerde tools: Xcode Accessibility Inspector (audit in Xcode voor iOS), Android Accessibility Scanner (scant het scherm en vindt problemen), Axe DevTools, WAVE. Deze tools controleren contrast, doelgrootte, aanwezigheid van labels en andere parameters.

Bij IT Sectr voeren we voor elke release een toegankelijkheidsreview uit. Het proces omvat: geautomatiseerde audit (Accessibility Inspector), handmatig testen met VoiceOver en TalkBack, controle van contrast en tekstschaling. We registreren problemen in Jira en wijzen ze toe aan een sprint. Dit stelt ons in staat om WCAG-niveau AA in alle projecten te handhaven.