There are several problems in the context of focus outlines in Gin:
box-shadow: 0 0 0 1px var(--gin-color-focus-border),0 0 0 4px var(--gin-color-focus)
- in addition to that for some selectors the outline property is set to none
(gin.css in line 994 and 3466). Problem is, focus outlines defined by the box-shadow
property are not visible in Forced Colors mode (see https://stackoverflow.com/a/52616313 - looks like Claro uses the same approach @andrewmacpherson proposed in the linked post)
Discussed and iterated on the issue with @mgifford, @the_g_bomb, @katannshaw, and @drupa11y
admin/appearance/settings/gin
and test the different focus and accent color settings directly on the page. For testing the issue in Forced Colors mode make sure that before activating you’ve switched to dark mode.The group had a consensus about the following steps to improve the current state:
Active
4.0
User interface
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.