Goed Begin

Maak jij digitale dingen voor andere mensen? Top, want deze pagina gaat volledig over maken voor mensen. Er zijn vier manieren waarop je jouw creatie voor iedereen kan verbeteren. Alle vier de manieren zijn te testen, op te lossen en verbeteren de bruikbaarheid voor iedereen.

Inhoudsopgave

Vier verbeteringen

Er is één flinke aanname voor een goed begin. Het gaat ervan uit dat je de basis van je gereedschappen kent. Valideer je code.

1. Toetsenbord

Je bouwt niet voor jezelf. Niet iedereen gebruikt een muis, dus test niet alleen met een muis. Het meest universele apparaat om mee te testen is een toetsenbord. Veel mensen gebruiken een toetsenbord of gebruiken iets dat samenwerkt met je creatie zoals een toetsenbord dat doet.

Als je de Tab-toets gebruikt, hoor je in een intuïtieve volgorde naar elk interactief element te gaan. Als je op Shift+Tab drukt, zou je de tegenovergestelde kant op moeten gaan. Als je alle functionaliteiten kan bereiken en gebruiken, dan ben je goed bezig.

Zorg er altijd voor dat het duidelijk is welk element de focus heeft. Zo kunnen mensen zich niet verdwaald voelen.

2. Contrast

Contrast is essentieel. Het communiceert lastig als je inhoud niet zichtbaar is voor mensen.

Er zijn veel gereedschappen die contrast meten door middel van een verhouding. De Color Contrast Analyzer wordt door veel mensen gebruikt. Je kan ook een gereedschap kiezen uit de bronnen, of misschien eentje die al in je favoriete omgeving zit. Elk gereedschap geeft je een contrastverhouding tussen twee kleuren, zoals een voorgrond- en achtergrondkleur. De zichtbaarheid van een hogere contrastverhouding is beter. Puur zwart-wit kan te hard zijn voor mensen.

Componenten en statussen van de gebruikersinterface moeten een contrastverhouding van minimaal 3,0:1 hebben. Meet deze verhouding tegen hun omringende kleuren. De contrastverhouding van grote tekst (minstens 24px, of minstens 19px en vetgedrukt) moet 3,0:1 of meer zijn. Alle andere tekst moet minimaal 4,5:1 zijn. Dit zijn minimumvereisten, geen doelen.

3. Alternatieven

Ooit geprobeerd een film te kijken op een drukke plek, of naar een podcast te luisteren zonder koptelefoon? Als je niet kunt zien of horen, is tekst een prettig alternatief om te hebben!

Bied ondertiteling aan voor video. Bied een transcriptie aan voor podcasts. Bied voor afbeeldingen tekstalternatieven aan. Tekstalternatieven moeten het doel van de afbeelding of de inhoud van de afbeelding overbrengen. Een decoratief beeld heeft geen alternatief nodig.

4. Formaat

Vergelijk een mobiele telefoon met een tablet, een laptop of een pc. Geen enkele schermgrootte is hetzelfde. Zorg ervoor dat wat je maakt dezelfde inhoud en functionaliteit biedt voor alle formaten. Laat mensen het ervaren in het formaat van hun voorkeur.

Inclusief Ontwerp

Gefeliciteerd! Volg deze stappen en je helpt veel mensen.

Tegelijkertijd is dit ook slechts een eerste stap, en er is meer wat je kan doen. Meer weten over Inclusief ontwerp en WCAG (Web Content Accessibility Guidelines)? Bekijk de bronnen!

Bijdragen

Deze pagina is geen samenwerking zonder bijdragen. Jouw hulp kan het nog beter maken. Creër inclusief.

Bronnen

Cursussen