Divider

Divider är en linje som kan användas för att dela upp innehåll.

image-20240516-132843.png

Innehållsförteckning


Komponentkällor


1177

 

Inera

 

 

Tillgänglighet


En divider är oftast endast dekorativ för personer som tar del av det visuella innehållet. Om en divider däremot fyller en funktion även för personer som använder skärmläsare, eller är interaktiv måste det tydligt förmedlas.  

WCAG 2.2, 1.3.1 Information och Relationer (Nivå A):
Säkerställ tydliga och korrekta relationer mellan olika delar av sidan (som inkluderar divider linjen) för att underlätta för användare att förstå strukturen och innehållet.

WCAG 2.2, 1.4.3 Kontrast (Minimum) (Nivå AA):
Se till att det finns tillräcklig kontrast mellan dividerlinjen och dess omgivning för att säkerställa god synlighet och läsbarhet.

WCAG 2.2, 2.4.11 Fokus synligt (Minimum) (Nivå AA):
Säkerställ att fokus är tydligt synligt när användare navigerar över dividerlinjen, vilket hjälper till att indikera vilket element som för närvarande är markerat.

WCAG 2.2, 2.4.3 Fokusordning (Nivå A):
Se till att tabbnavigeringsordningen inkluderar dividerlinjen på ett logiskt sätt, vilket underlättar för användare att navigera på sidan med tangentbordet.

WCAG 2.2, 3.3.2 Etiketter eller Instruktioner (Nivå A):
Om dividerlinjen har en interaktiv funktion se till att det finns tydliga etiketter eller instruktioner för att vägleda användaren.

WCAG 2.2, 4.1.2 Namn, Roll, Värde (Nivå A):
Om dividerlinjen har en interaktiv roll, se till att dess namn, roll och eventuella värden läses upp med skärmläsare.

 

Feedback


Hjälp oss att förbättra den här komponenten genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.

Publicerad

Mar 31, 2022

Senast uppdaterad

May 16, 2024