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