Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“semantics” News Archive

Definition, related topics, tag feed

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

Entry (Sources) and Additional TopicsDate#
HTML Semantics in Practice: Building More Accessible and Maintainable Web Pages320
html, accessibility, maintainability, conformance, keyboard-navigation, headings, forms, responsive-design, testing
The Web Needs Interactive Lists (cod)319
html, lists, accessibility, aria
The 4 Hs of HTML (alv)318
html
Why I Built a Semantic HTML First Library (kar)317
libraries, components, html
On the Semantic Web (kar)316
html, buttons, forms
Semantica11y—Semantic HTML for Everyone (ste)315
packages, html, accessibility
You Don’t Know HTML Lists314
html, lists
Semantic HTML Just Might Make Your CSS Less Fragile (sch)313
html, css, resilience
When Is a Link Not a Link? (dec)312
html, links, accessibility
I Learned the First Rule of ARIA the Hard Way (css)311
accessibility, aria, html
ARIA Roles Can Remove Their Children’s Semantics (ste)310
html, aria, accessibility
HTML Content Categories (rus)309
html
The Three Semantics of HTML (mat)308
html
Did You Know Some ARIA Roles Remove Child Semantics? (rus)307
html, aria, accessibility
Semantics Beyond the Tag Name (kno/mat)306
html, attributes, aria, accessibility
The “<time>” Element Should Actually Do Something (nol)305
html, time
HTML Semantics: The Short Descriptions of All 113 Elements (j9t)304
html, overviews
Explaining the Accessible Benefits of Using Semantic HTML Elements (geo/css)303
html, accessibility
Just Use a Button (cfe)302
html, buttons
ChatGPT Sez Build With Semantics First (ste)301
chatgpt, chatgpt-atlas, ai, browsers, html, accessibility
Tables: Beyond Rows and Columns (tpg)300
accessibility, wcag, tables, html, jaws, nvda, screen-readers
Why Moving Away From SPAs Improves Usability, Accessibility, and SEO (inn)299
single-page-apps, usability, accessibility, seo, html
When HTML Speaks Clearly298
html, accessibility, conformance
Thinking Deeply About Theming and Color Naming (zel/css)297
theming, naming, color-palettes, colors, pico
How Semantics and ARIA Attributes Support Accessible Design (tpg)296
accessibility, aria, html, attributes
Why Semantic HTML Still Matters (jon)295
html
Naked and Semantic (ark+/dea)294
podcasts, interviews, awareness-days, css, maintainability
Top 5 Web Accessibility Issues in 2024 (and How to Fix Them) (int)293
accessibility, focus, keyboard-navigation, contrast, colors
Know Your HTML (Yes, TSX Included) (hel)292
html, accessibility
Inclusive Development Practices in Next.js Projects (web/deq)291
accessibility, nextjs, keyboard-navigation, aria, alt-text, localization, performance, axe
The “col” Element (hey)290
html, tables
Making Scannable Web Pages for Assistive Technology (jar)289
accessibility, assistive-tech, design, headings, html
The “caption” Element (hey)288
html, tables
The True Path to Garbage Code: Figma Sites (joe)287
figma, html, quality, accessibility
What Is Semantic Caching?286
ai, performance, caching, concepts
The “cite” Element (hey)285
html
The “canvas” Element (hey)284
html, canvas
Unlocking Accessibility: Frontend Developers Discuss Semantic HTML and Accessible Code283
accessibility, html, community
Mastering HTML: The Art of Minimal and Valid Code in Professional Web Development (AI Edition) (j9t)282
guest-posts, html, minimalism, conformance, interoperability, accessibility, standards
Keeping It on the “<dl>”—Another HTML Gem You Never Use (cod)281
html, lists
Mastering Typography in Design Systems With Semantic Tokens and Responsive Scaling280
typography, design-systems, design-tokens, responsive-design, scaling
Quick Accessibility Wins That Are Easy to Implement (kev)279
videos, accessibility, html, alt-text, images, contrast, colors, keyboard-navigation, focus, skip-links
Is React Accessible? That’s the Wrong Question278
accessibility, react, jsx, html
It’s Right There in the Back of the Book (hom)277
accessibility, html
Definition Layers Within Semantic Tokens (ikn)276
design-tokens
10 Digital Accessibility Mistakes to Avoid275
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)274
accessibility, fundamentals, html, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, reduced-motion, aria
Updated Brief Note on Description List Support (aar)273
html, lists, accessibility, screen-readers, support
Accessibility First: How to Design Inclusive Frontend Experiences272
how-tos, design, accessibility, html, alt-text, keyboard-navigation, aria, contrast, forms, focus
On-Page SEO Checklist: The Complete Task List for 2025 (sem)271
seo, checklists, html
The HTML Native Search Element (tre)270
html
The Semantic Interface Palette Is Simple269
design, design-tokens, figma
The “br” Element (hey)268
html
The “button” Element (hey)267
html, buttons, links
HTML Cheat Sheet266
html, examples, cheat-sheets
The “body” Element (hey)265
html
The “blockquote” Element (hey)264
html
The “bdi” Element (hey)263
html, internationalization
The “b” Element (hey)262
html
Why HTML Has Both “<b/i>” and “<strong/em>”?261
html
The “aside” Element (hey)260
html, accessibility
The “address” Element (hey)259
html
The “abbr” Element (hey)258
html, accessibility
The Anchor Element (hey)257
html, links, terminology, usability
Know the “search” Element (j9t)256
html
HTML Cheat Sheets: From Basics to Advanced Elements255
fundamentals, html, examples, cheat-sheets
Maybe Don’t Name That Landmark (aar)254
html, accessibility
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)253
html, accessibility, seo, maintainability, performance
Using Footnotes (mfo)252
footnotes, content, writing
Level-Setting Heading Levels (aar)251
headings, conformance, accessibility, aria
When “Semantic Tokens” Are No Longer Semantic250
design-tokens
Tailwind Marketing and Misinformation Engine249
tailwind, css, principles, maintainability, marketing
“X” Marks the Spot: Landmark Elements (stv)248
html, accessibility, assistive-tech, aria
A Call for Consensus on HTML Semantics (5t3)247
html
Basic Accessibility Mistakes I Often See in Audits (cfe)246
accessibility, mistakes, auditing, html, focus, links, buttons
Buttons and Links—Common Misconceptions245
accessibility, html, buttons, links
The Implied Web (hws/mat)244
html, accessibility
Are We Too Pedantic With Semantic (dis)243
design, design-tokens
The Road to HTMHell Is Paved With Semantics (pep/mat)242
html, quality
You Might Be Looking for HTML “article”, Not “section” (san)241
html
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)240
fundamentals, html, accessibility
The UX of HTML (vas/mat)239
html, user-experience
Understanding HTML Landmarks and How to Apply Them (its/log)238
html, accessibility, aria
Truly Semantic (don)237
design-tokens, naming
Removing List Styles Without Affecting Semantics (mat)236
html, css, accessibility
Select Element: Now With Horizontal Rules (una)235
html, forms, browsers, chrome, safari, support
Tailwind vs. Semantic CSS234
tailwind, css, html, comparisons, performance
An Intro to the “dialog” Element (cfe)233
introductions, modals, html
Progressively Enhanced HTML Accordion (aar)232
html, accordions, accessibility, progressive-enhancement
A Blog Post With Every HTML Element (pat)231
html
I’m Betting on HTML230
html
I Blame the W3C’s HTML Standard for Ordered Lists (sid)229
html, lists
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)228
html
Semantics and the “popover” Attribute: What to Use When? (hdv)227
html, attributes, accessibility, pop-overs
CSS Custom Properties Beyond the “:root” (mat)226
css, custom-properties
It’s Very Likely That… (mat)225
html, buttons, modals
New HTML Element: “search” (alv)224
html
What Is Semantic HTML? (dav)223
html
On-Page SEO Checklist: The Complete Task List for 2023 (sem)222
seo, checklists, html
Fighting Inter-Component HTML Bloat (eli)221
components, html, quality
The “search” Element (sco)220
html, accessibility
The H1 Conundrum: Understanding the Challenges of Heading Level One219
accessibility, headings, html
We Don’t Need “.visually-hidden” (den)218
accessibility, css, quality
50.1% Empty Links (mat)217
accessibility, html, links, seo
ARIA vs. HTML (aar)216
accessibility, html, aria, comparisons
Representation of Style (ste)215
html
Buttons, Links, and Focus (tem)214
accessibility, buttons, links, focus
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)213
accessibility, screen-readers, html
An Introduction to HTML Cheat Sheet212
introductions, html, cheat-sheets
How to Write Semantic CSS (kev)211
videos, how-tos, css
Interop 2023 CMS Checkin (chr)210
interoperability, html, rss, atom
What Are HTML5 Semantic Elements?209
html
Screen Readers Support for Text Level HTML Semantics (ste/tpg)208
html, screen-readers, support, accessibility
If You Need a Link, Don’t Use a Button (tem)207
html, links, buttons, accessibility
Unordered Lists in Main Navigations (mat)206
html, lists, navigation
A Problem With Link Relationships (j9t)205
html, links, metadata, maintainability
Enforcing Better HTML Markup With Eleventy (mat)204
html, conformance, eleventy
5 HTML Elements, and a Partridge in a Despair Tree (mat)203
html, accessibility
Brief Note on Description List Support (aar)202
html, lists, accessibility, screen-readers, support
Reading the Meter (sup/mat)201
html, accessibility
Landmarks and Where to Put Them (kil/mat)200
html, aria, accessibility
HTML Semantics and Accessibility Cheat Sheet (web)199
cheat-sheets, html, accessibility
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)198
html, lists
HTML Content Model Categories (rus)197
html
The Shape-Shifting “a” Element (rus)196
html, links
The “label” Element (rus)195
html, labels
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)194
html, accessibility, modals, pop-overs
16 Rare HTML Tags You Really Should Know193
html
Structured Data (htt)192
web-almanac, studies, research, metrics, structured-data, semantic-web
A Little Semantic HTML Trick for React Components191
react, html, components, tips-and-tricks
Foundations: HTML Semantics (ihe/tet)190
accessibility, fundamentals, html
When Going Somewhere Does a Thing: On Links and Buttons (kil)189
accessibility, html, links, buttons
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)188
html, disclosure-widgets, accessibility
How to (Not) Make a Button187
how-tos, accessibility, buttons, html
Should I Use a Button or a Link? (ash)186
html, buttons, links
On Ratings and Meters (lea)185
html, css
One Year of Coding—Recommendations for Beginners From a Beginner184
learning, accessibility
“<article>” vs. “<section>”: How to Choose the Right One (sma)183
html, comparisons
Roundup of Recent Document Outline Chatter (geo/css)182
html, headings, accessibility
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)181
html, headings, microcontent, accessibility
Perceived Affordances and the Functionality Mismatch (tin)180
usability, accessibility
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)179
html, accessibility, aria
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)178
html, accessibility
How to Use Headings for Website Accessibility177
how-tos, accessibility, headings
Aspects of Accessibility—Semantics, Contrast, and… Anxiety?176
accessibility, colors, contrast, user-experience
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers175
guides, html, examples, cheat-sheets
Divs Are Bad! (mat)174
html
What’s Your Heading? (col)173
accessibility, html, headings
Plain Old Semantic HTML: A Perfect Basis for Accessibility172
accessibility, html
Non-Interactive Elements With the “inert” Attribute (web)171
html, attributes
Does Valid and Semantic HTML Still Matter? (5t3+)170
podcasts, html, conformance
Title Rewrites: 3 Patterns to Avoid (moz)169
seo, writing, microcontent
Those HTML Elements You Never Use168
html
12 Years Beyond a HTML Joke (ste)167
html
HTML Semantics (cfe)166
html
Should “Cancel” Be a Button or a Link?165
interaction-design, buttons, links
It Needs to Map Back to a Role (eri)164
accessibility, aria, html
Foundations: Headings (ihe/tet)163
accessibility, fundamentals, html, headings
Column Headers and Browser Support (aar)162
accessibility, html
Colors That Make Sense161
accessibility, colors
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)160
html, naming
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)159
modals, html
HTML Cheat Sheet—HTML Elements List Reference (fre)158
html, examples, cheat-sheets
4 Questions to Ask Before Using ARIA157
accessibility, aria, testing
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)156
html, accessibility
Div Divisiveness (sco)155
html
Show, Don’t Tell (css)154
writing, design
How to Define Your Relationship to Sites You Link To (ste)153
how-tos, html, links, seo
HTML Cheat Sheet152
html, examples, cheat-sheets
Details/Summary (5t3)151
html, disclosure-widgets
Semantics and How to Get Them Right (hdv/btc)150
videos, html, accessibility
Design Systems, Structured Content, and Headless Publishing (amy)149
design-systems, content, headless
Semantic “menu” Context (sco)148
html
Buttons vs. Links (yat)147
html, buttons, links, comparisons
HTML Cheatsheet146
html, examples, cheat-sheets
Use the “i” Element, and Use It Appropriately (j9t)145
html
Not Your Typical Horizontal Rules (sar)144
html
HTML: The 16 Content Categories and Their Elements (j9t)143
html
Why You Should Choose HTML5 “article” Over “section” (bru/sma)142
html, headings
Quoting in HTML: Quotations, Citations, and Blockquotes (css)141
html
Conversational Semantics (aar/btc)140
videos, html, voice, conversational-design
How to Section Your HTML (css)139
how-tos, html, examples
Why, How, and When to Use Semantic HTML and ARIA (ada/css)138
html, aria, accessibility
You’re Using “em” Wrong (log)137
html, markdown
Conversational Semantics (aar/ali)136
html, voice, conversational-design
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)135
accessibility, contrast, colors, labels, forms, typography, keyboard-navigation
A Developer’s Guide to Better Accessibility (a11+/24a)134
guides, accessibility, html, keyboard-navigation, naming, tooling
A Look Back at the History of CSS (jay/css)133
history, css, browsers, doctypes, box-model, hacks, standards, css-zen-garden
Writing JavaScript With Accessibility in Mind (mat)132
javascript, accessibility, focus, buttons, aria
The Document Outline Dilemma (ame/css)131
html, headings, accessibility
HTML5 Page Structure Basics (lou)130
fundamentals, html
What’s New in HTML 5.1129
html
Meaningful CSS: Style Like You Mean It (tba/ali)128
css, html
Do You Know These Eight HTML5 Tags?127
html
No Good Can Come of Bad Code (zel/ali)126
quality, accessibility, standards
A Vision of Web Development (j9t)125
outlooks, minimalism, conformance, maintainability
10 Typical HTML Interview Exercises124
html, interviewing, conformance, aria
HTML5 Forms: The Markup (cra)123
html, forms
A Q&A on the Picture Element (wil+/ali)122
interviews, html, images, responsive-design
The Battle for the Body Field (ali)121
html, xml, wysiwyg
10 HTML Tags You May Not Be Using120
html
The HTML5 “meter” Element (pan/css)119
html, examples
HTML Table Element Guide (chr/css)118
guides, html, tables, css
A Look at the HTML5 “nav” Element117
html, navigation
Semantic CSS With Intelligent Selectors (hey/sma)116
css, selectors, html
Introducing the New HTML5 “<main>” Element (cra)115
introductions, html
On Web Semantics (j9t)114
html, best-practices
HTML for Icon Font Usage (chr/css)113
html, icon-fonts, fonts
Getting Started in HTML5112
introductions, html, multimedia, forms, apis
Let’s Talk About Semantics (htm)111
html, naming
About HTML Semantics and Front-End Architecture110
html, naming, architecture
Sexy New HTML5 Semantics (bru/sma)109
html
Pursuing Semantic Value (sma)108
html
Our Pointless Pursuit of Semantic Value (div/sma)107
html
Goodbye “time”, “datetime”, and “pubdate”—Hello “data” and “value” (htm)106
html, attributes, time
The Hidden Nuggets of WCAG2: Information Relationships105
accessibility, wcag, html
On Semantics in HTML (j9t)104
html
The Return of the “u” Element (htm)103
html
Are CSS Tables Better Than HTML Tables?102
tables, css, html, comparisons
Learning to Love HTML5 (lou/sma)101
html
When (and When Not to) Use an Anchor Tag? (chr/css)100
html, links
What Makes for a Semantic Class Name? (chr/css)99
html, css, attributes, naming, examples
Naming and Using IDs and Classes Properly (mat)98
html, css, attributes, naming
Making Forms Fabulous With HTML597
html, forms, overviews
How Important Is Semantic HTML?96
html
Don’t Forget About HTML5’s “Little Guys” (lou)95
html
Extending HTML5—Microdata (htm)94
microdata, html, attributes
Exploring Markup for Breadcrumbs (chr/css)93
html, navigation, breadcrumbs
Extending HTML5—Microformats (htm)92
microformats, html, attributes
The Beauty of Semantic Markup, Introduction91
introductions, html, microformats
microformats.org at 5: Two Billion Pages With hCards, 94% of Rich Snippets (tan/mic)90
microformats, anniversaries, metrics
Are You Ready for HTML 5?89
html, simplicity, multimedia, canvas, forms
This Is Your Site—This Is Your Site on HTML5 (bur)88
html, standards
Semantic Navigation With the “nav” Element (tom/htm)87
html, navigation
Value Class Pattern (tan/mic)86
microformats, html
A Big Day for Microformats (tka)85
microformats, html
Semantic Technologies Should Be Personal (tan)84
semantic-web
Table Layouts vs. Div Layouts: From Hell to… Hell? (sma)83
html, layout, tables, comparisons
Our Yearly Reminder of What It’s All About (jch)82
awareness-days, css, maintainability
Making “<time>” Safe for Historians81
html, time
“<section>” Is Not Just a “Semantic ‘<div>’”80
html
The 5 Most Under-Used HTML Tags (cra)79
html
Why CSS Should Not Be Used for Layout78
css, layout, tables, html
Semantics in HTML 5 (joh/ali)77
html
The Road to HTML 5—The “section” Element (div)76
html, history
Opera Study: Only 4.13% of the Web Is Standards-Compliant (ars)75
studies, research, opera, standards, conformance
Getting Semantic With Microformats: XFN74
microformats, xfn
Separating Presentation From Semantics (bur)73
drupal
Design Rants (dav)72
design, typography, readability, responsive-design
A Preview of HTML 5 (lac/ali)71
html, overviews
What Beautiful HTML Code Looks Like (chr/css)70
html, attributes, conformance, formatting
At What Point Do Semantics Not Apply? (jch)69
html, css
Metadata, Meta Tags, Meta What?68
metadata, html, concepts, terminology
New Elements in HTML 5 (elh)67
html, examples, standards
Microformats: More Meaning From Your Markup (bri)66
microformats, html
Web Standards Do—the Way of Web Standards (oli/w3c)65
standards, html, http, content-negotiation, caching, performance, xml, xhtml, testing, processes, urls, redirecting
Six Months Later: The New HTML Working Group (sen)64
html, w3c, whatwg, standards
The “<b>” and “<i>” Elements (lac)63
html
Help Keep Accessibility and Semantics in HTML62
html, accessibility, standards
The Shape of Clean Semantics61
html, css, minimalism
HTML: The Top 5 Forgotten Elements (mat)60
html
Markup as a Craft (gar/dig)59
html, craft, simplicity, best-practices
Standards, Semantics, Accessibility, and HTML Email (jch)58
html, standards, accessibility, email
Use “class” With Semantics in Mind (w3c)57
html, css, attributes
Bulletproof HTML: 37 Steps to Perfect Markup56
html, xhtml, conformance, encoding, unicode, character-references
The Semantic Code55
html
Long Live the Q Tag (ali)54
html
A Positive Attitude to Development53
html, css, conformance, tables, hacks, browsers, accessibility, standards
Identifying Classy Semantics (far)52
html, attributes
What Are Microformats? (tan)51
slides, microformats, html, examples
Microformats: Tomorrow’s Web Today (mho)50
microformats, rdf
Tip: What Is Semantic Markup and Why Should You Care?49
html, tips-and-tricks
“dl”, “dt”, and “dd” Markup (ann)48
html, lists
First Annual Naked Day: April 0547
css, awareness-days, standards
Semantic Image Use (jch)46
html, images, alt-text, accessibility
Building Open Textual Content on HTML (tan/mic)45
html, content, microformats
Rel vs. Rev (mic)44
html, xhtml, microformats, comparisons
Web Blandards43
standards, web
Semantics in the Wild (joh)42
attributes, html, css, metrics
Class Attributes Are About More Than Styling (mic)41
html, attributes
The State of the Art in Australian Web Development (joh)40
surveys, xhtml, html, css, accessibility, metrics
Writing Semantic Markup (ric/dig)39
rss, xml, xhtml, attributes
Semantics, Standards, Accessibility … (bru)38
standards, accessibility, web-standards-project
Div Mania (gez)37
html, css, selectors
Why Generic XML on the Web Is a Bad Idea (ann)36
html, xml
Who Cares About Semantics Anyway? (dav)35
html, xhtml
XHTML Was Good for the Web (ann)34
xhtml, html, standards
Microformats and Semantics in Japan (mey)33
microformats, xfn
Questions on XHTML2 (ann)32
xhtml
Categories of Semantics31
html
Semantics (rob)30
html
Semantic Markup (ann)29
html
Emergent Semantics (mey)28
slides, microformats, xfn, xhtml
The Elements of Meaningful XHTML (tan)27
slides, xhtml, microformats
<div style='font-weight: bold'>Lost Cause</div>26
html
ALA Does Semantic Nonsense (ann)25
html, presentational-html
The Four Essentials of Modern Web Design24
fundamentals, conformance, accessibility, principles, quality
Link Relationships (lac)23
html, links, metadata
HTML, XHTML, Semantics, and the Future of the Web (joh)22
html, xhtml, web, outlooks, comparisons, conformance
Unordered Lists: More Than Just Bullets (w3c)21
html, lists
What’s in a Name (mal)20
html, naming, design, conventions
Atom (or Web Syndication) (ann)19
syndication, atom
Semantics: A New Beginning?18
semantic-web
Semantics, HTML, XHTML, and Structure17
html, xhtml, examples
HTML: More Structural Than Semantic (sim)16
html
This Validates (sim)15
conformance, xhtml
Semantic Markup14
html, xhtml
On Standards and Semantics (sto)13
standards, conformance
Semantics and Bad Code (dav)12
html, xhtml, conformance
Standards Don’t Necessarily Have Anything to Do With Being Semantically Correct (kot)11
standards, conformance, html, xhtml, css
Standards, Semantic Markup, Distributed Authorship, and Knowledge Management10
standards, xhtml, css, content-management
Semantic Obsolescence (div)9
xhtml, html
Tantek’s Markup Challenge (sim)8
html
A Touch of Class (tan)7
html, attributes, examples
Why Semantic Markup Is So Important6
xhtml, 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