Retningslinje
1.4.13 Pekerfølsomt innhold eller innhold ved tastaturfokus
Gi brukere kontroll over innhold som vises ved hover eller fokus, så det ikke forsvinner før de er klare.
Suksesskriterium 1.4.13: Pekerfølsomt innhold eller innhold ved tastaturfokus (Nivå AA)
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
Tips
WCAG har flere krav knyttet til tastaturnavigasjon som med fordel kan testes samlet. Se testprotokollen for tastaturnavigasjon for flere detaljer.
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
Medvirkende