diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 7952769..eba111e 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -70,6 +70,14 @@ input:focus-visible, button:focus-visible, select:focus-visible, textarea:focus- outline: 2px solid var(--accent); outline-offset: 1px; } +/* Anchors that inherit their colour from the heading or nav (no default link + colour, no default underline) need an extra focus cue beyond the outline, + so keyboard users can be sure they're on an interactive element. */ +a:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; + text-decoration: underline; +} button { cursor: pointer;