diff --git a/src/events/components/Survey.module.scss b/src/events/components/Survey.module.scss index a5e4026d92a6..2b3619b80e2f 100644 --- a/src/events/components/Survey.module.scss +++ b/src/events/components/Survey.module.scss @@ -14,3 +14,12 @@ text-decoration: underline; } } + +// Override Primer's form-control border color to meet WCAG 1.4.11 Non-Text Contrast +// (requires 3:1 contrast ratio against adjacent colors). +// The default Primer light-theme border (#d0d7de / #dce1e6) has only ~1.3–1.7:1 contrast +// against a white background. Using --fgColor-muted provides sufficient contrast in all themes. +// See: https://github.com/github/accessibility-audits/issues/16368 +.accessibleBorder { + border-color: var(--fgColor-muted, #57606a) !important; +} diff --git a/src/events/components/Survey.tsx b/src/events/components/Survey.tsx index 447740d3477b..dfc9e9d9860d 100644 --- a/src/events/components/Survey.tsx +++ b/src/events/components/Survey.tsx @@ -187,7 +187,7 @@ export const Survey = () => { {t`additional_feedback`}