Inconsistent focus order of first and second focusable elements (Skip Link VS Logo) between pages

[savitris]

Dit probleem kan op meerdere pagina's aanwezig zijn, waaronder:
Zoek API's
Aan de slag met API's

Probleembeschrijving:
Probleem: De focusvolgorde van elementen bovenaan de pagina is niet consistent binnen de geanalyseerde pagina's. Op de pagina's 'Zoek APIs' en 'Zoek APIs CBS Cijfers' is het eerste focusbare element de Skip Link en het tweede focusbare element het 'Developer Overheid' logo. Op de pagina's 'Aan de Slag met API's', 'API's' en 'Blog' is het 'Developer Overheid' logo echter het eerste focusbare element en de Skip Link het tweede focusbare element.

Mogelijke verbeteringen: Standaardiseer de focusvolgorde op alle pagina's, bij voorkeur met eerst de Skip Link en daarna het logo. Pas de DOM-volgorde en/of tabindex-waarden aan om ervoor te zorgen dat dit patroon op alle pagina's van de website consistent wordt toegepast.
Let op: de homepagina heeft het logo niet als focusbaar element, dus daar is het eerste focusbare element altijd de Skip Link.

Referentiecode:
<a href="#hoofdinhoud" class="skip-to-content">Naar hoofdinhoud</a>

Gerelateerde WCAG:
WCAG 2.4.3 Focus order + 3.2.3 Consistent Navigation
Level A + AA

Referentieafbeelding:

Referentienummer: A156