From 698ac2ac630e40bd7443f0a6c934f0111c7dfb91 Mon Sep 17 00:00:00 2001 From: Fredrik Friis Date: Sun, 7 Jun 2026 01:38:17 -0700 Subject: [PATCH] Improve accessibility: contrast, landmarks, screen-reader hygiene MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The live site is the standalone index.html (deploy.yml rsyncs only that file; .nojekyll disables Jekyll). All fixes are scoped to it. Colorblind / low-vision (WCAG 1.4.3 contrast, white text on initial badges, 18px bold => needs 4.5:1): - Darken badges that failed or only met the large-text bar so all reach >=5:1 while keeping each brand hue: Toast #e8590c->#c2410c, Grindr #f0a020->#b45309 (was 2.15:1), Compare the Market #0ca678->#0f766e, SciPro #2f9e44->#197a37, Position Calculator feature badge accent-2 #3fb950->#177e39 (was 2.54:1). Expedia/Guvera already passed and are unchanged. Screen readers: - Add a
landmark around the Experience and Projects sections. - aria-hidden the decorative SVG link icons (+ focusable="false"); the visible "Email"/"GitHub"/"Resume" text is the accessible name. - aria-hidden the single-letter company initials and the "∑" project badge — redundant with the adjacent name, and announced as noise otherwise. - aria-hidden the decorative "→" in "Open it →". Keyboard: - Add a visible :focus-visible outline (only :hover was styled before). Body, muted, link and arrow text already pass (7:1–16:1) and are unchanged. Co-Authored-By: Claude Opus 4.8 --- index.html | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 4674eb0..b20604c 100644 --- a/index.html +++ b/index.html @@ -20,6 +20,7 @@ font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; letter-spacing:.1px} .wrap{max-width:var(--maxw); margin:0 auto; padding:0 22px} a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline} + :focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px} svg{display:block} header{padding:64px 0 26px} @@ -51,7 +52,7 @@ .feature{display:flex; gap:15px; align-items:center; margin-top:24px; padding:18px 20px; border:1px solid var(--line); border-left:3px solid var(--accent-2); border-radius:12px; background:var(--panel)} .feature:hover{text-decoration:none; border-color:var(--accent-2)} - .feature .badge{background:var(--accent-2)} + .feature .badge{background:#177e39} .feature h3{margin:0 0 2px; font-size:17px; color:var(--fg)} .feature p{margin:0; color:var(--muted); font-size:14px} .feature .go{color:var(--accent-2); font-weight:600} @@ -70,44 +71,45 @@

Fredrik Friis

delivering globally scalable solutions through applied Computer Science and system design, and technical bar-raising across organizations.

+

Experience

- T +

Toast

2023 – Present· Remote (US)

Senior Software Engineer.

- G +

Grindr

2023· Remote (US)

Senior Software Engineer.

- E +

Expedia Group

2017 – 2023· Brisbane, Australia

Senior Software Developer.

- C +

Compare the Market

2016 – 2017

Senior Software Engineer at the insurance aggregator.

- G +

Guvera

2015 – 2016

Project Lead Software Engineer at the music-streaming startup.

- S +

SciPro · Stockholm University

2011 – 2015

Team Lead Full-Stack Developer. Turned the in-house e-learning app SciPro into an award-winning, internationally used product.

@@ -117,11 +119,12 @@

Experience

Projects

- ∑ +

Position Calculator

-

Free, open-source trading calculator for fixed-percent-risk position sizing. Open it →

+

Free, open-source trading calculator for fixed-percent-risk position sizing. Open it

+