Statusmeldinger gjengis ikke til opplesende hjelpemidler

På siden informasjonsmøter har brukeren mulighet å søke opp informasjonsmøter etter et spesifikk postnummer. Selve søkeresultatet gjengis ikke, hverken når ingen treff er funnet eller hvor mange som vises. Visuelt kan vi se dette enten via en tekst som dukker opp ved ingen treff, eller ved å telle antallet treffer i listen. For en brukere som ikke ser må vi også gjengi samme informasjon uten at de må navigere seg videre på siden.

Det samme gjelder for den globale søkefunksjonen hvor teksten “Søket ga ingen treff” mangler aria-live.

Siden søkreresultatet presenteres i en liste, også programmatisk, kan man gjør den koblingen og gjengi antallet i et skjult span element, se kodeeksempel nedenfor.

<div class="bd-pointer-link-list">
    <span class="sr-only" aria-live="polite" aria-atomic=”true”><span class ="number-meeting">2</span> <span> informasjonsmøter funnet</span>

Da kan dere med skript si at antallet i listen skal gjengis i span med class .number-meeting. 

Ved hjelp av aria attributtet aria-live=“polite”, vil meldinger gjengis til skjermleser. Ved bruk av aria-atomic=“true” sikrer man at hele teksten blir opplest og ikke kun antallet. 

Dersom søkeresultatet ikke skulle gi noen treff, må dere sette en aria-live på teksten som blir vist.

<div class="bl-validation bl-validation--warning" aria-live="polite">OBS! Vi kunne ikke finne søket ditt..</div>