a11y: fix colour contrast and link distinction #12

Open
mgifford wants to merge 1 commit from mgifford/FOSSDEM-website:submit/01-contrast-and-link-fixes into main
First-time contributor

Validated by me, but identified with axe-core and AI.

Found with axe-core and Accessibility Insights FastPass on the landing page and the
Call for Stands post.

  • Light theme: darken --c-link to #2b6cb0 (4.49:1 -> 5.4:1 on white) and the code and
    callout colours used on #f6f6f6 (WCAG 1.4.3).
  • Dark theme: add --c-accent-text (#e879d0) for large and small accent text that was
    2.5:1 on #222: the '27 in the logo text, the landing date, callout titles and the
    calendar links. --c-main, the brand purple, is unchanged, so the logo, buttons and
    callout borders keep #ac1d94 (1.4.3).
  • Underline links inside body text, articles and the footer so they are not told apart
    from surrounding text by colour alone (1.4.1).
  • Drop opacity on .landing-license, which put the CC BY link below 4.5:1.
  • Mark the CC badge decorative (alt=""): the licence is named in the text beside it (1.1.1).

Co-Authored-By: Claude Sonnet 5.5

Validated by me, but identified with axe-core and AI. Found with axe-core and Accessibility Insights FastPass on the landing page and the Call for Stands post. - Light theme: darken --c-link to #2b6cb0 (4.49:1 -> 5.4:1 on white) and the code and callout colours used on #f6f6f6 (WCAG 1.4.3). - Dark theme: add --c-accent-text (#e879d0) for large and small accent text that was 2.5:1 on #222: the '27 in the logo text, the landing date, callout titles and the calendar links. --c-main, the brand purple, is unchanged, so the logo, buttons and callout borders keep #ac1d94 (1.4.3). - Underline links inside body text, articles and the footer so they are not told apart from surrounding text by colour alone (1.4.1). - Drop opacity on .landing-license, which put the CC BY link below 4.5:1. - Mark the CC badge decorative (alt=""): the licence is named in the text beside it (1.1.1). Co-Authored-By: Claude Sonnet 5.5
a11y: fix colour contrast and link distinction
Some checks are pending
ci/woodpecker/pr/woodpecker Pipeline is pending approval
21ecf9adb0
Found with axe-core and Accessibility Insights FastPass on the landing page and the
Call for Stands post.

- Light theme: darken --c-link to #2b6cb0 (4.49:1 -> 5.4:1 on white) and the code and
  callout colours used on #f6f6f6 (WCAG 1.4.3).
- Dark theme: add --c-accent-text (#e879d0) for large and small accent text that was
  2.5:1 on #222: the '27 in the logo text, the landing date, callout titles and the
  calendar links. --c-main, the brand purple, is unchanged, so the logo, buttons and
  callout borders keep #ac1d94 (1.4.3).
- Underline links inside body text, articles and the footer so they are not told apart
  from surrounding text by colour alone (1.4.1).
- Drop opacity on .landing-license, which put the CC BY link below 4.5:1.
- Mark the CC badge decorative (alt=""): the licence is named in the text beside it (1.1.1).

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Some checks are pending
ci/woodpecker/pr/woodpecker Pipeline is pending approval
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u submit/01-contrast-and-link-fixes:mgifford-submit/01-contrast-and-link-fixes
git switch mgifford-submit/01-contrast-and-link-fixes

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff mgifford-submit/01-contrast-and-link-fixes
git switch mgifford-submit/01-contrast-and-link-fixes
git rebase main
git switch main
git merge --ff-only mgifford-submit/01-contrast-and-link-fixes
git switch mgifford-submit/01-contrast-and-link-fixes
git rebase main
git switch main
git merge --no-ff mgifford-submit/01-contrast-and-link-fixes
git switch main
git merge --squash mgifford-submit/01-contrast-and-link-fixes
git switch main
git merge --ff-only mgifford-submit/01-contrast-and-link-fixes
git switch main
git merge mgifford-submit/01-contrast-and-link-fixes
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
FOSDEM/website!12
No description provided.