WCAG 2.2: Revisit button focus state

[owenatgov]

What

Revisit the focus state of the button component.

Why

During testing of this component against WCAG 2.2 criterion 2.4.13: focus appearance as part of https://github.com/alphagov/govuk-frontend/issues/4347, it was discovered that the secondary and inverse button variants don't pass this criterion. This is because for both variants, the contrast between the focus yellow and the default background of these buttons (grey and white) is too low.

Further reading

• Testing spreadsheet (internal only)
• https://github.com/alphagov/govuk-design-system/issues/3007 - related issue on focus state rationalisation

Who needs to work on this

Developers, designers

Who needs to review this

Developers, designers