/* ========================================================================== Accessibility remediation (WCAG 2.1 AA) Added in response to the EnableUser audit. Loaded last in so these rules win over the theme defaults without editing the vendor/theme CSS. ========================================================================== */ /* -------------------------------------------------------------------------- SC 2.4.1 Bypass Blocks — "Skip to main content" link. Visually hidden until focused, then pinned to the top-left so keyboard users can jump straight to
. -------------------------------------------------------------------------- */ .skip-link { position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 10px 16px; background: #1B3096; color: #ffffff !important; font-weight: 600; text-decoration: none; border-radius: 0 0 4px 0; } .skip-link:focus { left: 0; outline: 3px solid #ffbf47; outline-offset: 0; } /* -------------------------------------------------------------------------- SC 2.4.7 Focus Visible — make keyboard focus obvious on every interactive element. The theme set `outline: 0` on links/buttons, which removed the only focus cue for keyboard users. -------------------------------------------------------------------------- */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible { outline: 3px solid #1B3096 !important; outline-offset: 2px !important; } /* -------------------------------------------------------------------------- SC 1.4.3 Contrast (Minimum) — default link colour. Theme default #0085BA gives only 4.15:1 on white; #0073A8 gives 5.23:1. -------------------------------------------------------------------------- */ a { color: #0073A8; } a:hover, a:focus, a:active { color: #14246f; } /* -------------------------------------------------------------------------- SC 1.4.1 Use of Colour + SC 1.4.3 — in-content links must be distinguishable from surrounding text by more than colour alone, and must meet contrast. Underline links that sit inside running prose only (not nav bars, buttons, cards, footers or menus, which are identifiable by layout/position). -------------------------------------------------------------------------- */ .site-main p a, .site-main li a:not(.page-link):not(.button-text):not(.button-round), .single-post-section article a, .about-page-section .team-inner a, .entry-content p a, .footer-note a { text-decoration: underline; text-underline-offset: 2px; } /* -------------------------------------------------------------------------- axe "region" — the copyright bar is now nested inside the