Is it possible to customize the appearance of the focused element when Full Keyboard Access is enabled?

When Full Keyboard access is enabled, the currently focused element is indicated by a thick border (first screenshot below). If the focused element is inside a focus group, e.g. a UIScrollView, then the thick border encloses the entire focus group, and the focused element is indicated by a change in background color instead (second screenshot below). These two types of focus state seem to use the tintColor of the element.

We were advised that the change in background color does not meet WCAG standards since the contrast ratio between the non-focused state and the light blue focused state is not high enough.

Apart from changing the tintColor, is there any other way to customize the focused appearance of an element? It would be ideal if we could apply a border to the focused element even when it's contained in a focus group, rather than just changing the background color.

Post not yet marked as solved Up vote post of glow Down vote post of glow
373 views

Replies

@glow the focus indicator is driven by the operating system and it also is adjustable in the Settings under full keyboard access. This makes it not applicable for the non-text- contrast WCAG SC.

@jsponger Thank you, I had completely overlooked the size/contrast settings for Full Keyboard Access.