HTML
General Tutorials
- 10 Typical HTML Interview Exercises - Aurelio De Rosa
- 30 Day Beginner HTML and CSS with Bree Hall - Chris Ferdinandi
- Beginners' Guide To Writing Good HTML - Bruce Lawson
- Dive Into HTML5 - Mark Pilgrim
- Can I Include - Alexander Vishnyakov
- Debugging HTML: Linting - Manuel Matuzović
- The Elements of HTML - Steve Faulkner
- HTML5 and ARIA Design Patterns - Leonie Watson and Steve Faulkner
- HTML5 Developer Conference Slides - Selfish Accessibility - Adrian Roselli
- HTML Quick-Start Guide for an Accessible Website - Sawsan
- Learn HTML - Estelle Weyl
- Marking up a Postal Address with HTML - Ian Devlin
- On HTML Belts and ARIA Braces - Steve Faulkner
- Template for Accessibility Guidelines (2023) - Steve Frenzel
Attributes
accesskey
- HTML5 Accesskey - Rakesh Paladugula
alt
- The Perils of Using Double Quotes "" Inside an Alt Attribute Text Value (2024) - Steve Faulkner
autocapitalization
- Autocapitalization - Manuel Matuzović
autocomplete
- An HTML Attribute Potentially Worth $4.4M to Chipotle - Jason Grigsby
- Autocomplete Values for Identifying Input Purpose - Rakesh Paladugula
- Autocompleting Password Fields - Manuel Matuzović
- What We Learned From Getting our Autocomplete Tested for Accessibility - Ed Horsford
autofill
- Autofill on Browsers: A Deep Dive - Shanmuga Priya Pandiyan
- Autofill: What Web Devs Should Know, but Don't - Jason Grigsby
autoplay
- HTML5 Autoplay Attribute - Rakesh Paladugula
code
- Best Practice for Code Examples - James Edwards
contenteditable
- Edit Someone Else's Website: contenteditable and designMode - Austin Gil
- The contenteditable Attribute - Jack Osborne
contextmenu
- Quick Tip - The HTML5 Context Menu Attribute - Sara Vieira
controls
- HTML5 Controls Attribute - Rakesh Paladugula
data
- A Complete Guide to Data Attributes - Chris Coyier
- How You Can Use HTML5 Custom Data Attributes and Why - Gajendar Singh
download
dragable
- 4 Major Patterns for Accessible Drag and Drop - Jesse Hausler
- Draggable Attribute - Paul J. Adam
for
- Short Update on Multiple Labels For - Steve Faulkner
- Using the 'for' Attribute on the 'output' Element in HTML5 - Louis Lazaris
form
- The Form Attribute - Enhancing Form Layout Flexibility (2023) - Alexander Muzenhardt
id
- Why Unique ID Attributes Matter (2023) - Lee Amador
inert
- Focus Management and inert (Updated Article) - Eric Bailey
- inert Attribute (HTML) (2023) - Michael Fairchild
form
- 11 HTML Best Practices for Login and Sign-Up Forms - Andrey Sitnik
- The HTML5 form Attribute - Craig Buckler
mailto
- All About mailto: Links - Chris Coyier
- The mailto: URI Scheme - Manuel Matuzović
hidden
- Hidden and aria-hidden - Steve Faulkner
- Hidden and Aria-hidden Support on the UP! - Steve Faulkner
- HTML5 Accessibility Chops: hidden and aria-hidden - Steve Faulkner
- HTML5's Global 'hidden' Attribute - Louis Lazaris
- The hidden Attribute in HTML (2023) - Ahmad El-Alfy
href
- Links, Missing href Attributes, and Over-Engineered Code - Martin Underhill
inputmode
- inputmode - Mozilla and Individual Contributors
media
- On the Media Attribute - Ian Devlin
lang
- Declaring Page Language-and Declaring Changes in Language - Jens Oliver Meiert
- How The HTML Lang Attribute Helps Accessibility - Bureau of Internet Accessibility
- On Use of the Lang Attribute - Adrian Roselli
- Quick Tip: Use the 'lang' Attribute for Better Accessibility - Eric Bailey
- The lang Attribute: Browsers Telling Lies, Telling Sweet Little Lies - Manuel Matuzović
- Using the HTML lang Attribute - Léonie Watson
- Using the Language Attribute to Make Your Website Accessible - Craig Abbott
longdesc
- HTML5 Image
Description (
longdesc
) Specification- Implementation Report: W3C HTML5 Image Description Extension (longdesc) - Charles McCathie Nevile and Liam R. E. Quin, editors
- HTML 5 Image Description Extension; New Web Accessibility Tutorial on Images - Geoff Freed
- The HTML5 longdesc Attribute is Finally Home Again - Shelley Powers
maxlength
- Don't Use the Maxlength Attribute to Stop Users From Exceeding the Limit (2024) - Adam Silver
placeholder
- A placeholder is Not a Label - Manuel Matuzović
- Accessible Form Placeholder Text - Zoltan Hawryluk
- Anatomy of Accessible Forms! Placeholder is a Mirage - Raghavendra Satish Peri
- Does Placeholder Text AND aria-describedby Work on a Form Field? - David MacDonald
- Don't Use The Placeholder Attribute - Eric Bailey
- Is Placeholder Text a Sufficient Accessible Label for Form Fields - David MacDonald
- Placeholder Attribute Is Not A Label! - Dennis Lembree
- Placeholder Text - Clever, or Too Clever? - Sarah E Bourne
- Placeholder: The Piss-Take Label - Steve Faulkner
- Re-Upped: placeholder - The Piss-Take Label - Steve Faulkner
- The Accessibility of Placeholder Links - Scott O'Hara
- Using the HTML5 Placeholder Attribute - Leonie Watson
popover
- Brief Note on Popovers with Dialogs - Adrian Roselli
- Clarifying the Relationship Between Popovers and Dialogs (2024) - Zell Liew
- Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (2023) - Hidde de Vries
- Dialog Dilemmas and Modal Mischief: On Building Popovers (Video) (2024) - Hidde de Vrie
- Drugs Button Popover (2024) - Steve Faulkner
- HTML Popover, Videos and display:blackhole (2023) - Bruce Lawson
- On popover Accessibility: What the Browser Does and Doesn't Do (2024) - Hidde de Vries
- Popover A11y (2024) - Scott O'Hara
- Popover API Lands in Baseline (2024) - Una Kravets
- Semantics and the Popover Attribute: Which Role to Use When? (2024) - Hidde de Vries
rel
- A Theory of Web Relativity - Álvaro Montoro
- A Problem with Link Relationships - Jens Oliver Meiert
required
- Required Attribute Requirements - Scott O'Hara
- Quick Reminder: HTML5 Required and Pattern Are Not a Security Feature - Chris Heilmann
role
- Notes on Use of Multiple ARIA Role Attribute Values - Steve Faulkner
- Proposed ARIA Password Role - Léonie Watson
- Respect Your Children - Steve Faulkner
- role="password" Is Not Wise - Jonathan Kingston
- Tip: role=search does not equal <input type=search> - Steve Faulkner
- Semantically Identifying a Font Icon with role="img" - W3C Accessibility Guidelines Working Group
scope
- Know the 'search' Element (2024) - Jens Oliver Meiert
search
- Short Note on Scoping Mechanisms - Steve Faulkner
- Tables and Beers - Steve Faulkner
- Tables, Tequila and Beer - Steve Faulkner
scoped
- The scoped attribute - Jack Osborne
sizes
- Sometimes 'sizes' is Quite Important - Chris Coyier
- Swapping Images with the Sizes Attribute - Scott Jehl
spellcheck
- HTML5 Spellcheck Attribute - David Walsh
srcset
- Improved Support for High-Resolution Displays with the srcset Image Attribute - Dean Jackson
- Responsive Images, Part 1 - Using srcset - Annarita Tranfici
- Responsive Images Revisited - The Srcset Attribute - Steven Bradley
- When to Use img, img@srcset, and picture and source - Jens Oliver Meiert
spellcheck
- Spell Check - Manuel Matuzović
srcN
- Responsive Images - Ain't We There Yet? - Marcos Caceres
- srcN - Alternative to picture and srcset - Marcos Caceres
switch
- Switching It Up With HTML's Latest Control (2024) - Daniel Yuschick
tabindex
- Focus Order and Accessibility - Chris Ferdinandi
- Tabindex for Accessibility: Good, Bad and Ugly - Rakesh Paladugula
- Use the tabindex Attribute - Eric Bailey
- Using the tabindex Attribute - Leonie Watson
- When to Use tabindex='0' (2024) - Graeme Coleman
target
tel
- Phone Number Links and Accessibility - Matt Smith
title
- Named and Framed - Steve Faulkner
- Make the title attribute visible on keyboard focus (Chrome Bug) - David Mac Donald
- Prayer for the Un-Entitled User (2024) - Steve Faulkner
- Repetition Avoidance (2024) - Steve Faulkner
- Quick Tip: Caution with the Title Attribute - WebAIM
- SVG Title vs. HTML Title Attribute - Chris Coyier
- Surprised that people calling themselves accessibility consultants are unaware that the use of title attribute on <abbr> #SUX - Steve Faulkner
- The Trials and Tribulations of the Title Attribute - Scott O'Hara
- Title Attribute on Images? - Patrick H. Lauke
- Title Texts Suck - Hampus Sethfors
- Tooltip Best Practices (2024) - Zell Liew
- Tooltips: Investigation into Four Parts (Video)- Sarah Higley
- Using the HTML title Attribute - Updated March 2020 - Steve Faulkner
- Using the Title Attribute to Help Users Predict Where They Are Going - Jakob Nielsen
type
- Is Input type="date" Ready For Use in Accessible Websites? - Graham Armfield
- HTML5 Input Types: Where Are They Now? - Drew McLellan
- HTML5 Forms Input Types - Richard Clark
- HTML5 Forms Input Types, Attributes and New Elements - Demos, Tips and Tricks - Robert Nyman
- Maybe Ignore type=search - Adrian Roselli
- What to Use Instead of Number Inputs - Chris Coyier
- Why the GOV.UK Design System Team Changed the input Type for Numbers - Hanna Laakso
width
- Do This to Improve Image Loading on Your Website (Video) - Jen Simmons
Elements
<a>
- A Link is a Button is a Link - Andrea Vaghi
- If You Need a Link, Don't Use a Button - Martin Underhill
- Link - Ian Devlin
- Links, Buttons, Submits, and Divs, Oh Hell - Adrian Roselli
- Navigation - Google Developers
- The Anchor Element (2024) - Heydon Pickering
- The Shape-Shifting "a" Element - Russ Weakley
<abbr>
- Abbreviations Suck - Chris Ferdinandi
- Revisiting the abbr Element - Ire Aderinokun
- Making the abbr Element Work for Touchscreen, Keyboard, and Mouse - Ire Aderinokun
- Marking up an Abbreviation - Steve Faulkner
- Short note: The Abbreviation Appreciation Society - Steve Faulkner
- The abbr Element (2024) - Heydon Pickering
- Using abbr Element with title Attribute (2024) - Adrian Roselli
<address>
- The address Element (2024) - Heydon Pickering
<address>
- The Address Element - Jack Osborne
<area>
- The area Element (2024) - Heydon Pickering
<article>
- <article> vs. <section>: How To Choose The Right One - Olushuyi Olutimilehin
- A Short Note on HTML5 article, section and hgroup - Bruce Lawson
- HTML5 - Section or Article? - Ian Devlin
- On Articles and Excerpts - Alex Bondarev
- Sections and Articles are Not Generic Containers - Virginia DeBolt
- The article Element - Tom Leadbetter
- The article Element (2024) - Heydon Pickering
- The article Element and Screen Readers - Manuel Matuzović
- Why You Should Choose HTML5 <article> Over <section> - Bruce Lawson
<aside>
- 30 Days of HTML Day 18: <main> and <aside> Get to the Point. Or Not. - Jen Kramer and Erika Lee
- Aside Revisited - Mike Robinson
- The aside Element (2024) - Heydon Pickering
<audio>
- Essential Audio and Video Events for HTML5 - James Edwards
- HTML5 Audio - The State of Play - Mark Boas
- The audio Element (2024) - Heydon Pickering
- Using HTML5 and Javascript to Deliver Text-Based Audio Descriptions - IBM and The National Center for Accessible Media (NCAM)
<blockquote>
- Blockquotes in Screen Readers (2023)- Adrian Roselli
- The blockquote Element (2024) - Heydon Pickering
- I've Been Doing Blockquotes Wrong (2024) - Michelle Barker
<b>
- The b Element (2024) - Heydon Pickering
- Using <b> and <i> Elements - W3C
<bdi>
- The bdi Element (2024) - Heydon Pickering
<br>
- The br Element (2024) - Heydon Pickering New!
<body>
- The body Element (2024) - Heydon Pickering
<button>
- A Complete Guide to Links and Buttons - CSS-Tricks
- Accessible HTML Toggle Button (Switch) - Erik Kroes
- Button State and Accessibility - Chris Ferdinandi
- Building a Good Download… Button? - Eric Bailey
- How (Not) to Build a Button - Ben Myers
- Close Buttons - Manuel Matuzović
- Create a Semantic 'breakout' Button to Make an Entire Element Clickable - Andy Bell
- Enough With the Role-Play-Let's Get Back to the Basics - Ian Lloyd
- Front End Devs - Learn And Undertsand HTML - Nicolas Steenhout
- How to Use the Button Element to Improve Accessibility - Rachel R. Vasquez
- If You Need a Link, Don't Use a Button - Martin Underhill
- It's Very Likely That… - Manuel Matuzović
- Links, Buttons, Submits, and Divs, Oh Hell - Adrian Roselli
- Making Disabled Buttons More Inclusive - Sandrina Pereira
- Preventing Form Submission With Zero Javascript - Eric W. Bailey
- Tasty Buttons - Manuel Matuzović
- The Button Cheat Sheet - Manuel Matuzović
- The button Element (2024) - Heydon Pickering
- When Going Somewhere Does a Thing: On Links and Buttons - Kilian Valkhof
- When Is A Button Not A Button? - Vadim Makeev
<canvas>
- Canvas Ready to Return to Last Call - Mark Sadecki
- Flipboard - React Canvas Accessibility - Steve Faulkner
- HTML Canvas 2D Context, Level 2
- HTML5 Canvas Sub DOM - Steve Faulkner
- HTML5 Multimedia: Using Video with Canvas - Ian Devlin
- What the Canvas Element Means for Accessibility - Mark Sadecki
<caption>
- 30 Days of HTML Day 23: <caption> and <th> Captions, Headings, and Summaries for Tables - Jen Kramer and Erika Lee
- Can a Heading Go Inside a Table Caption For WCAG Conformance - David MacDonald
<cite>
- Cite and Blockquote - Reloaded - Steve Faulkner
- On Citing Quotations. Again. - Bruce Larson
<datalist>
- Creating Autocomplete datalist Controls - Aurelio De Rosa
- Datalist is for Suggesting Values Without Enforcing Values - Chris Coyier
- Datalist Over ARIA Combobox - Dennis E. Lembrée
- HTML5 Datalist - David Walsh
- Meet the Datalist Element - Tiffany B. Brown
- Test: HTML input with datalist Test - Michael Fairchild, Dennis Lembrée, et al.
- Under-Engineered Comboboxen? - Adrian Roselli
<del>
- Crossed Out Content - Manuel Matuzović
<def>
- 30 Days of HTML Day 4: <dfn> - Erika Lee and Jen Kramer
<details>
and <summary>
- 30 Days of HTML Day 6: <details > and <summary> - Erika Lee and Jen Kramer
- A Details Element as a Burger Menu Is Not Accessible - Gerardo Rodriguez
- Accessible Accordions Part 2 - Using <details> and <summary> - Graham Armfield
- Details-As-A-Menu - Melanie Sumner
- Details / Summary - Stephanie Eckles
- Details / Summary Are Not [insert control here] - Adrian Roselli
- Details/Summary Inconsistencies - Manuel Matuzović
- Exploring What the Details and Summary Elements Can Do - Robin Rendle
- My Resume - Steve Faulkner
- Pausing a GIF with details/summary - Chris Coyier
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion - Chris Coyier
- The "<details>" and "<summary>" Elements Are Getting an Upgrade (2024) - Stephanie Stimac
- The Details and Summary Elements - Scott O'Hara
- The Details and Summary Elements, Again - Scott O'Hara
- The Details and Summary Elements - Tom Leadbetter
- The details Element and In-Page Search - Manuel Matuzović
- The Devil is in the Details… - Christian Heilmann
- The Devil is in the Details: A Look Into a Disclosure Widget Markup (2023) - Cristian Diaz
- Using <details> for Menus and Dialogs is an Interesting Idea - Chris Coyier
<dialog>
- A Look at the dialog Element's Super Powers - Stefan Judis
- An Intro to the dialog Element (2023) - Chris Ferdinandi
- Dialogs and Shadow Dom: Can We Make It Accessible? - Nolan Lawson
- Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers (Video) - Hidde de Vries
- Dialogs, modality and popovers seem similar. How are they different? - Hidde de Vries
- Having an Open dialog - Scott O'Hara
- HTML Dialog - Stephanie Eckles
- Meet the New Dialog Element - Keith J. Grant
- Some Hands-On with the HTML Dialog Element - Chris Coyier
- The dialog Element - Chris Manning
- Use the Dialog Element (Reasonably) - Scott O'Hara
<div>
- Divs - Brian Kardell
- Divs are Bad! - Manuel Matuzović
- Div Divisiveness - Scott O'Hara
- More to Give Than Just the Div: Semantics and How to Get Them Right - Hidde de Vries
- ol vs. ul vs. div - Manuel Matuzović
- Use of div in dl - Steve Faulkner
<dfn>
- Allow <dfn> Ancestor to Include <li> - Steve Faulkner
<dl>
- Brief Note on Description List Support - Adrian Roselli
- On the <dl> - Ben Myers
- The dl Element - Mike Robinson
<dt>
- HTML Buddies: <dt> and <dd> - Adrian Roselli
<em>
- You're Using <em> Wrong - Facundo Corradini
- Screenreader Support for Text-Level Semantics - Bruce Lawson
- Screen Readers Don't Convey the Semantics of STRONG and EM - Matthias Ott
<fieldset>
and <legend>
- Legendary legend! - Nicolas Steenhout
- Short Note on fieldset and legend Semantics - Steve Faulkner
- The State of fieldset Interoperability - Simon Pieters
- The State of Fieldset Interoperability - Bocoup - Jeremy Kieth
- Testing fieldset and legend with div and spaninside it, with JAWS and NVDA - David MacDonald
- Using the Fieldset and Legend Elements - Léonie Watson
- Use Legend and Fieldset - Adrian Roselli
<figure
and <figcaption>
- Alt vs Figcaption - Elaina Natario
- Hello, summary and figcaption elements - Bruce Lawson
- How Do You Figure? - Scott O'Hara
- How Do You Figure? - Chris Coyier
- HTML5 Accessibility Chops - The figure and figcaption Elements - Steve Faulkner
- HTML5 Accessibility Chops - Using Nested Figure Elements - Steve Faulkner
- Short Note on figure and figcaption - Steve Faulkner
- The figure & figcaption Elements - Richard Clark
<footer>
- The Footer Element Update - Jack Osborne
- Why Does HTML Footer Take role="contentinfo"? - Bruce Lawson
<form>
- Anatomy of Creating Accessible Forms: Is This Field 'Required?' - Raghavendra Satish Peri
- Anatomy of Creating Accessible Forms: Practice the Best - Raghavendra Satish Peri
- Better Form Inputs for Better Mobile User Experiences - Alex Holachek
- Disabled Form Controls and How to Tackle Them - Cătălin Roșu
- Everything You Need to Know About Designing Accessible Forms - Jamie O'Leary
- Form Design Patterns (Video) - Adam Silver
- Form Inputs - The Browser Support Issue You Didn't Know You Had - Aaron Ladage
- Forms Demo: Keyboard Users Love Forms - Bruce Lawson
- Good Forms (2024) - Dave Rupert
- Happier HTML5 Form Validation - Dave Rupert
- HTML Concepts: Form Owners - Jens Oliver Meiert
- HTML5 Form Validation - Ian Oxley
- HTML5 Forms: Dependable Tools in Our Toolbox - Estelle Weyl
- HTML5 Forms Input Types, Attributes and New Elements - Demos, Tips and Tricks - Robert Nyman
- HTML5 Forms Introduction and New Attributes - Richard Clark
- HTML5 Forms - The Markup - Craig Buckler
- How to Build Great HTML Form Controls - Austin Gil
- Native Form Elements - Joshua Jenkins
- Re: Mandatory Fields - Russ Weakley
- Short Note on the Accessibility of Styled Form Controls - Scott O'Hara
- Simple Inline Error Message Pattern - Steve Faulkner
- Smashing Podcast Episode 35 With Stephanie Stimac & Melanie Richards: What's Next For HTML Controls?? - Drew McLellan
- The Anatomy of Accessible Forms: The Problem with Placeholders (2024) - Sarah Arnold
- The 'Form' Element Created the Modern Web. Was It a Big Mistake? - Paul Ford
- The State of HTML5 Input Elements - Tim Severien
- Three Attributes for Better Web Forms - Jeremy Keith
- Under-Engineered Custom Radio Buttons and Checkboxen - Adrian Roselli
<head>
- A Free Guide to <head> Elements - Josh Buchea
Headings (<h1>
, <h2>
,
<h3>
, <h4>
, <h5>
, and
<h6>
)
- A Decade + a Year of Heading Backwards - Steve Faulkner
- Doing My Heading In (2024) - Steve Faulkner
- Heading Headache - Nicolas Steenhout …
- Heading Structures are Tables of Contents - Hidde de Vries
- Headings - Screen Reader Compatibility - Mark Rogers
- Let Your Headings do the Hard Work - Andrew Duckworth
- The Truth About "The Truth About Multiple H1 Tags" - Adrian Roselli
- What Are H Tags? How Headings Affect User Experience - Bureau of Internet Accessibility
- What's Your Heading? - Todd Libby
- Why Headings Aren't Simply Style Elements - Bureau of Internet Accessibility
<header>
- Should You Use HTML5 Header and Footer? - Bruce Lawson
- The Header Element - Richard Clark
<hgroup>
- Subheadings, Subtitles, Alternative Titles and Taglines in HTML - Steve Faulkner
<hr>
- Splitting Within Selects (2023) - Adrian Roselli
- Does the HTML (Horizontal Rule) Benefit Screen Reader Users? (2023) - Raghavendra Satish Peri
<iframe>
- Accessibility Testing and iframes - Jeff Singleton
- Hush Sweet iframe - Steve Faulkner
- iframe Accessibility - Manuel Matuzović
- Test - Screen Readers and the iframe Element - Jon Gibbins
- The iframe Delemma - David MacDonald
- Why Are iFrame Titles Important for Accessibility? - Bureau of Internet Accessibility
<img>
- 6 Steps to Improve HTML Images For Users & Developers - Austin Gil
- Alt vs Figcaption - Elaina Natario
- Image Display Elements - Stephanie Eckles
- Mini-guide to Add an Image - Cristian Díaz
- The Humble <img> Element and Core Web Vitals - Addy Osmani
- The Modern Way of Serving Images - Jacob 'kurtextrem' Groß
- What Width And Height Attributes Should You Use With Responsive Images? - Chip Cullen
<input>
- #33 Make Me One (Input) With Everything (2024) - Moritz Gießmann
- Color Inputs: A Deep Dive into Cross-Browser Differences - Ana Tudor
- Fine-tuning Text Inputs (2024) - Garrett Dimon
- Foundations: Labelling Text Fields With Input and Label (2024) - Demelza Feltham
- HTML Inputs and Labels: A Love Story - Amber Wilson
- HTML5 Tests - Inputs (Desktop Browsers) - Peter-Paul Koch
- HTML5 Tests - Inputs (Mobile Browsers) - Peter-Paul Koch
- Input Type 'date': The Accessibility of HTML Date Picker (2024) - Raghavendra Satish Peri
- Inclusive Inputs - Oscar Braunert
- Requirement Rules for Checkboxes (2024) - Aaron Gustafson
- The Hidden Depths of the Input Element (2023) - Phil Nash
- The <label> Element - Russ Weakley
- The Woes of Date Input - Ian Devlin
- What Happened to Text Inputs? (Video) - Heydon Pickering
<label>
- HTML Inputs and Labels: A Love Story - Amber Wilson
- An HTML Element Potentially Worth $18M to Indiegogo Campaigns - Adrian Roselli
- Don't Put Pointer-Events: None on Form Labels - Bruce Lawson
<kbd>
- 30 Days of HTML Day 13: <kbd> and <samp> - Erika Lee and Jen Kramer
<main>
- 30 Days of HTML Day 18: <main> and <aside> Get to the Point. Or Not. - Jen Kramer and Erika Lee
- Further Examples on Using the Main Element - Ian Devlin
- Jaws Scripts for the HTML5 Main Element - Leonie Watson
- <main> - Updated by Steve Faulkner
- Maincontent Element - Steve Faulkner, Editor
- Main-ly Speaking (2023) - Todd Libby
- The main Element - Ian Devlin
- The main Element - Richard Clark
- On HTML5 and the Proposed Main Element - Ian Devlin
- Scooby Doo and the Proposed HTML5 Element - Bruce Lawson
- Main element added to HTML 5.1 - Virginia DeBolt
- Pleased to see @bing using <main> in its Search results - Steve Faulkner
- Use Only One <main> on a Page - Adrian Roselli
- Using the Main Element - Bruce Lawson
- Why I Changed My Mind About the <main> Element - Bruce Lawson
<mark>
- Draw attention with mark - Mike Robinson
- Short Note on Making Your Mark (More Accessible) - Steve Faulkner
<menu>
- Semantic <menu> Context - Scott O'Hara
- The Menu Element - Ian Devlin
<meta>
- Security Headers Using <meta> (2023) - Saptak Sengupta
- Why is Viewport in a Meta Tag? - Bruce Lawson
<nav>
- Semantic Navigation With the Nav element - Tom Leadbetter
<meter>
- Measure Up with the Meter Tag - Tom Leadbetter
- On Ratings and meters - Lea Verou
- Reading the meter - Dana Byerly
- The HTML5 Meter Element - Pankaj Parashar
<noscript>
- Chrome's NOSCRIPT Intervention - Tim Kadlec
<ol>
- Designing a Reorderable List Component - Darin Senneff
- Did You Know the Ordered List Element Has Start and Reversed Attributes? - Robin Rendle
- Foundations: Lists - Léonie Watson
- I Blame the W3C's HTML Standard for Ordered Lists [tech, soc, Patreon] (2023) - Sibylla Bostoniensis
- ol vs. ul vs. div - Manuel Matuzović
- Reverse Ordered Lists - Manuel Matuzovic
- Reverse Ordered Lists in HTML5 - Louis Lazaris
- Reversing Ordered Lists - Manuel Matuzović
- The ol Element and Related Attributes: type, start, value, and reversed - Oli Studholme
- Tips for Making HTML Lists Accessible - Bureau of Internet Accessibility
- What Does a List Sound Like? - Rik Schennink
<output>
- Exploring the Underrated Output Element - Amy Carney
- output: HTML's Native Live Region Element - Scott O'Hara
- The Output Element - Richard Clark
- Using the 'for' Attribute on the 'output' Element in HTML5 - Louis Lazaris
<optgroup>
- Options for optgroup Labeling of Option's (2024) - Steve Faulkner
<p>
- Paragraphs (2024) - Scott O'Hara
<picture>
- 30 Days of HTML Day 28: <picture>, <source>, srcset, and Sizes - Jen Kramer and Erika Lee
- Defining Multiple Captions and Alt Text for Responsive Images - Ian Devlin
- Getting to the Picture Element - Jay Hoffmann
- Improving Responsive Images with the Picture Element - Annarita Tranfici
- Making Images Responsive - Virginia DeBolt
- Mixed Content and Responsive Images - Jonathan Snook
- Native Responsive Images - Yoav Weiss
- Picturefill - Scott Jehl
- Reducing Motion with the Picture Element - Brad Frost
- Responsive Images Done Right - A Guide To <picture> And srcset - Eric Portis
- Responsive Images Revisited-The Picture Element - Steven Bradley
- Responsive Images - Use Cases and Documented Code Snippets to Get You Started - Andreas Bovens
- On the Complexity of the Picture Element - Bruce Lawson
<popover>
- Semantics and the popover Attribute: What to Use When? - Hidde de Vries
<portal>
- Short Note on the Portal Element - Steve Faulkner
<pre>
- Reconsidering Pre and Reflow - Wayne Dick
<progress>
- Building an Accessible Progressive Loader (Slides) - Russ Weakley
- Cross Browser HTML5 Progress Bars In Depth - Zoltan Hawryluk
- The HTML5 progress Element - Pankaj Parashar
- The Progress Element - Ian Devlin
- Writing Semantic HTML Even When You Don't Know Any Better: Progress vs Meter - Leslie Cohn-Wein
<role>
<s>
- Crossed Out Content - Manuel Matuzović
- Strikethrough Accessibility - Dennis E. Lembrée
<samp>
- 30 Days of HTML Day 13: <kbd> and <samp> - Erika Lee and Jen Kramer
<search>
- New HTML Element: search - Álvaro Montoro
- The search Element - Scott O'Hara
<section>
- Accessibility of the Section Element - Scott O'Hara
- HTML5 - Section or Article? - Ian Devlin
- Screen Reader Support for HTML5 Sections - Leonie Watson
- Sections and Articles are Not Generic Containers - Virginia DeBolt
- The Deal with the Section Element - Chris Coyier
- The Section Element - Bruce Lawson
- The Section Element - Manuel Matuzović
- Using the HTML5 Section Element - Leonie Watson
- Why You Should Choose HTML5 <article> Over <section> - Bruce Lawson
<select>
- <article> vs. <section>: How To Choose The Right One - Olushuyi Olutimilehin
- <select> Your Poison - Sarah Higley
- <select> Your Poison Part 2: Test All the Things - Sarah Higley
- Do I Need a Custom Select? - Brad Frost
- Misconceptions Can Kill Accessibility Momentum (2023) - Eric Eggert
- Splitting Within Selects (2023) - Adrian Roselli
- Standardizing <select> And Beyond: The Past, Present And Future Of Native HTML Form Controls - Stephanie Stimac
<selectmenu>
- Two Levels of Customising <selectmenu> - Hidde de Vries
<slot>
- A History of the HTML Slot Element - Jan Miksovsky
<source>
- The <source> Element (Video) - Simon Pieters
<sub>
and <sup>
- Brief Note on Super and Subscript Text - Adrian Roselli
<table>
- 30 Days of HTML Day 23: <caption> and <th> Captions, Headings, and Summaries for Tables - Jen Kramer and Erika Lee
- 5 Ways to Improve Table Accessibility - Rachele DiTullio
- Short Note on When is a Table a Table? - Steve Faulkner
- Data Tables - Heydon Pickering
- Demo: Uniquely Labeling Fields in Table - Adrian Roselli
- Don't Turn a Table Into an ARIA Grid Just for a Clickable Row (2023) - Adrian Roselli
- Getting Started with HTML Tables - Mark Harbottle
- HTML Concepts: Indicators for Layout Tables - Jens Oliver Meiert
- Making Accessible Sortable Table Columns is Not That Complex - Adrian Roselli.
- Multi-Column Sortable Table Experiment - Adrian Roselli
- Table with Expando Rows - Adrian Roselli
- Tables, JSON, CSS, ARIA, RWD, TLAs… - Adrian Roselli
- Uniquely Labeling Fields in a Table - Adrian Roselli
<template>
- A Guide to the HTML5 time Element - Aurelio De Rosa
- Resources for the New HTML template Element - Virginia DeBolt
<time>
- The Best of <time>s - Bruce Lawson
- The time Element - Ty Strong
<title>
- 9.5 Ways Google Rewrites Your Title Tags - Peter J. Meyers
<toast>
- Scraping Burned Toast - Adrian Roselli
- Toast - Jeremey Keith
<track>
- The track Element - Manuel Matuzović
<ul>
- 'Fixing' Lists - Scott O'Hara
- Lists - Jeremy Keith
- Lists- Google Developers
- ol vs. ul vs. div - Manuel Matuzović
- Revisiting Fundamentals - Semantic lists for Improved Accessibility (2023) - Winnie Bosibori
- Unordered Lists in Main Navigations - Manuel Matuzović
- WebKit's Presentational List Heuristics for Accessibility - James Craig
- What Does a List Sound Like? - Rik Schennink
<video>
- Accessible Date Pickers - Dennis Lembree
- Adding Captions and Subtitles to HTML5 Video - Ian-Devlin and Chris David Mills
- ARIA vs HTML - Adrian Roselli
- Attributes - Google Developers
- ARIA (Are Ya) Afraid of the Dark?: Unmasking Common HTML Monsters to Create Better User Experiences (Video) (2024) - KJ Schmidt
- Comparison of Browsers on HTML5 Video Accessibility - Terrill Thompson
- Help with WebVTT - Ian Devlin
- HTML5 Video Accessibility: Updates, Features, & Guidelines (Video) - John Foliot
- Key Takeaways from HTML5 Video Accessibility - Deborah Edwards-Onoro
- HTML5 Video and Background Images - Ian Devlin
- HTML5 Video and Multiple Track Display - Ian Devlin
- HTML5 Video Captions - Current Browser Status - Ian Devlin
- HTML5 Video for Retina Displays - Ian Devlin
- HTML Video Sources Should Be Responsive - Scott Jehl
- How to Use Responsive HTML Video (…and Audio!) (2023) - Scott Jehl
- Showing Multimedia Fallback Content When no Supported Source is Found - Christian Heilmann
- The HTML <video> Element Needs to go Back on the Drawing Board - Daniel Aleksandersen
- The Video Element - Tom Leadbetter
- Video for Everybody - Kroc Camen
- Subtitles and Captions With WebVTT - Tiffany B. Brown
- Using the Web Speech API to Control a HTML5 Video - Ian Devlin
- What Do You need to Know About HTML5 Video - Elena Vakhromova
Articles & Related Links
- 2024: 0.5% of the Global Top 200 Websites Use Valid HTML (2024) - Jens Oliver Meiert
- 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (2024) - Angelika Tyborska
- A Simple Custom - Steve Faulkner
- Accessibility Savvy: Semantic HTML and Accessibility (Video) - Crystal Preston-Watson
- Code Overview (2024) - University of Minnesota Libraries
- Experience (2023) - Daniela Kubesch
- Distinguishing Between ARIA and Native HTML Attributes (2024) - Jeremy Katherman
- HTML as the Baseline (2024) - Chris
- HTML attributes vs DOM properties (2024) - Jake Archibald
- HTML Element Test File Index (2024) - Steve Faulkner
- Jaws HTML Support (2024) - Steve Faulkner
- Never Underestimate HTML (2023) - Lara Aigmüller
- Screen Readers Support for Text Level HTML Semantics (2023) - Steve Faulkner
- Semantics
- HTML5 Guidelines for Web Developers: Structure and Semantics for Documents - Klaus Forster and Bernd Oggl
- HTML5 Semantics - Bruce Lawson
- HTML5 Semantics and Accessibility - Steve Faulkner
- HTML Semantics and Accessibility Cheat Sheet - WebAIM
- Representation of Style - Steve Faulkner
- Semantic Code in HTML: What Is It and Does It Still Matter? (2024) - Paul Boag
- Screen Readers Don't Convey the Semantics of STRONG and EM - Matthias Ott
- Screen Readers Support for Text Level HTML Semantics (2023) - Steve Faulkner
- The Road to HTMHell is Paved with Semantics (2024) - Vadim Makeev
- State of HTML 2024 Survey (2024) - Sacha Greif, et.al.
- The HTML History and Optimization Cheat Sheet (2024) - Jens Oliver Meiert
- The Unreasonable Effectiveness of Simple HTML (2024) - Terence Eden
- The UX of HTML (2023) - Vasilis van Gemert
- Techniques to Break Words (2024) - Adrian Roselli
- Using Chrome's Accessibility Tree for Manual Testing of HTML and ARIA (Slides) (2023) - Russ Weakley
- Web Components
- Accessible Components (2023) - Melanie Sumner
- HTML Web Components: An Example (2023) - Jim Nielsen
- HTML Web Components Are Having a Moment (2023) - Scott Vandehey
- HTML Web Components Are Just JavaScript? (2023) - Miriam Suzanne
- HTML Web Components (2023) - Jeremy Keith
- HTML Web Components on the Server Are Great (2024) - Scott Jehl
- My Approach to HTML Web Components (2024) - Jeremy Keith
- The Elevator Pitch For Web Components (2023) - Chris Ferdinandi
- The Web Component Success Story (2024) - Jake Lazaroff
- Web Components Accessibility FAQ (2023) - Manuel Matuzović
- Web Components Are Okay (2024) - Nolan Lawson
- Web Components FTW! (2023) - Chris Ferdinandi
- Web Components: Little Bits (Video) (2024) - David Darnes