Componenten

Taalkeuze

Wanneer een website ook aangeboden wordt in een andere taal dan Nederlands, dan kan er een taalkeuze getoond worden rechtsboven in de header van de website. Deze taalkeuze biedt ondersteuning voor twee talen.

Toegankelijkheid

  • De taalkeuze is een navigatiegebied met een aria-label waarmee beschreven wordt wat voor een navigatiegebied het is.
  • Er zit een screenreader-only koptekst in. Hiermee is de taalkeuze goed vindbaar wanneer de koppenstructuur van de pagina wordt opgevraagd.
  • Labels hebben een taalspecifiek lang attribuut, zodat screenreaders het in de overeenkomende taal voorlezen.
  • De talen hebben een beschrijvende aria-label in plaats van de taalcode.
  • Met een aria-current wordt aangegeven welke taal actief is.

Voorbeelden

De taalkeuze wordt gebruikt in de header van de applicatie en geplaatst direct na het skiplink element. Er worden hieronder twee voorbeelden getoond. Het eerste voorbeeld toont de taalkeuze in de context van de header en het tweede voorbeeld toont het losse taalkeuze element.

Voorbeeld in context van de header

Losstaand voorbeeld