Når innhold kommer til syne og så forsvinner ved at man holder musepekeren over innholdet og så flytter musepekeren vekk, eller ved at man flytter tastaturfokus til innholdet og deretter flytter fokus vekk, gjelder alle de følgende punktene:
Mulig å avvise: Det finnes en mekanisme for å avvise, eller lukke, det ekstra innholdet uten å flytte musepekeren eller tastaturfokuset, unntatt der det ekstra innholdet formidler en inndatafeil eller det ikke forstyrrer eller erstatter annet innhold.
Mulig å bruke ved å holde musepekeren over innholdet: Dersom ekstra innhold kommer til syne ved at man holder musepekeren over innholdet, kan pekeren flyttes over det ekstra innholdet uten at det ekstra innholdet forsvinner.
Vedvarende: Det ekstra innholdet forblir synlig helt til brukeren flytter musepekeren eller fokus, brukeren avviser innholdet eller informasjonen ikke lenger er gyldig.
Unntak: Den visuelle presentasjonen er kontrollert av brukeragenten og ikke endret av produsenten av nettinnhold.
Hvorfor er suksesskriteriet viktig?
Tooltips, menyer og popups som bare vises ved hover eller fokus kan fort skape trøbbel. Innholdet som utløses kan skjule annen viktig informasjon eller blir klippet bort. Brukere med motoriske utfordringer kan ha problemer med å holde pekeren stødig nok til at innholdet forblir tilgjengelig, for ikke å snakke om hvor irriterende det er når slikt innhold vises ved et uhell. Og mange, både med og uten funksjonsnedsettelser, rekker rett og slett ikke å lese og betjene slik innhold før det forsvinner. Når vi gir brukeren kontroll over hva som vises, hvor lenge det vises og hvordan det lukkes, blir det enklere for alle å bruke tjenestene våre.
Anbefalinger
Vær forsiktig med å vise informasjon kun ved hover eller fokus. Hvis informasjonen er viktig, vurder om det bør alltid være synlig uten at brukeren må gjøre noe. Hvis informasjonen er mindre viktig, kan det vises ved et klikk, i stedet for å dukke opp automatisk.
Vanlige misforståelser
Noen tenker at det må være tilstrekkelig å bruke nettleserens innebygde tooltip fra title-attributtet. Det stemmer at denne er unntatt fra WCAG-kravet, siden den er en del av nettleserens standardgrensesnitt. Likevel gir den innebygde tooltipen en for dårlig brukeropplevelse: den fungerer ikke med tastatur eller på mobil, forsvinner fort og kan ikke tilpasses.
Hvis du må bruke en tooltip, bruk Aksels Tooltip-komponent heller enn title-attributtet. Tooltip-komponenten løser mange av utfordringene med title-attributtet, som kort visningstid og manglende støtte for tastatur og berøringsskjerm.
Hvordan teste kravet
Kjernespørsmålet
Kan brukeren styre innhold som vises ved hover eller fokus?
Innhold du må teste
Alt innhold som vises ved hover eller fokus og deretter fjernes når hover eller fokus flyttes vekk, og der visningen ikke er styrt av nettleseren. Typiske eksempler inkluderer følgende:
egendefinerte tooltips
menyer og undermenyer
egendefinerte popups (innhold som spretter opp og vises samtidig som annet innhold, også kjent som ikke-modale popups)
Testmetode
For innhold som dukker opp ved fokus eller hover, sjekk at alle disse tre kravene er oppfylt:
Muspekeren kan flyttes over innholdet uten at innholdet forsvinner.
Innholdet forblir synlig inntil brukeren lukker innholdet, flytter fokus vekk fra det utløsende elementet eller informasjonen ikke lenger er relevant.
Innholdet kan avvises uten å måtte flytte fokus eller flytte muspekeren utenfor innholdet, med følgende unntak:
Innholdet er informasjon om inndatafeil
Innholdet ikke blokkerer annet meningsbærende innhold (inkludert elementet som åpnet innholdet)
Typiske måter av å avvise innholdet er ved å bruke Esc eller en lukkeknapp.
Ofte-stilte spørsmål
Nei. Kravet gjelder for innhold som vises i tillegg til elementet som utløser innhold. Skip-lenken utløser ikke nytt innhold, den gjør bare seg selv synlig ved fokus. Slike lenker er dermed ikke dekket av kravet.
Ja. Du må sørge for at innholdet kan aktiveres og brukes med berøring.
Utfordringen er at berøringsskjermer ikke støtter hover og fokus på samme måte som mus og tastatur. For ikke-interaktive elementer, kan det noen ganger fungere å vise ekstra innhold ved trykk, men dette er ikke egnet for interaktive elementer--der vil trykk normalt aktivere selve elementet. Derfor anbefaler vi generelt å unngå å vise informasjon kun ved hover eller fokus, spesielt når berøring er hovedmåten brukerne navigerer på (slik som på nav.no, der de fleste besøkene kommer fra mobil).
Hvis innholdet dekker annen informasjon, må du gi brukeren en tydelig måte å lukke det på. Det kan være en lukkeknapp eller Esc-tasten. Bruker du noe annet, må du forklare dette i innholdet.
Da bryter innholdet suksesskriterium 2.1.1 Tastatur. Innholdet som vises ved hover må også kunne utløses med tastatur.
Da bryter innholdet suksesskriterium 3.2.1 Fokus. Det skal ikke skje kontekstendringer når et element mottar fokus.