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 that they be respected and included. Hide

Frontend Dogma

“attributes” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: html · Subtopics: aria, custom-data (non-exhaustive) · “attributes” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
The Siren Song of “ariaNotify()” (wil/css)138
javascript, aria, notifications, html, jaws, nvda, voiceover, screen-readers, accessibility
Context-Aware Headings in HTML (mat)137
headings, html
Why the “accept” Attribute Degrades File Upload UX (ada)136
forms, file-handling, user-experience
Managing Anchor Associations With Data Attributes and Advanced “attr()” (dxn/fro)135
anchor-positioning, html, custom-data, css, functions
Don’t Put “aria-label” on Generic Elements Like Divs (mat)134
html, aria, screen-readers, support, accessibility
Our CSS Isn’t Opinionated Enough (cra)133
css, cascade, aria
Not All Hidden Content Is Equal: How Different Hiding Methods Impact Accessibility132
accessibility, hiding, css, html, aria, techniques, comparisons
ARIA Roles and Web Accessibility: A Quick Guide (lev)131
guides, accessibility, aria, html
My Thoughts on the “focusgroup” Attribute Proposal (stv)130
html, forms
Tooltips That Work for Everyone (ele)129
tooltips, accessibility, html, aria, screen-readers, nvda, jaws
Testing Browser Support for “focusgroup” (ada)128
html, focus, javascript
Request for Developer Feedback: “focusgroup” (jac)127
html, chromium, browsers
Your Skip Link Targets May Not Need “tabindex=-1” to Work Properly (mat)126
skip-links, html, accessibility
You Can Use Newline Characters in URLs (lem)125
urls, data-urls, links, html
“role=presentation” Is No Alternative for “aria-hidden=true” (mat)124
accessibility, aria, html, comparisons
Put “aria-hidden=true” on Decorative SVGs (mat)123
svg, images, aria, accessibility
“aria-haspopup” Might Not Do What You Think It Does (mat)122
html, aria, navigation, accessibility
Why “role="button"” on a “<button>” Does Nothing (rus)121
html, buttons, aria
Semantics Beyond the Tag Name (kno/mat)120
html, aria, semantics, accessibility
How “aria-labelledby” Really Works (rus)119
accessibility, aria, html
Controlling Dialogs and Popovers With the Invoker Commands API (sta/mat)118
modals, pop-overs, apis, html
Accessible by Design: The Role of the “lang” Attribute (col/mat)117
accessibility, internationalization, html, metrics
A Complete Guide to the HTML Number Input (oll)116
guides, html, forms
Make Navigation Accessible With “aria-current” (a11)115
accessibility, navigation, aria
“aria-label” or “title”? Screen Reader Behaviour Explained (a11)114
html, accessibility, screen-readers
A Few Things About the Anchor Element’s “href” You Might Not Have Known (jim)113
html, links, data-urls
How Semantics and ARIA Attributes Support Accessible Design (tpg)112
accessibility, semantics, aria, html
What Is “popover=hint”? (una)111
html, pop-overs
Escaping “<” and “>” in Attributes—How It Helps Protect Against Mutation XSS (sec)110
html, security, xss, escaping, chrome, google, browsers
HTML Spec Change: Escaping “<” and “>” in Attributes (sec)109
html, escaping, security, xss
Translating Accessibility (tpg)108
accessibility, localization, examples
Decorative Text Within HTML (ede)107
html, css, formatting
HTML Oddities: Does the Order of Attribute Values Matter? (ede)106
html, css, selectors
First Look at the Modern “attr()” (sha)105
css, functions, feature-detection
The “contenteditable” “plaintext-only” Attribute Value Combination Is Now Baseline Newly Available (tom)104
html, browsers, support, web-platform
Introducing “command” and “commandfor” (kei)103
introductions, html
The “attr()” Function in CSS Now Supports Types (ami)102
css, functions, types
Lesser Known Uses of Better Known Attributes (sma)101
html
How to Order Attributes on HTML Elements100
how-tos, html, sorting, conventions
The Difference Between HTML Attributes and Properties (pau/clo)99
html, javascript, terminology
PSA: Stop Using the “title” Attribute as Tooltip (dni/mat)98
html, tooltips, toggles, accessibility
HTML “inert” Attribute (stv/5t3)97
html
Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail?96
discussions, accessibility, html, forms, labels, aria, alt-text, images
How Are the “colspan” and “rowspan” Attributes Different? (geo/css)95
html, tables
Fine-Tuning Text Inputs (gar)94
forms, html, usability
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)93
css, html
HTML Attributes vs. DOM Properties (jaf)92
html, dom, comparisons
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)91
html, forms, usability
On “disabled” and “aria-disabled” Attributes (kit)90
accessibility, html, aria
Exploring the Power of ARIA Live Attribute in Web Accessibility89
accessibility, aria
Distinguishing Between ARIA and Native HTML Attributes (deq)88
html, aria, accessibility, comparisons
HTML Attributes That Every Web Developer Should Know87
html, pop-overs, forms, custom-data
Using “abbr” Element With “title” Attribute (aar)86
html, accessibility, browsers, assistive-tech, support
The “hidden” Attribute in HTML (mat)85
html
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)84
html, images, maintainability
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)83
fundamentals, html, accessibility, user-experience
The “form” Attribute—Enhancing Form Layout Flexibility (mat)82
forms, html
PHP Attributes in Laravel81
php, laravel
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)80
html
13 HTML Attributes You Should Know About79
html
Why Unique ID Attributes Matter (deq)78
accessibility, html, conformance
Styling External Links With Attribute Selectors (mic)77
links, css, selectors
What Does the Image “decoding” Attribute Actually Do? (tun)76
html, images, performance
Semantics and the “popover” Attribute: What to Use When? (hdv)75
html, semantics, accessibility, pop-overs
How “x-default” Can Help You (met)74
internationalization, urls, html, search, google
HTML: Help Users to Download Files With the HTML “download” Attribute73
html
Three Attributes for Better Web Forms (ada)72
forms, html
The Wasted Potential of CSS Attribute Selectors71
css, selectors, bem
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)70
performance, web-vitals, comparisons, html, aspect-ratio, css
Making Disabled Buttons More Inclusive (san/css)69
forms, buttons, focus, aria, html, accessibility
How the HTML “lang” Attribute Helps Accessibility68
accessibility, html, localization
Introducing “inert”67
introductions, html, accessibility, keyboard-navigation
Non-Interactive Elements With the “inert” Attribute (web)66
html, semantics
Those HTML Attributes You Never Use (lou/sma)65
html
Using the Language Attribute to Make Your Website Accessible (cra)64
accessibility, localization, internationalization
24 Lesser-Known HTML Attributes You May Want to Use63
html
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)62
html, aria
Links, Missing “href” Attributes, and Over-Engineered Code (tem)61
html, links, accessibility
7 Useful HTML Attributes You May Not Know60
html
Custom Attributes Are Fast Good and Cheap59
css, selectors
SVG Title vs. HTML Title Attribute (chr/css)58
svg, html
Responsive Styling Using Attribute Selectors (css)57
css, selectors, responsive-design
The 24 Boolean Attributes of HTML (j9t)56
html
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css)55
css, html, comparisons
The “hidden” Attribute Is Visibly Weak (chr/css)54
html, hiding
Working With Attributes on DOM Elements (css)53
dom, custom-data, html, javascript
Splicing HTML’s DNA With CSS Attribute Selectors (sma)52
html, css, selectors
CSS Selectors: Attribute Selectors (web)51
css, selectors
Using the “aria-current” Attribute (tin)50
html, aria, accessibility
Presentation Attributes vs. Inline Styles (chr/css)49
html, svg, css, comparisons
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)48
html, css, selectors, naming
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)47
html, links, microcontent
Using the HTML “lang” Attribute (tin/tpg)46
accessibility, html, localization
The ARIA Roles Model45
html, aria, accessibility
The HTML5 “longdesc” Attribute Is Finally Home Again (bur)44
html, accessibility
The HTML5 “form” Attribute (cra)43
html, forms
Selecting HTML5 “id” and “class” Names That Start With a Number in CSS (ben)42
html, selectors, css
6 Nifty, Time-Saving HTML Attributes41
html, forms
HTML5 Forms Introduction and New Attributes (htm)40
introductions, forms, buttons, html
Principles of Writing Consistent, Idiomatic HTML39
html, conventions, formatting, consistency, naming, sorting
If It Had Remained the Irrelevant Attribute (bur)38
html, accessibility
Multiple Attribute Values (chr/css)37
html, css, selectors
Goodbye “time”, “datetime”, and “pubdate”—Hello “data” and “value” (htm)36
html, time, semantics
What Makes for a Semantic Class Name? (chr/css)35
html, css, naming, semantics, examples
Naming and Using IDs and Classes Properly (mat)34
html, css, naming, semantics
The Actual Browser Problems With Unquoted Attributes (chr/css)33
html, support, browsers
Unquoted Attribute Values in HTML and CSS (mat)32
html, css, javascript
W3C HTML WG Decisions: “hidden”, “longdesc”, Table Summary, and the Myth of Hidden Metadata (bur)31
html, tables, standards, w3c
Why Use Classes or IDs on the HTML Element? (chr/css)30
html, css, selectors, wordpress, modernizr
Extending HTML5—Microdata (htm)29
microdata, semantics, html
Extending HTML5—Microformats (htm)28
microformats, html, semantics
HTML5 Custom Data Attributes (“data-*”) (htm)27
html, custom-data
Remove the “hidden” Attribute (bur)26
html, hiding
The Skinny on CSS Attribute Selectors (chr/css)25
css, selectors, html
Cross Browser HTML5 Drag and Drop (zol)24
html, drag-and-drop, javascript, examples
Don’t Misuse “rel” as a Custom Attribute (cra)23
html, metadata
Absent Elements and Validation (htm)22
html, conformance
Mandatory Alt Attribute Is Insignificant21
accessibility, html, images, alt-text
Regex Matching Attribute Selectors (sib)20
css, selectors, regex
The Difference Between ID and Class (chr/css)19
html, css, selectors
Conforming “target” Attribute (lac)18
html, pop-ups, conformance
What Beautiful HTML Code Looks Like (chr/css)17
html, semantics, conformance, formatting
The “longdesc” Lottery (div)16
html, images, accessibility
The Price of Omitting the Alt15
html, images, alt-text, accessibility
Attribute Nightmare in IE (tob)14
internet-explorer, microsoft, browsers, javascript
Elements, Tags, and Attributes (j9t)13
html, terminology
Web Authoring Statistics12
studies, research, html, metadata, mime-types, http-headers, metrics
The “ping” Attribute (nza)11
html, firefox, mozilla, browsers, privacy
Class Attributes Are About More Than Styling (mic)10
html, semantics
HTML Tags vs. Elements vs. Attributes9
html, terminology, comparisons
Alt Attribute (Alt Tag, Alt Tooltip) (ann)8
html, images, alt-text, accessibility
A Touch of Class (tan)7
html, semantics, examples
A Touch of Class6
html, css
Important Change to the “link” Tag (div)5
html
HTML in Retrospect—What Can We Learn From the Great Success, and the Great Failure?4
html, sgml, nesting, metadata, retrospectives
Index DOT HTML: The Advanced HTML Reference3
html, support, browsers, overviews
Why Attribute Values Should Always Be Quoted in HTML2
html
Unquoted Attribute Value Validator (mat)1
tools, exploration, auditing, debugging, html, conformance