Is React Accessible? That’s the Wrong Question (acc) | | 212 |
accessibility, react, jsx, html |
It’s Right There in the Back of the Book (xir) | | 211 |
accessibility, html |
10 Digital Accessibility Mistakes to Avoid (gov) | | 210 |
accessibility, mistakes, alt-text, images, contrast, colors, keyboard-navigation, aria, headings, labels, forms, pop-ups, testing |
Accessibility Essentials Every Front-End Developer Should Know (mar) | | 209 |
accessibility, fundamentals, html, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, aria |
Updated Brief Note on Description List Support (aar) | | 208 |
html, lists, accessibility, screen-readers, support |
Accessibility First: How to Design Inclusive Frontend Experiences (the/fro) | | 207 |
how-tos, design, accessibility, html, alt-text, keyboard-navigation, aria, contrast, forms, focus |
On-Page SEO Checklist: The Complete Task List for 2025 (sem) | | 206 |
seo, checklists, html |
The HTML Native Search Element (tre) | | 205 |
html |
The Semantic Interface Palette Is Simple (uxd) | | 204 |
design, design-tokens, figma |
The “br” Element (hey) | | 203 |
html |
HTML Cheat Sheet | | 202 |
html, examples, cheat-sheets |
The “button” Element (hey) | | 201 |
html, buttons, links |
The “body” Element (hey) | | 200 |
html |
The “blockquote” Element (hey) | | 199 |
html |
The “bdi” Element (hey) | | 198 |
html, internationalization |
The “b” Element (hey) | | 197 |
html |
Why HTML Has Both “<b/i>” and “<strong/em>”? (the) | | 196 |
html |
The “aside” Element (hey) | | 195 |
html, accessibility |
The “address” Element (hey) | | 194 |
html |
The “abbr” Element (hey) | | 193 |
html, accessibility |
The Anchor Element (hey) | | 192 |
html, links, terminology, usability |
Know the “search” Element (j9t) | | 191 |
html |
HTML Cheat Sheets: From Basics to Advanced Elements (kes/dhi) | | 190 |
fundamentals, html, examples, cheat-sheets |
Maybe Don’t Name That Landmark (aar) | | 189 |
html, accessibility |
Semantic Code in HTML: What Is It and Does It Still Matter? (boa) | | 188 |
html, accessibility, seo, maintainability, performance |
Using Footnotes (mfo) | | 187 |
content, writing |
Level-Setting Heading Levels (aar) | | 186 |
headings, conformance, accessibility, aria |
When “Semantic Tokens” Are No Longer Semantic (nat) | | 185 |
design-tokens |
Tailwind Marketing and Misinformation Engine (tip) | | 184 |
tailwind, css, principles, maintainability, marketing |
“X” Marks the Spot: Landmark Elements (stv) | | 183 |
html, accessibility, assistive-tech, aria |
A Call for Consensus on HTML Semantics (5t3) | | 182 |
html |
Basic Accessibility Mistakes I Often See in Audits (cfe) | | 181 |
accessibility, mistakes, auditing, html, focus, links, buttons |
Buttons and Links—Common Misconceptions (cli) | | 180 |
accessibility, html, buttons, links |
The Implied Web (hws/mat) | | 179 |
html, accessibility |
Are We Too Pedantic With Semantic (dis) | | 178 |
design, design-tokens |
The Road to HTMHell Is Paved With Semantics (pep/mat) | | 177 |
html, quality |
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat) | | 176 |
fundamentals, html, accessibility |
The UX of HTML (vas/mat) | | 175 |
html, user-experience |
Understanding HTML Landmarks and How to Apply Them (its/log) | | 174 |
html, accessibility, aria |
Truly Semantic (don) | | 173 |
design-tokens, naming |
Removing List Styles Without Affecting Semantics (mat) | | 172 |
html, css, accessibility |
Tailwind vs. Semantic CSS (tip) | | 171 |
tailwind, css, html, comparisons, performance |
Select Element: Now With Horizontal Rules (una/dev) | | 170 |
html, forms, browsers, google, chrome, apple, safari, support |
An Intro to the “dialog” Element (cfe) | | 169 |
introductions, modals, html |
Progressively Enhanced HTML Accordion (aar) | | 168 |
html, accessibility, progressive-enhancement |
A Blog Post With Every HTML Element (pat) | | 167 |
html |
I’m Betting on HTML | | 166 |
html |
I Blame the W3C’s HTML Standard for Ordered Lists (sid) | | 165 |
html, lists |
Semantic Code in HTML: What Is It and Does It Still Matter? (boa) | | 164 |
html |
Semantics and the “popover” Attribute: What to Use When? (hdv) | | 163 |
html, attributes, accessibility, pop-overs |
CSS Custom Properties Beyond the “:root” (mat) | | 162 |
css, custom-properties |
It’s Very Likely That… (mat) | | 161 |
html, buttons, modals |
New HTML Element: “search” (alv) | | 160 |
html |
What Is Semantic HTML? (dav/a11) | | 159 |
html |
On-Page SEO Checklist: The Complete Task List for 2023 (rh/sem) | | 158 |
seo, checklists, html |
Fighting Inter-Component HTML Bloat (eli) | | 157 |
components, html, quality |
The “search” Element (sco) | | 156 |
html, accessibility |
The H1 Conundrum: Understanding the Challenges of Heading Level One (art/dig) | | 155 |
accessibility, headings, html |
We Don’t Need “.visually-hidden” (den/web) | | 154 |
accessibility, css, quality |
50.1% Empty Links (mat) | | 153 |
accessibility, html, links, seo |
ARIA vs. HTML (aar) | | 152 |
accessibility, html, aria, comparisons |
Representation of Style (ste) | | 151 |
html |
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat) | | 150 |
accessibility, screen-readers, html |
Buttons, Links, and Focus (tem) | | 149 |
accessibility, buttons, links, focus |
An Introduction to HTML Cheat Sheet (mon) | | 148 |
introductions, html, cheat-sheets |
How to Write Semantic CSS (kev) | | 147 |
videos, how-tos, css |
Interop 2023 CMS Checkin (chr) | | 146 |
interoperability, html, syndication, rss, atom |
Screen Readers Support for Text Level HTML Semantics (ste/tpg) | | 145 |
html, screen-readers, support |
If You Need a Link, Don’t Use a Button (tem) | | 144 |
html, links, buttons, accessibility |
Unordered Lists in Main Navigations (mat) | | 143 |
html, lists, navigation |
Enforcing Better HTML Markup With Eleventy (nel/mat) | | 142 |
html, conformance, eleventy |
A Problem With Link Relationships (j9t) | | 141 |
html, links, metadata, maintainability |
5 HTML Elements, and a Partridge in a Despair Tree (mat) | | 140 |
html, accessibility |
Brief Note on Description List Support (aar) | | 139 |
html, lists, accessibility, screen-readers, support |
Reading the Meter (sup/mat) | | 138 |
html, accessibility |
Landmarks and Where to Put Them (kil/mat) | | 137 |
html, aria, accessibility |
HTML Semantics and Accessibility Cheat Sheet (web) | | 136 |
cheat-sheets, html, accessibility |
Newer Things to Know About Good Ol’ HTML Lists (mrd/css) | | 135 |
html, lists |
HTML Content Model Categories (rus) | | 134 |
html |
The Shape-Shifting “a” Element (rus) | | 133 |
html, links |
The “label” Element (rus) | | 132 |
html, labels |
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv) | | 131 |
html, accessibility, modals, pop-overs |
16 Rare HTML Tags You Really Should Know (gle/env) | | 130 |
html |
Structured Data (cyb+/htt) | | 129 |
web-almanac, studies, research, metrics, structured-data, semantic-web |
A Little Semantic HTML Trick for React Components (raa) | | 128 |
react, html, components, tips-and-tricks |
Foundations: HTML Semantics (ihe/tet) | | 127 |
accessibility, fundamentals, html |
When Going Somewhere Does a Thing: On Links and Buttons (kil) | | 126 |
accessibility, html, links, buttons |
A “details” Element as a Burger Menu Is Not Accessible (ger/clo) | | 125 |
html, accessibility |
How to (Not) Make a Button (pus) | | 124 |
how-tos, accessibility, buttons, html |
Should I Use a Button or a Link? (ash) | | 123 |
html, buttons, links |
On Ratings and Meters (lea) | | 122 |
html, css |
One Year of Coding—Recommendations for Beginners From a Beginner (cre/vv) | | 121 |
learning, accessibility |
“<article>” vs. “<section>”: How to Choose the Right One (shu/sma) | | 120 |
html, comparisons |
Roundup of Recent Document Outline Chatter (geo/css) | | 119 |
html, accessibility |
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg) | | 118 |
html, headings, microcontent, accessibility |
What Is the Best Way to Mark Up an Exclusive Button Group? (lea) | | 117 |
html, accessibility, aria |
Perceived Affordances and the Functionality Mismatch (tin) | | 116 |
usability, accessibility |
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru) | | 115 |
html, accessibility |
How to Use Headings for Website Accessibility (usa) | | 114 |
how-tos, accessibility, headings |
Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (sar) | | 113 |
accessibility, colors, contrast, user-experience |
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers (pau/lam) | | 112 |
guides, html, examples, cheat-sheets |
Divs Are Bad! (mat) | | 111 |
html |
What’s Your Heading? (tod) | | 110 |
accessibility, html, headings |
Non-Interactive Elements With the “inert” Attribute (the/web) | | 109 |
html, attributes |
Plain Old Semantic HTML: A Perfect Basis for Accessibility (boi) | | 108 |
accessibility, html |
Does Valid and Semantic HTML Still Matter? (ben+/wor) | | 107 |
podcasts, html, conformance |
Title Rewrites: 3 Patterns to Avoid (dr/moz) | | 106 |
seo, writing, microcontent |
Those HTML Elements You Never Use (elu) | | 105 |
html |
12 Years Beyond a HTML Joke (ste) | | 104 |
html |
Should “Cancel” Be a Button or a Link? (kar/uxd) | | 103 |
interaction-design, buttons, links |
HTML Semantics (cfe) | | 102 |
html |
It Needs to Map Back to a Role (eri) | | 101 |
accessibility, aria, html |
Foundations: Headings (ihe/tet) | | 100 |
accessibility, fundamentals, html, headings |
Column Headers and Browser Support (aar) | | 99 |
accessibility, html |
Colors That Make Sense (sly/get) | | 98 |
accessibility, colors |
Why Radio Buttons Are Called Radio Buttons in UIs? (ami) | | 97 |
html, naming |
Replace JavaScript Dialogs With the New HTML Dialog Element (mad/css) | | 96 |
modals, html |
HTML Cheat Sheet—HTML Elements List Reference (ihe/fre) | | 95 |
html, examples, cheat-sheets |
4 Questions to Ask Before Using ARIA (boi) | | 94 |
accessibility, aria, testing |
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv) | | 93 |
html, accessibility |
Div Divisiveness (sco) | | 92 |
html |
Show, Don’t Tell (mel/css) | | 91 |
writing, design |
HTML Cheat Sheet (pra/jav) | | 90 |
html, examples, cheat-sheets |
How to Define Your Relationship to Sites You Link To (ste) | | 89 |
how-tos, html, links, seo |
Details/Summary (5t3) | | 88 |
html |
Semantics and How to Get Them Right (hdv/btc) | | 87 |
videos, html, accessibility |
Design Systems, Structured Content, and Headless Publishing (amy) | | 86 |
design-systems, content, headless |
Semantic “menu” Context (sco) | | 85 |
html |
Buttons vs. Links (yat) | | 84 |
html, buttons, links, comparisons |
HTML Cheatsheet (fec) | | 83 |
html, examples, cheat-sheets |
Use the “i” Element, and Use It Appropriately (j9t) | | 82 |
html |
Not Your Typical Horizontal Rules (sar) | | 81 |
html |
HTML: The 16 Content Categories and Their Elements (j9t) | | 80 |
html |
Why You Should Choose HTML5 “article” Over “section” (bru/sma) | | 79 |
html, headings |
Conversational Semantics (aar/btc) | | 78 |
videos, html, voice |
Conversational Semantics (aar/ali) | | 77 |
html, voice |
A Developer’s Guide to Better Accessibility (a11+/24a) | | 76 |
guides, accessibility, html, keyboard-navigation, naming, tooling |
Writing JavaScript With Accessibility in Mind (mat/sit) | | 75 |
javascript, accessibility, focus, buttons, aria |
HTML5 Page Structure Basics (lou/sit) | | 74 |
fundamentals, html |
What’s New in HTML 5.1 (sit) | | 73 |
html |
Meaningful CSS: Style Like You Mean It (tba/ali) | | 72 |
css, html |
Do You Know These Eight HTML5 Tags? (src/sit) | | 71 |
html |
No Good Can Come of Bad Code (zel/ali) | | 70 |
quality, accessibility, standards |
A Vision of Web Development (j9t) | | 69 |
outlooks, minimalism, conformance, maintainability |
10 Typical HTML Interview Exercises (aur/sit) | | 68 |
html, interviewing, conformance, aria |
HTML5 Forms: The Markup (cra/sit) | | 67 |
html, forms |
A Q&A on the Picture Element (yoa+/ali) | | 66 |
interviews, html, images, responsive-design |
The Battle for the Body Field (eat/ali) | | 65 |
html, xml, wysiwyg |
10 HTML Tags You May Not Be Using (aur/sit) | | 64 |
html |
The HTML5 “meter” Element (pan/css) | | 63 |
html, examples |
HTML Table Element Guide (chr/css) | | 62 |
guides, html, tables, css |
A Look at the HTML5 “nav” Element (sit) | | 61 |
html, navigation |
Semantic CSS With Intelligent Selectors (hey/sma) | | 60 |
css, selectors, html |
Introducing the New HTML5 “<main>” Element (cra/sit) | | 59 |
introductions, html |
HTML for Icon Font Usage (chr/css) | | 58 |
html, icon-fonts, fonts |
Getting Started in HTML5 (pct) | | 57 |
introductions, html, multimedia, forms, apis |
Sexy New HTML5 Semantics (bru/sma) | | 56 |
html |
Pursuing Semantic Value (ada/sma) | | 55 |
html |
Our Pointless Pursuit of Semantic Value (div/sma) | | 54 |
html |
The Hidden Nuggets of WCAG2: Information Relationships (gia/sit) | | 53 |
accessibility, wcag, html |
On Semantics in HTML (j9t) | | 52 |
html |
Learning to Love HTML5 (lou/sma) | | 51 |
html |
When (and When Not to) Use an Anchor Tag? (chr/css) | | 50 |
html, links |
What Makes for a Semantic Class Name? (chr/css) | | 49 |
html, css, attributes, naming, examples |
Making Forms Fabulous With HTML5 (jan/dev) | | 48 |
html, forms, overviews |
Don’t Forget About HTML5’s “Little Guys” (lou/sit) | | 47 |
html |
Exploring Markup for Breadcrumbs (chr/css) | | 46 |
html, navigation |
microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets (tan/mic) | | 45 |
microformats, anniversaries, metrics |
Are You Ready for HTML 5? | | 44 |
html, simplicity, multimedia, canvas, forms |
Value Class Pattern (tan/mic) | | 43 |
microformats, html |
A Big Day for Microformats (tka) | | 42 |
microformats, html |
Semantic Technologies Should Be Personal (tan) | | 41 |
semantic-web |
Table Layouts vs. Div Layouts: From Hell to… Hell? (gei/sma) | | 40 |
html, layout, tables, comparisons |
Our Yearly Reminder of What It’s All About (jch) | | 39 |
awareness-days, css, maintainability |
The 5 Most Under-Used HTML Tags (cra/sit) | | 38 |
html |
Semantics in HTML 5 (joh/ali) | | 37 |
html |
Design Rants (dav) | | 36 |
design, typography, readability, responsive-design |
A Preview of HTML 5 (lac/ali) | | 35 |
html, overviews |
What Beautiful HTML Code Looks Like (chr/css) | | 34 |
html, attributes, conformance, formatting |
At What Point Do Semantics Not Apply? (jch) | | 33 |
html, css |
Microformats: More Meaning From Your Markup (bri/sit) | | 32 |
microformats, html |
Web Standards Do—the Way of Web Standards (oli/w3c) | | 31 |
standards, html, http, content-negotiation, caching, performance, xml, xhtml, testing, processes, urls, redirecting |
The “<b>” and “<i>” Elements (lac) | | 30 |
html |
HTML: The Top 5 Forgotten Elements (mat/sit) | | 29 |
html |
Standards, Semantics, Accessibility, and HTML Email (jch) | | 28 |
html, standards, accessibility, email |
Bulletproof HTML: 37 Steps to Perfect Markup (sit) | | 27 |
html, xhtml, conformance, encoding, unicode, character-references |
Long Live the Q Tag (ali) | | 26 |
html |
“dl”, “dt”, and “dd” Markup (ann) | | 25 |
html |
First Annual Naked Day: April 05 | | 24 |
css, awareness-days, maintainability |
Semantic Image Use (jch) | | 23 |
html, images, alt-text, accessibility |
Building Open Textual Content on HTML (tan/mic) | | 22 |
html, content, microformats |
Rel vs. Rev (mic) | | 21 |
html, xhtml, microformats, comparisons |
Class Attributes Are About More Than Styling (mic) | | 20 |
html, attributes |
Why Generic XML on the Web Is a Bad Idea (ann) | | 19 |
html, xml |
Who Cares About Semantics Anyway? (dav) | | 18 |
html, xhtml |
Questions on XHTML2 (ann) | | 17 |
xhtml |
Semantic Markup (ann) | | 16 |
html |
<div style='font-weight: bold'>Lost Cause</div> (hix) | | 15 |
html |
The Four Essentials of Modern Web Design (sit) | | 14 |
fundamentals, conformance, accessibility, principles, quality |
Link Relationships (lac) | | 13 |
html, links, metadata |
Atom (or Web Syndication) (ann) | | 12 |
syndication, atom |
Semantics: A New Beginning? | | 11 |
semantic-web |
HTML: More Structural Than Semantic (sim) | | 10 |
html |
Semantic Markup (scr) | | 9 |
html, xhtml |
Standards Don’t Necessarily Have Anything to Do With Being Semantically Correct (kot) | | 8 |
standards, conformance, html, xhtml, css |
Semantics and Bad Code (dav) | | 7 |
html, xhtml, conformance |
On Standards and Semantics (sto) | | 6 |
standards, conformance |
Tantek’s Markup Challenge (sim) | | 5 |
html |
Why Semantic Markup Is So Important (hix) | | 4 |
xhtml, syndication, rss |
Markup Challenge: aaronsw.com (hix) | | 3 |
code-reviews, html |
Valid Garbage In, Valid Garbage Out: Answers (hix) | | 2 |
html, conformance |
Using Standard HTML (tim) | | 1 |
html, accessibility |