Focus style accessibility – Is colored underline enough of a change?
I am currently assessing styles for accessibility for a project onto which I am working. Overall, the layout has a black background (#050000) and text and components are either beige (#FEF0D6) or white. All this is has a fine contrast, as per WebAim's contrast checker.
My worry is that the focus styles are using an orange underline/outline (#E87C29) which is not contrasted enough with the white or beige (respectively 2.85:1 and 2.53:1), meaning that it is likely that the focus would not be visible enough.
There is an alternative color available in the branding styleguide, a green, that could be used since it has a greater contrast.
My question is: am I correct in thinking that the contrasting colors should not only be in a static reading of a layout, but also in between states?