Design, UX en toegankelijkheid begrijpen
Observeer een concrete taak naast de vormgeving. Verbind leesvolgorde, namen, toestanden en foutreacties. Grotere tekst en toetsenbordbediening tonen hindernissen die een statisch ontwerp niet zichtbaar maakt.
81 begrippen met definities en praktische adviezen.
Zoeken in het volledige glossarium
Een leesroute
1. Lezen ondersteunen
- Visuele hiërarchie
Grafische organisatie die aangeeft wat eerst moet worden gezien en begrepen door middel van grootte, contrast, ruimte en positie.
- informatie architectuur
Organisatie van inhoud, categorieën, labels en navigatiepaden, zodat informatie gemakkelijk te vinden en te begrijpen is.
- Leesvolgorde
volgorde waarin pagina- of documentinhoud wordt aangetroffen, inclusief door toetsenbord of hulptechnologie.
2. Interacties beschrijven
- Toegankelijke naam
Naam blootgesteld aan ondersteunende technologieën om een knop, veld, link of ander interactief onderdeel te identificeren.
- Componenttoestand
zichtbare toestand van een besturingselement, zoals focus, fout, laden of onbeschikbaarheid.
- Veldfoutbericht
Bericht dat is gekoppeld aan een formulierveld waarin het probleem wordt uitgelegd en de verwachte correctie.
3. Gebruik observeren
- bruikbaarheid
Gemak waarmee gebruikers een interface kunnen begrijpen, taken kunnen voltooien en fouten kunnen vermijden of herstellen.
- Responsief ontwerp
Ontwerp het aanpassen van lay-out, media en interacties aan verschillende schermformaten en omstandigheden.
- Cumulative Layout Shift (CLS)
Maatstaf voor visuele stabiliteit op basis van de grootste reeks onverwachte indelingsverschuivingen.
Nuttige onderscheidingen
Alternatieve tekst / Toegankelijke naam
Alternatieve tekst vertelt de beeldfunctie; een toegankelijke naam identificeert een element. Een afbeelding als bediening moet de actie uitleggen.
rammen / plant
Een wireframe onderzoekt structuur; een mockup werkt presentatie uit. Geen van beide bewijst een werkende browserroute.
Met begrippen een beslissing voorbereiden
Situatie
Een formulierfout is zichtbaar, maar het veld is met toetsenbord moeilijk te vinden.
Voor de beslissing
Controleer naam, koppeling van melding en volgorde. Alleen een andere kleur vertelt niet hoe iemand corrigeert.
Een concrete controle
Herhaal met ongeldige invoer zonder hulp van de ontwerper.
Alle begrippen van dit onderwerp
Links openen de volledige definitie op de alfabetpagina. Afkortingen en synoniemen blijven doorzoekbaar in het algemene glossarium.
- Boven de vouw
- Toegankelijkheidsconformiteitsrapport
- Toegankelijkheidsboom
- Digitale toegankelijkheid
- Toegankelijke beschrijving
- Toegankelijke naam
- ARIA
- Aria Live-regio
- Kunstrichting
- Mobiele sollicitatie
- Koolstofbewust ontwerp
- Interface-component
- Inzending bevestiging
- Cumulative Layout Shift (CLS)
- donker patroon
- grafiek beschrijving
- slepen en neerzetten
- Toegankelijke ingang
- Veldfoutbericht
- Europese Toegankelijkheidswet
- favoriet
- FID
- Figma
- Actief filter
- First Contentful Paint (FCP)
- Brandpunt
- font-display
- webformulier
- Gebruikersroute
- glyph
- hamburgermenu
- Hoofdnavigatie
- Icon
- Beeldoptimalisatie
- informatie architectuur
- Interaction to Next Paint (INP)
- ontwerptoken
- JPEG
- Kebab-menu
- Largest Contentful Paint (LCP)
- Layoutbreekpunt
- Downloadlink
- Lighthouse
- Mediaquery
- Mobiel menu
- Videominiatuur
- mobiel-first
- plant
- Navigatiepad
- Openingssectie
- Leesvolgorde
- Sort order
- bedekken
- Snelheidspagina
- Paginering
- Getagd pdf
- Performance Budget
- pixel
- Fallback-lettertype
- Professioneel portret
- Responsief ontwerp
- Foutoverzicht
- Gesynchroniseerde bijschriften
- vergelijkingstabel
- sjabloon
- Alternatieve tekst
- typografie
- UI
- bruikbaarheid
- UX
- Vector afbeelding
- viewport
- Visuele hiërarchie
- WCAG
- webontwerp
- Webnavigatie
- WebP
- rammen
- z-index
- Componenttoestand
- Staat zonder resultaten
Primaire referentiedocumenten
Deze documenten verklaren technische begrippen. Leesroutes en voorbeelden zijn redactionele methoden om aan uw project aan te passen.