← Tillbaka till alla riktlinjer

1.4.13

Fokus eller hover visar nytt innehåll

Ibland kan innehåll visas eller försvinna på en webbsida genom att hålla musen över ett visst område eller genom tangentbordsfokus. Denna riktlinje handlar om att göra sådant innehåll tillgängligt för alla användare. Exempel på sådant innehåll är informationsrutor, undermenyer och andra popup-rutor.

Det rekommenderas att undvika innehåll som visas vid fokus eller hover. Om det ändå används, måste tre regler följas:

• Ta bort: Användare måste kunna stänga rutan.
• Hålla musen över: Användare måste kunna hålla musen över det innehållet utan att det försvinner.
• Finnas kvar: Innehållet ska vara kvar så länge musen eller fokus är på det.

Ta bort

Användaren måste kunna ta bort innehållet utan att flytta musen eller tangentbordsfokus. Användare som zoomat in har mindre skärmyta, vilket kan göra att nytt innehåll stör eller blockerar annat innehåll.

Lösningsförslag

Placera det nya innehållet så att det inte täcker något annat på sidan. Ett annat alternativ är att låta användaren stänga rutan med en knapp, till exempel Escape-tangenten.

Hålla musen över

Användaren måste kunna flytta musen till det nya innehållet utan att det försvinner. Användare som zoomat in kan ha svårt att se hela innehållet och kanske behöver scrolla. Detta är omöjligt om musen måste vara kvar på elementet som öppnade innehållet.

En annan anledning till denna regel är för användare med förstorad muspekare. Musen kan ibland täcka innehåll, och användaren måste kunna flytta musen för att läsa allt.

Lösningsförslag

Ett sätt att lösa detta på är att flytta musen till det nya innehållet när det dyker upp. Detta förutsätter att det nya innehållet visas bredvid eller täcker elementet som öppnade det.

Finnas kvar

För att alla användare ska ha tid att läsa och använda det nya innehållet, måste det vara synligt tills användaren stänger ner det eller flyttar musen eller fokus bort från det. Det nya innehållet får alltså inte bara vara synligt en viss tid.

Exempel

Den första rutan tar fram innehåll som inte går att sätta musen över. Det går inte heller att ta bort innehåller på något sätt utan att flytta musen. Det gör det svårt att läsa texten som kommer efter.

Den andra rutan tar fram innehåll som det går att sätta musen över. Det går även att trycka på Escape-tangenten för att ta bort innehållet utan att behöva flytta på mus eller fokus.

Undantag

Om det nya innehållet helt kontrolleras av användarens webbläsare och inte har ändrats, är det undantaget från riktlinjen. Ett exempel är inbyggda tooltips i webbläsaren:

Håll musen här

Ta bort

Om det nya innehållet är ett felmeddelande från ett inmatningsfält, är det undantaget från denna regel. Det är också undantaget om det inte täcker något annat på skärmen.

Finnas kvar

När innehållet inte längre är relevant, är det undantaget från denna regel. Ett exempel är ett meddelande som säger “upptaget”. När det inte längre är upptaget, är det okej att sluta visa meddelandet.

Läs mer om riktlinje 1.4.13 på W3Cs webbplats.