Modalvinduer er ikke kodet riktig

Dere har tenkt riktig i forhold til at modalvinduer må ha en tekstbeskrivelse, men, derimot har dere brukt aria-labelledby og-/eller aria-describedby til et ID:er som ikke eksiterer.

<div class="bd-modal__content is-open"><div role="dialog" aria-labelledby="modal-heading" aria-describedby="modal-content">
<h2 class="bl-size-2 bl-p-b-4">Påmelding</h2>

Dersom dere ønsker å gi modalvinduer en tekstbeskrivelse manuelt, må dere bruke aria-label. Hvis ikke, så må aria-labelledby og aria-describedby være koblet til et spesifikk ID som finnes i koden hvor modalen ligger. Som for eksempel overskriftens ID, se oppdatert kodeeksempel nedenfor.

<div class="bd-modal__content is-open"><div role="dialog" aria-labelledby="modal-heading">
<h2 class="bl-size-2 bl-p-b-4" id="modal-heading">Påmelding</h2>

• Forsikre at alle modalvinduer er koblet til overskriften ved bruk av aria-labelledby + ID på overskrift. Alternativt at dere bruker aria-label og gir selv en tekstbeskrivelse.
• Bruk aria-modal=“true” for å sikre at innholdet bak ikke blir tilgjengelig for skjermleser. Bruk også aria-hidden=“true” på alt innhold bak så lenge modalvinduet er åpent.
• Forsikre at innholdet bak ikke er tilgjengelig med tastatur.