Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest and divest. Hide

Frontend Dogma

“contrast” News Archive

Supertopics: · subtopics:  (non-exhaustive) · glossary look-up: “contrast”

Entry (Sources) and Other Related TopicsDate#
Implement WCAG Rules in Your Infographics (a11)86
, , , , , ,
Top 5 Web Accessibility Issues in 2024 (and How to Fix Them) (int)85
, , , ,
Exploring the CSS “contrast-color()” Function… a Second Time (dxn/css)84
, , ,
How to Have the Browser Pick a Contrasting Color in CSS (jen/web)83
, , , ,
A11y 101: 1.4.11 Non-Text Contrast (nat)82
, , ,
Color Contrast and Readability: The Cornerstones of Accessible Design81
, , , ,
A11y 101: 1.4.3 Contrast (Minimum) (nat)80
, , , ,
Quick Accessibility Wins That Are Easy to Implement (kev)79
, , , , , , , , ,
Relative Colors (sha)78
, ,
12 Web Accessibility Tips to Make Your Site More User-Friendly77
, , , , , , , ,
10 Digital Accessibility Mistakes to Avoid76
, , , , , , , , , , , ,
WCAG Colour Contrast: What Does the 4.5:1 Ratio Actually Mean? (the)75
, ,
Microsoft Improves Text Contrast for All Windows Chromium Browsers (ser/ble)74
, , , ,
Accessibility First: How to Design Inclusive Frontend Experiences73
, , , , , , , , ,
Forced Colors Mode Futility (css/mat)72
, ,
How to Make a Tonal Color Palette by Stealing From Nature (fel/uxd)71
, , , ,
10 Simple Ways to Make Your Social Media Posts Accessible70
, , , , ,
But Why?? (a11)69
, , , , , ,
In Detail: 1.4.11 Non-Text Contrast (User Interface Components) (yat)68
, , ,
“contrast-color()” Is a Good Thing, but Also Solving the Problem at the Wrong Layer (eri)67
, , ,
Transparent Borders (bra)66
, , ,
A Brief Note on Highlighted Text (aar)65
, , ,
The Impact of Color Contrast on Accessibility64
,
You Want “border-color: transparent”, Not “border: none” (dav/fro)63
, , ,
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)62
, , , , ,
How Accessibility Standards Can Empower Better Chart Visual Design (sma)61
, ,
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)60
, , ,
Hover Contrast Bookmarklet (joe)59
, , ,
What Should Be the Contrast Level of Inactive Buttons? (uxd)58
, ,
Color Contrast Accessibility Tools With Examples (pop)57
, , , ,
The Easy Intro to the APCA Contrast Method (myn)56
, , ,
Contrast Checker Bookmarklet (web)55
, ,
When I Get That Low Contrast Feeling, I Need Non-Textual Healing (llo/tpg)54
,
Fix Color Contrast—Web Accessibility for Text and UI Design53
,
16 Little UI Design Tips That Make a Big Impact52
, , , , , ,
A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg)51
, , ,
Non-Text Content Contrast Also Matters50
,
Why Is Making a Dark Mode Greyscale So Hard to Get Right?49
, ,
Creating a High-Contrast Design System With CSS Custom Properties (uti/sma)48
, , ,
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)47
,
Getting WCAG Color Contrast Right (luk/uxd)46
, ,
Testing Web Design Color Contrast (arg/dev)45
,
Clarifying Color Contrast and Font Size Guidelines (mar)44
, ,
The Realities and Myths of Contrast and Color (sma)43
, ,
An Argument Against CSS Opacity (tpg)42
, ,
Color and Contrast41
, ,
The Guide to Windows High Contrast Mode (its/sma)40
, , ,
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?39
, , ,
APCA: The New Algorithm for Accessible Colour Contrast38
, ,
How to Fix Your Low-Contrast Text (ben)37
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma)36
, , , ,
Foundations: Colour Contrast (tet)35
, ,
An Introduction to High Contrast Accessibility34
, ,
It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat)33
, , , ,
A Contrast of Errors32
, ,
WCAG 3 and APCA31
, , ,
Why Color Contrast Is Not as Black and White as It Seems30
,
Designing for Color Contrast: Guidelines for Accessibility29
, ,
Using JavaScript to Detect High Contrast and Dark Modes (sco)28
, , ,
Color and Universal Design (uxm)27
, , ,
Color and Contrast, What Does It Mean? (eri)26
,
Accessible Contrast Ratios and A-Levels Explained25
,
Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work24
, ,
Evaluating Color and Contrast—How Hard Can It Be? (web)23
,
How to Find and Fix Common Website Accessibility Issues (kil)22
, , , , ,
Understanding Web Accessibility Color Contrast Guidelines and Ratios (css)21
, ,
Color Theory and Contrast Ratios (tel/24a)20
, ,
Color Contrast Accessibility Tools (fon/css)19
, ,
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)18
, , , , , ,
Accessible SVGs in High Contrast Mode (eri/css)17
, , ,
Ensure High Contrast for Text Over Images16
, , ,
Low-Contrast Text Is Not the Answer15
, ,
Don’t Forget About Contrast (ali)14
,
Design Principles: Connecting and Separating Elements Through Contrast and Similarity (sma)13
, ,
Calculating Color Contrast (bri/24w)12
,
Contrast Is King (ali)11
,
Subtle Contrast in Design10
,
Principles of Design: Contrast9
, ,
Focus on Typography: Contrast8
,
Accessibility Basics: Testing Your Page for Color Blindness (chr/css)7
, , , , ,
Color Contrast Comparer (Chip Cullen)6
, , , ,
Color Contrast Analyzer (Myndex) (myn)5
, , , , ,
Color Contrast Analyzer (Polypane) (pol)4
, , , , ,
Color Contrast Analyzer (Protean Studio)3
, , , , ,
Color Contrast Comparer (Directed Edges)2
, , , , ,
Color Contrast Analyzer (Alex Clapperton)1
, , , ,