Practical examples of implementing WCAG 2.2 focus appearance

Hello everyone,

I wanted to share a recent observation and also ask for insights from the
group.

In some projects we’ve worked on, the new WCAG 2.2 focus appearance
requirements (2.4.11 and 2.4.12) have raised questions among designers and
developers. Specifically:

   - How do you balance sufficient contrast of focus indicators with brand
   guidelines that use subtle color palettes?
   - Have others found practical patterns or component libraries that
   already meet these requirements “out of the box”?
   - For teams with limited resources, what’s the most efficient way to
   retrofit focus indicators on large design systems?


I would be very interested to hear about experiences, solutions, or
approaches that others in this community have tried.

Thank you in advance for sharing your perspectives!

Best regards,
Allon Dery
Bureau Toegankelijkheid


*Samen bouwen aan een inclusieve digitale wereld.*

*www.bureautoegankelijkheid.nl <http://www.bureautoegankelijkheid.nl>*