detfaellesdesignsystem / dkfds-components

Styling og komponenter
Other
43 stars 13 forks source link

Brug :focus-visible i stedet for :focus til fokus markeringer #233

Open ClausWiingreen opened 1 month ago

ClausWiingreen commented 1 month ago

Navn i designsystemet (Feature name in the design system) Alle fokuser bare elementer (knapper, inputs, links, o.l.)

Link til det der skal opdateres (URL to what needs to be updated) N/A

Skyldes dit forslag et problem? Beskriv venligst. (Is your update request related to a problem? Please describe.) Når man klikker på links og knapper bliver fokus makeringen placeret over det element man har fokuseret på. Det ser underligt ud når man gør det i forms med forskellige inputs, og matcher ikke default behavior for de fleste browsere. I kan læse mere om forskellen på :focus og :focus-visible her: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#focus_vs_focus-visible

Beskriv det du gerne ser ske. (Describe the solution you'd like) Erstat :focus selectorsne med :focus-visible for alle links, knapper og input.

Beskriv de alternativer du har overvejet. (Describe alternatives you've considered) Hvis det er et bevist valg skal det selvfølgelige ikke ændres, men det er en af de der finpusning ting der er så nemt at lave.

Supplerende bemærkninger (Additional context) N/A

detfaellesdesignsystem commented 1 month ago

Hej @ClausWiingreen

Tak for din henvendelse. Det er et interessant forslag, som vi vil kigge nærmere på og vurdere i forhold til konventioner, tilgængelighed og brugervenlighed.

Vi har lagt en opgave i vores backlog om at kigge på dette.

Venlig hilsen Det Fælles Designsystem