Skip to main content
UI Patterns

Paginering

Gebruik nav met aria-label="Paginering". Huidige pagina krijgt aria-current="page". Uitgeschakelde links gebruiken aria-disabled, niet verwijderde href. Bied duidelijke vorige/volgende labels.

In gewone taal

Links naar paginanummers moeten voorzien zijn van duidelijke labels en een aanduiding voor de huidige pagina; niet alleen kale getallen en pijltjes.

Waarom dit belangrijk is

Kale cijfers en pijltjes geven gebruikers van schermlezers geen enkel idee waar links naartoe leiden of op welke pagina zij zich bevinden, en kleine pijltjes zijn moeilijk aan te tikken voor mensen met motorische beperkingen.

Hoe te detecteren

Snelle controle

Controleer of de paginering zich in een element met de label <nav>, dat de huidige pagina de attribuutwaarde aria-current=&#x27;page&#x27; bevat, en dat elke link betekenisvolle tekst bevat (&#x27;Pagina 3&#x27;, &#x27;Volgende pagina&#x27;) in plaats van alleen een symbool.</nav>