HTML inert-attributt

Hvis du krysser av for inert skal du ikke kunne aktivere lenken til Aksel og knappen nedenfor. Innholdet skal skjules for skjermlesere. VoiceOver iOS/Mac og Safari har litt trøbbel med å vise/skjule innholdet hvis du sveiper (eller piler) til forrige/neste når attributtet settes dynamisk (som nedenfor). Tar du på skjermen i stedet for å sveipe fungerer det. På Mac må du gå litt fram/tilbake før innholdet er riktig oppdatert. VoiceOver fungerer fint med Chrome.

inert

Du kan ikke bruke inert=true/false. Skjermlesere vil skjule innhold merket med inert så snart attributtet eksisterer. Sjekk evt. koden nedenfor.

function toggleInert() {
  const testDiv = document.getElementById('testDiv');
  const checkbox = document.getElementById('inertCheckbox');
  if (checkbox.checked) {
    testDiv.setAttribute('inert', '');
  } else {
    testDiv.removeAttribute('inert');
  }
}