Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“semantics” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: html, semantic-web · Subtopics: metadata (non-exhaustive) · “semantics” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Semantic HTML Just Might Make Your CSS Less Fragile (sch)283
html, css, resilience
When Is a Link Not a Link? (dec)282
html, links, accessibility
I Learned the First Rule of ARIA the Hard Way (css)281
accessibility, aria, html
ARIA Roles Can Remove Their Children’s Semantics (ste)280
html, aria, accessibility
HTML Content Categories279
html
The Three Semantics of HTML (mat)278
html
Did You Know Some ARIA Roles Remove Child Semantics?277
html, aria, accessibility
Semantics Beyond the Tag Name (kno/mat)276
html, attributes, aria, accessibility
The “<time>” Element Should Actually Do Something (nol)275
html, time
HTML Semantics: The Short Descriptions of All 113 Elements (j9t)274
html, overviews
Explaining the Accessible Benefits of Using Semantic HTML Elements (geo/css)273
html, accessibility
Just Use a Button (cfe)272
html, buttons
ChatGPT Sez Build With Semantics First (ste)271
chatgpt, chatgpt-atlas, ai, openai, browsers, html, accessibility
Tables: Beyond Rows and Columns (tpg)270
accessibility, wcag, tables, html, jaws, nvda, screen-readers
Why Moving Away From SPAs Improves Usability, Accessibility, and SEO (inn)269
single-page-apps, usability, accessibility, seo, html
When HTML Speaks Clearly268
html, accessibility, conformance
Thinking Deeply About Theming and Color Naming (zel/css)267
theming, naming, color-palettes, colors, pico
How Semantics and ARIA Attributes Support Accessible Design (tpg)266
accessibility, aria, html, attributes
Why Semantic HTML Still Matters (jon)265
html
Naked and Semantic (ark+/dea)264
podcasts, interviews, awareness-days, css, maintainability
Top 5 Web Accessibility Issues in 2024 (and How to Fix Them) (int)263
accessibility, focus, keyboard-navigation, contrast, colors
Know Your HTML (Yes, TSX Included) (hel)262
html, accessibility
Inclusive Development Practices in Next.js Projects (web/deq)261
accessibility, nextjs, keyboard-navigation, aria, alt-text, localization, performance, axe
The “col” Element (hey)260
html, tables
Making Scannable Web Pages for Assistive Technology (jar)259
accessibility, assistive-tech, design, headings, html
The “caption” Element (hey)258
html, tables
The True Path to Garbage Code: Figma Sites (joe)257
figma, html, quality, accessibility
What Is Semantic Caching? (doe/the)256
ai, performance, caching, concepts
The “cite” Element (hey)255
html
The “canvas” Element (hey)254
html, canvas
Unlocking Accessibility: Frontend Developers Discuss Semantic HTML and Accessible Code253
accessibility, html, community
Mastering HTML: The Art of Minimal and Valid Code in Professional Web Development (AI Edition) (j9t)252
guest-posts, html, minimalism, conformance, interoperability, accessibility, standards
Keeping It on the “<dl>”—Another HTML Gem You Never Use (cod)251
html, lists
Mastering Typography in Design Systems With Semantic Tokens and Responsive Scaling (uxd)250
typography, design-systems, design-tokens, responsive-design, scaling
Quick Accessibility Wins That Are Easy to Implement (kev)249
videos, accessibility, html, alt-text, images, contrast, colors, keyboard-navigation, focus, skip-links
Is React Accessible? That’s the Wrong Question248
accessibility, react, jsx, html
It’s Right There in the Back of the Book (hom)247
accessibility, html
Definition Layers Within Semantic Tokens (ikn)246
design-tokens
10 Digital Accessibility Mistakes to Avoid245
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)244
accessibility, fundamentals, html, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, reduced-motion, aria
Updated Brief Note on Description List Support (aar)243
html, lists, accessibility, screen-readers, support
Accessibility First: How to Design Inclusive Frontend Experiences242
how-tos, design, accessibility, html, alt-text, keyboard-navigation, aria, contrast, forms, focus
On-Page SEO Checklist: The Complete Task List for 2025 (sem)241
seo, checklists, html
The HTML Native Search Element (tre)240
html
The Semantic Interface Palette Is Simple (uxd)239
design, design-tokens, figma
The “br” Element (hey)238
html
The “button” Element (hey)237
html, buttons, links
HTML Cheat Sheet236
html, examples, cheat-sheets
The “body” Element (hey)235
html
The “blockquote” Element (hey)234
html
The “bdi” Element (hey)233
html, internationalization
The “b” Element (hey)232
html
Why HTML Has Both “<b/i>” and “<strong/em>”?231
html
The “aside” Element (hey)230
html, accessibility
The “address” Element (hey)229
html
The “abbr” Element (hey)228
html, accessibility
The Anchor Element (hey)227
html, links, terminology, usability
Know the “search” Element (j9t)226
html
HTML Cheat Sheets: From Basics to Advanced Elements225
fundamentals, html, examples, cheat-sheets
Maybe Don’t Name That Landmark (aar)224
html, accessibility
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)223
html, accessibility, seo, maintainability, performance
Using Footnotes (mfo)222
footnotes, content, writing
Level-Setting Heading Levels (aar)221
headings, conformance, accessibility, aria
When “Semantic Tokens” Are No Longer Semantic220
design-tokens
Tailwind Marketing and Misinformation Engine219
tailwind, css, principles, maintainability, marketing
“X” Marks the Spot: Landmark Elements (stv)218
html, accessibility, assistive-tech, aria
A Call for Consensus on HTML Semantics (5t3)217
html
Basic Accessibility Mistakes I Often See in Audits (cfe)216
accessibility, mistakes, auditing, html, focus, links, buttons
Buttons and Links—Common Misconceptions215
accessibility, html, buttons, links
The Implied Web (hws/mat)214
html, accessibility
Are We Too Pedantic With Semantic213
design, design-tokens
The Road to HTMHell Is Paved With Semantics (pep/mat)212
html, quality
You Might Be Looking for HTML “article”, Not “section” (san)211
html
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)210
fundamentals, html, accessibility
The UX of HTML (vas/mat)209
html, user-experience
Understanding HTML Landmarks and How to Apply Them (its/log)208
html, accessibility, aria
Truly Semantic (don)207
design-tokens, naming
Removing List Styles Without Affecting Semantics (mat)206
html, css, accessibility
Tailwind vs. Semantic CSS205
tailwind, css, html, comparisons, performance
Select Element: Now With Horizontal Rules (una)204
html, forms, browsers, google, chrome, apple, safari, support
An Intro to the “dialog” Element (cfe)203
introductions, modals, html
Progressively Enhanced HTML Accordion (aar)202
html, accordions, accessibility, progressive-enhancement
A Blog Post With Every HTML Element (pat)201
html
I’m Betting on HTML200
html
I Blame the W3C’s HTML Standard for Ordered Lists (sid)199
html, lists
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)198
html
Semantics and the “popover” Attribute: What to Use When? (hdv)197
html, attributes, accessibility, pop-overs
CSS Custom Properties Beyond the “:root” (mat)196
css, custom-properties
It’s Very Likely That… (mat)195
html, buttons, modals
New HTML Element: “search” (alv)194
html
What Is Semantic HTML? (dav)193
html
On-Page SEO Checklist: The Complete Task List for 2023 (sem)192
seo, checklists, html
Fighting Inter-Component HTML Bloat (eli)191
components, html, quality
The “search” Element (sco)190
html, accessibility
The H1 Conundrum: Understanding the Challenges of Heading Level One189
accessibility, headings, html
We Don’t Need “.visually-hidden” (den)188
accessibility, css, quality
50.1% Empty Links (mat)187
accessibility, html, links, seo
ARIA vs. HTML (aar)186
accessibility, html, aria, comparisons
Representation of Style (ste)185
html
Buttons, Links, and Focus (tem)184
accessibility, buttons, links, focus
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)183
accessibility, screen-readers, html
An Introduction to HTML Cheat Sheet182
introductions, html, cheat-sheets
How to Write Semantic CSS (kev)181
videos, how-tos, css
Interop 2023 CMS Checkin (chr)180
interoperability, html, syndication, rss, atom
What Are HTML5 Semantic Elements?179
html
Screen Readers Support for Text Level HTML Semantics (ste/tpg)178
html, screen-readers, support
If You Need a Link, Don’t Use a Button (tem)177
html, links, buttons, accessibility
Unordered Lists in Main Navigations (mat)176
html, lists, navigation
A Problem With Link Relationships (j9t)175
html, links, metadata, maintainability
Enforcing Better HTML Markup With Eleventy (mat)174
html, conformance, eleventy
5 HTML Elements, and a Partridge in a Despair Tree (mat)173
html, accessibility
Brief Note on Description List Support (aar)172
html, lists, accessibility, screen-readers, support
Reading the Meter (sup/mat)171
html, accessibility
Landmarks and Where to Put Them (kil/mat)170
html, aria, accessibility
HTML Semantics and Accessibility Cheat Sheet (web)169
cheat-sheets, html, accessibility
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)168
html, lists
HTML Content Model Categories167
html
The Shape-Shifting “a” Element166
html, links
The “label” Element165
html, labels
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)164
html, accessibility, modals, pop-overs
16 Rare HTML Tags You Really Should Know163
html
Structured Data (htt)162
web-almanac, studies, research, metrics, structured-data, semantic-web
A Little Semantic HTML Trick for React Components161
react, html, components, tips-and-tricks
Foundations: HTML Semantics (ihe/tet)160
accessibility, fundamentals, html
When Going Somewhere Does a Thing: On Links and Buttons (kil)159
accessibility, html, links, buttons
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)158
html, disclosure-widgets, accessibility
How to (Not) Make a Button157
how-tos, accessibility, buttons, html
Should I Use a Button or a Link? (ash)156
html, buttons, links
On Ratings and Meters (lea)155
html, css
One Year of Coding—Recommendations for Beginners From a Beginner154
learning, accessibility
“<article>” vs. “<section>”: How to Choose the Right One (sma)153
html, comparisons
Roundup of Recent Document Outline Chatter (geo/css)152
html, headings, accessibility
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)151
html, headings, microcontent, accessibility
Perceived Affordances and the Functionality Mismatch (tin)150
usability, accessibility
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)149
html, accessibility, aria
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)148
html, accessibility
How to Use Headings for Website Accessibility147
how-tos, accessibility, headings
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?146
accessibility, colors, contrast, user-experience
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers145
guides, html, examples, cheat-sheets
Divs Are Bad! (mat)144
html
What’s Your Heading? (col)143
accessibility, html, headings
Non-Interactive Elements With the “inert” Attribute (web)142
html, attributes
Plain Old Semantic HTML: A Perfect Basis for Accessibility141
accessibility, html
Does Valid and Semantic HTML Still Matter? (5t3+)140
podcasts, html, conformance
Title Rewrites: 3 Patterns to Avoid (moz)139
seo, writing, microcontent
Those HTML Elements You Never Use138
html
12 Years Beyond a HTML Joke (ste)137
html
HTML Semantics (cfe)136
html
Should “Cancel” Be a Button or a Link? (uxd)135
interaction-design, buttons, links
It Needs to Map Back to a Role (eri)134
accessibility, aria, html
Foundations: Headings (ihe/tet)133
accessibility, fundamentals, html, headings
Column Headers and Browser Support (aar)132
accessibility, html
Colors That Make Sense131
accessibility, colors
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)130
html, naming
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)129
modals, html
HTML Cheat Sheet—HTML Elements List Reference (fre)128
html, examples, cheat-sheets
4 Questions to Ask Before Using ARIA127
accessibility, aria, testing
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)126
html, accessibility
Div Divisiveness (sco)125
html
Show, Don’t Tell (css)124
writing, design
How to Define Your Relationship to Sites You Link To (ste)123
how-tos, html, links, seo
HTML Cheat Sheet122
html, examples, cheat-sheets
Details/Summary (5t3)121
html, disclosure-widgets
Semantics and How to Get Them Right (hdv/btc)120
videos, html, accessibility
Design Systems, Structured Content, and Headless Publishing (amy)119
design-systems, content, headless
Semantic “menu” Context (sco)118
html
Buttons vs. Links (yat)117
html, buttons, links, comparisons
HTML Cheatsheet116
html, examples, cheat-sheets
Use the “i” Element, and Use It Appropriately (j9t)115
html
Not Your Typical Horizontal Rules (sar)114
html
HTML: The 16 Content Categories and Their Elements (j9t)113
html
Why You Should Choose HTML5 “article” Over “section” (bru/sma)112
html, headings
Quoting in HTML: Quotations, Citations, and Blockquotes (css)111
html
Conversational Semantics (aar/btc)110
videos, html, voice, conversational-design
How to Section Your HTML (css)109
how-tos, html, examples
Why, How, and When to Use Semantic HTML and ARIA (ada/css)108
html, aria, accessibility
You’re Using “em” Wrong (log)107
html, markdown
Conversational Semantics (aar/ali)106
html, voice, conversational-design
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)105
accessibility, contrast, colors, labels, forms, typography, keyboard-navigation
A Developer’s Guide to Better Accessibility (a11+/24a)104
guides, accessibility, html, keyboard-navigation, naming, tooling
A Look Back at the History of CSS (jay/css)103
history, css, browsers, doctype-switching, box-model, hacks, standards, css-zen-garden
Writing JavaScript With Accessibility in Mind (mat)102
javascript, accessibility, focus, buttons, aria
The Document Outline Dilemma (ame/css)101
html, headings, accessibility
HTML5 Page Structure Basics (lou)100
fundamentals, html
What’s New in HTML 5.199
html
Meaningful CSS: Style Like You Mean It (tba/ali)98
css, html
Do You Know These Eight HTML5 Tags?97
html
No Good Can Come of Bad Code (zel/ali)96
quality, accessibility, standards
A Vision of Web Development (j9t)95
outlooks, minimalism, conformance, maintainability
10 Typical HTML Interview Exercises94
html, interviewing, conformance, aria
HTML5 Forms: The Markup (cra)93
html, forms
A Q&A on the Picture Element (wil+/ali)92
interviews, html, images, responsive-design
The Battle for the Body Field (ali)91
html, xml, wysiwyg
10 HTML Tags You May Not Be Using90
html
The HTML5 “meter” Element (pan/css)89
html, examples
HTML Table Element Guide (chr/css)88
guides, html, tables, css
A Look at the HTML5 “nav” Element87
html, navigation
Semantic CSS With Intelligent Selectors (hey/sma)86
css, selectors, html
Introducing the New HTML5 “<main>” Element (cra)85
introductions, html
On Web Semantics (j9t)84
html, best-practices
HTML for Icon Font Usage (chr/css)83
html, icon-fonts, fonts
Getting Started in HTML582
introductions, html, multimedia, forms, apis
Let’s Talk About Semantics (htm)81
html, naming
About HTML Semantics and Front-End Architecture80
html, naming, architecture
Sexy New HTML5 Semantics (bru/sma)79
html
Pursuing Semantic Value (ada/sma)78
html
Our Pointless Pursuit of Semantic Value (div/sma)77
html
The Hidden Nuggets of WCAG2: Information Relationships76
accessibility, wcag, html
Goodbye “time”, “datetime”, and “pubdate”—Hello “data” and “value” (htm)75
html, attributes, time
On Semantics in HTML (j9t)74
html
The Return of the “u” Element (htm)73
html
Are CSS Tables Better Than HTML Tables?72
tables, css, html, comparisons
Learning to Love HTML5 (lou/sma)71
html
When (and When Not to) Use an Anchor Tag? (chr/css)70
html, links
What Makes for a Semantic Class Name? (chr/css)69
html, css, attributes, naming, examples
Naming and Using IDs and Classes Properly (mat)68
html, css, attributes, naming
Making Forms Fabulous With HTML567
html, forms, overviews
How Important Is Semantic HTML?66
html
Don’t Forget About HTML5’s “Little Guys” (lou)65
html
Extending HTML5—Microdata (htm)64
microdata, html, attributes
Exploring Markup for Breadcrumbs (chr/css)63
html, navigation, breadcrumbs
Extending HTML5—Microformats (htm)62
microformats, html, attributes
The Beauty of Semantic Markup, Introduction61
introductions, html, microformats
microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets (tan/mic)60
microformats, anniversaries, metrics
Are You Ready for HTML 5?59
html, simplicity, multimedia, canvas, forms
This Is Your Site—This Is Your Site on HTML5 (bur)58
html, standards
Semantic Navigation With the “nav” Element (tom/htm)57
html, navigation
A Big Day for Microformats (tka)56
microformats, html
Value Class Pattern (tan/mic)55
microformats, html
Semantic Technologies Should Be Personal (tan)54
semantic-web
Table Layouts vs. Div Layouts: From Hell to… Hell? (sma)53
html, layout, tables, comparisons
Our Yearly Reminder of What It’s All About (jch)52
awareness-days, css, maintainability
Making “<time>” Safe for Historians (ppk)51
html, time
“<section>” Is Not Just a “Semantic ‘<div>’”50
html
The 5 Most Under-Used HTML Tags (cra)49
html
Why CSS Should Not Be Used for Layout48
css, layout, tables, html
Semantics in HTML 5 (joh/ali)47
html
The Road to HTML 5—The “section” Element (div)46
html, history
Opera Study: Only 4.13% of the Web Is Standards-Compliant (ars)45
studies, research, opera, standards, conformance
Getting Semantic With Microformats: XFN44
microformats, xfn
Separating Presentation From Semantics (bur)43
drupal
Design Rants (dav)42
design, typography, readability, responsive-design
A Preview of HTML 5 (lac/ali)41
html, overviews
What Beautiful HTML Code Looks Like (chr/css)40
html, attributes, conformance, formatting
At What Point Do Semantics Not Apply? (jch)39
html, css
Microformats: More Meaning From Your Markup (bri)38
microformats, html
Web Standards Do—the Way of Web Standards (oli/w3c)37
standards, html, http, content-negotiation, caching, performance, xml, xhtml, testing, processes, urls, redirecting
The “<b>” and “<i>” Elements (lac)36
html
HTML: The Top 5 Forgotten Elements35
html
Standards, Semantics, Accessibility, and HTML Email (jch)34
html, standards, accessibility, email
Bulletproof HTML: 37 Steps to Perfect Markup33
html, xhtml, conformance, encoding, unicode, character-references
Long Live the Q Tag (ali)32
html
“dl”, “dt”, and “dd” Markup (ann)31
html, lists
First Annual Naked Day: April 0530
css, awareness-days, standards
Semantic Image Use (jch)29
html, images, alt-text, accessibility
Building Open Textual Content on HTML (tan/mic)28
html, content, microformats
Rel vs. Rev (mic)27
html, xhtml, microformats, comparisons
Class Attributes Are About More Than Styling (mic)26
html, attributes
Why Generic XML on the Web Is a Bad Idea (ann)25
html, xml
Who Cares About Semantics Anyway? (dav)24
html, xhtml
XHTML Was Good for the Web (ann)23
xhtml, html, standards
Microformats and Semantics in Japan (mey)22
microformats, xfn
Questions on XHTML2 (ann)21
xhtml
Semantic Markup (ann)20
html
<div style='font-weight: bold'>Lost Cause</div>19
html
The Four Essentials of Modern Web Design18
fundamentals, conformance, accessibility, principles, quality
Link Relationships (lac)17
html, links, metadata
Atom (or Web Syndication) (ann)16
syndication, atom
Semantics: A New Beginning?15
semantic-web
HTML: More Structural Than Semantic (sim)14
html
Semantic Markup13
html, xhtml
This Validates (sim)12
conformance, xhtml
On Standards and Semantics (sto)11
standards, conformance
Semantics and Bad Code (dav)10
html, xhtml, conformance
Standards Don’t Necessarily Have Anything to Do With Being Semantically Correct (kot)9
standards, conformance, html, xhtml, css
Tantek’s Markup Challenge (sim)8
html
A Touch of Class (tan)7
html, attributes, examples
Why Semantic Markup Is So Important6
xhtml, syndication, rss
Markup Challenge: aaronsw.com5
code-reviews, html
The Secret Life of Markup4
html, sgml, xml, content
Valid Garbage In, Valid Garbage Out: Answers3
html, conformance
The Myths of Structural Markup2
html, sgml, myths, maintainability
Using Standard HTML (tim)1
html, accessibility