Innehåll vid hovring eller fokus

Silktide uppmanar dig att kontrollera att innehåll som visas när pekaren hovrar över ett element eller när det får tangentbordsfokus – verktygstips, rullgardinsmenyer och förhandsvisningskort – fungerar på det sätt som WCAG:s framgångskriterium 1.4.13 (nivå AA) kräver.

Detta är en : automatisering kan inte hovra över och fokusera varje utlösare på en sida och interagera med det som visas, så Silktide visar prompten på varje sida och en person bekräftar den.

Varför detta är viktigt

Innehåll som visas när pekaren hovrar över ett element eller när det får fokus är problematiskt för flera grupper om det inte fungerar på rätt sätt:

Användare av skärmförstorare visar sidan med hög förstoring och måste flytta pekaren till ett popup-fönster för att läsa det. Om popup-fönstret försvinner så fort pekaren lämnar dess utlösare går det aldrig att läsa.
Personer med motoriska skakningar råkar hovra över saker av misstag. Ett popup-fönster som bara kan stängas genom att flytta pekaren därifrån kräver precisa rörelser som de kanske inte kan utföra.
Alla som behöver mer tid förlorar innehåll som döljer sig självt efter en viss tid.

Vad som ska kontrolleras

För varje element som visar innehåll när pekaren hovrar över det eller när det får tangentbordsfokus ska du kontrollera alla tre punkter:

Kan stängas – det visade innehållet kan stängas utan att flytta pekaren eller fokus, vanligtvis genom att trycka på Escape. (Undantag: när det inte skymmer något, till exempel när ett felmeddelande för ett formulärfält visas i ett annars tomt utrymme.)
Kan hovras över – om innehållet utlöstes av hovring kan pekaren flyttas till det visade innehållet utan att det försvinner.
Består – det förblir synligt tills användaren stänger det, flyttar pekaren eller fokus därifrån, eller tills informationen inte längre är giltig. Inga timers för automatisk döljning.

Verktygstips för det inbyggda attributet title är undantagna (webbläsaren hanterar dem), men de har sina egna problem – se Etiketter med attributet title.

Så åtgärdar du problemet

Lägg till en hanterare för Escape som döljer popup-fönstret medan utlösaren behåller fokus.
Håll popup-fönstret öppet medan pekaren är över själva popup-fönstret, inte bara över utlösaren – nästla antingen popup-fönstret i utlösarens DOM eller överbrygga mellanrummet med ett område som tål hovring.
Ta bort automatisk stängning med setTimeout-liknande funktioner från verktygstips och menyer.

Om alla element på sidan som visar innehåll vid hovring eller fokus uppfyller kraven (eller om sidan inte har några sådana element) kan du resultatet.

Så testar Silktide detta

Silktide kan ännu inte upptäcka utlösare för hovring och fokus automatiskt, så denna kontroll skapar en granskningsprompt per sida med en beskrivning av vad som ska verifieras. Inget automatiserat verktyg testar för närvarande 1.4.13 – det finns ingen W3C ACT-regel för det. Vi planerar att upptäcka sannolika utlösare (lyssnare bundna till hovring och innehåll som visas med CSS) i en framtida version, så att prompten bara visas på sidor som behöver den.