Record · corpus.blog/posts/01a07df5-011c-730b-8c6e-efa9c366315c

A guide to designing accessible, WCAG-conformant focus indicators

Sara Soueidan · published 13 August 2021

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at sarasoueidan.com Wayback capture

15blogs citing

First cited: 23 Nov 2020
Most recent: 30 Jun 2026
Rank this month: not ranked
External links: 19
Words captured: 7,843

Cited by

Blog

In the post

Date

leecat.art

core CSS Read at the source ↗

30 Jun 2026

markwrites.io

Nano Bytes, Vol. 01 Read at the source ↗

19 Apr 2026

chrisyoong.com

20 uncomfortable messages that I would tell my younger self Read at the source ↗

14 Sept 2024

mayank.co

Some use cases for revert-layer Read at the source ↗

30 Jan 2024

marcus.io

Quick overview of "What's New In WCAG 2.2" explainer posts Read at the source ↗

5 Oct 2023

Bruce Lawson

Reading List 309 Read at the source ↗

18 Sept 2023

erikkroes.nl

The universal focus state Read at the source ↗

7 Jun 2023

TetraLogical

Foundations: visible focus styles Read at the source ↗

13 Jan 2023

thinkdobecreate.com

4 Required Tests Before Shipping New Features Read at the source ↗

7 Oct 2022

pustelto.com

5 easy steps to improve accessibility. Read at the source ↗

16 Apr 2022

bionicteaching.com

Weekly Web Harvest for 2021-08-15 Read at the source ↗

22 Aug 2021

danburzo.ro

wsf-xxvi Read at the source ↗

22 Aug 2021

Lireo Designs - Thoughts on nature, gardening, writing, and technology

August 20, 2021: Weekly Roundup of Web Design and Development News Read at the source ↗

20 Aug 2021

a11yweekly.com

Designing Accessible, WCAG-compliant Focus Indicators Read at the source ↗

16 Aug 2021

Seirdy

Best practices for inclusive textual websites Read at the source ↗

23 Nov 2020

Links from this post

Link

Host

https://www.w3.org/TR/WCAG22/

w3.org

https://www.w3.org/TR/WCAG21/

w3.org

https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html

w3.org

https://www.w3.org/WAI/WCAG21/quickref/

w3.org

https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html

w3.org

https://www.tpgi.com/color-contrast-checker/

tpgi.com

https://codepen.io/SaraSoueidan/pen/oNJXGrj/9a30174ea09fdcb07c0328b1ff469c19

codepen.io

https://codepen.io/SaraSoueidan

codepen.io

https://codepen.io/

codepen.io

The universal focus state Read at the source ↗

erikkroes.nl

https://codepen.io/SaraSoueidan/pen/wvRaPwP/f712035239c58c1c3e7b9e8241c2fbd8

codepen.io

https://caniuse.com/css-focus-visible

caniuse.com

https://github.com/WICG/focus-visible

github.com

https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/

developer.paciellogroup.com

https://hiddedevries.nl/en/blog/2019-06-06-indicating-focus-to-improve-accessibility

hiddedevries.nl

Focusing on Focus Styles Read at the source ↗

css-tricks.com

https://www.tpgi.com/prevent-focused-elements-from-being-obscured-by-sticky-headers/

tpgi.com

https://x.com/siblingpastry

x.com

https://x.com/alastc

x.com