Level-Setting Heading Levels 🔗
TL;DR: Avoid setting heading levels greater than six (6). This applies whether using aria-level or the proposed headingstart HTML attribute. Use HTML [...]
Adrian Roselli
Posts
A Brief Note on Highlighted Text 🔗
TL;DR: If you plan to style text highlighted by the browser, you must give it sufficient contrast — 3:1 for the highlight block against its background [...]
What You Can Do as a Web Builder on Earth Day 🔗
One easy thing you can do for the earth is not use “AI” tools. Consider this as a programmer, web developer, web designer, copywriter, webmaster, etc. [...]
Long Alt 🔗
TL;DR: Keep your image alternative text brief, devoid of special characters, empty of URLs, and ideally in one language. Here We Go Sometimes you can [...]
CSUNATC: WCAGmire 🔗
Download a 4.4MB tagged PDF of my slides or try the embedded view if your browser displays PDF inline. The text in the slides is set in Atkinson Hyper [...]
The Ultimate Ideal Bestest Base Font Size That Everyone Is Keeping a Secret, Especially Chet 🔗
It’s none. Clarification Let me clarify: don’t set a base font size. body { /* font-size: yeah, no */ } Got a linter or code checker or boss-man hassl [...]
Web Turns 35, Seems Popular 🔗
The world wide web has officially lasted 35 consecutive years, which means it’s catching up to its parent, the Internet, which itself is bearing down [...]
Jakob Has Jumped the Shark 🔗
Yes, that is the bear from Jakob’s clearly spurious alternative text example and yes, that is The Fonz after jumping the shark. If you have been follo [...]
Check-All / Expand-All Controls 🔗
Controls that can operate other controls in bulk are not new. One common example is a single checkbox that allows you to check or uncheck a group of c [...]
Techniques to Break Words 🔗
Photo by studio tdes. Used under CC BY 2.0 Deed. Image cropped and contrast enhanced. A few days ago Benjy Stanton asked about breaking long words in [...]