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, accountability, and support. Hide

dxsrc

“attributes” News Archive

Definition, related topics, tag feed

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

Entry (Sources) and Additional TopicsDate#
Best Practices for MFA Input (kar)189
accessibility, security, authentication, best-practices, html
Support for “headers” Attribute (aar)188
html, tables, accessibility, support, screen-readers, nvda, firefox, jaws, chrome, edge, voiceover, safari, talkback
Understanding “aria-details” (rus)187
aria, accessibility, html
Understanding “aria-roledescription” (rus)186
aria, accessibility, html
Don’t Use a Class for That (alv)185
html, selectors, css
Fixing My Tooltip Accessibility Mistake (jaf)184
accessibility, tooltips, html, aria, mistakes
Use Cases for “aria-expanded” (stv/pic)183
html, aria, accessibility, examples
“focusgroup” Tests (aar)182
html, focus, chrome, browsers, examples, accessibility
The Siren Song of “ariaNotify()” (wil/css)181
javascript, aria, notifications, html, jaws, nvda, voiceover, screen-readers, accessibility
“headingoffset” Is Not the Document Outline Algorithm (aar)180
html, headings
Context-Aware Headings in HTML (mat)179
headings, html
Why the “accept” Attribute Degrades File Upload UX (ada)178
forms, file-handling, user-experience
Lost, Forgotten, and Unfamiliar HTML (tho)177
html
Managing Anchor Associations With Data Attributes and Advanced “attr()” (dxn/fro)176
anchor-positioning, html, custom-data, css, functions
Don’t Put “aria-label” on Generic Elements Like Divs (mat)175
html, aria, screen-readers, support, accessibility
Our CSS Isn’t Opinionated Enough (cra)174
css, cascade, aria
Not All Hidden Content Is Equal: How Different Hiding Methods Impact Accessibility173
accessibility, hiding, css, html, aria, techniques, comparisons
ARIA Roles and Web Accessibility: A Quick Guide (lev)172
guides, accessibility, aria, html
My Thoughts on the “focusgroup” Attribute Proposal (stv)171
html, forms, focus
Tooltips That Work for Everyone (ele)170
tooltips, accessibility, html, aria, screen-readers, nvda, jaws
Testing Browser Support for “focusgroup”169
html, focus, javascript
Request for Developer Feedback: “focusgroup” (jac)168
html, focus, chromium, browsers
Your Skip Link Targets May Not Need “tabindex=-1” to Work Properly (mat)167
skip-links, html, accessibility
You Can Use Newline Characters in URLs (lem)166
urls, data-urls, links, html
Put “aria-hidden=true” on Decorative SVGs (mat)165
svg, images, aria, accessibility
“role=presentation” Is No Alternative for “aria-hidden=true” (mat)164
accessibility, aria, html, comparisons
“aria-haspopup” Might Not Do What You Think It Does (mat)163
html, aria, navigation, accessibility
Why “role="button"” on a “<button>” Does Nothing (rus)162
html, buttons, aria
Semantics Beyond the Tag Name (kno/mat)161
html, aria, semantics, accessibility
How “aria-labelledby” Really Works (rus)160
accessibility, aria, html
Controlling Dialogs and Popovers With the Invoker Commands API (sta/mat)159
modals, pop-overs, apis, html
Accessible by Design: The Role of the “lang” Attribute (col/mat)158
accessibility, internationalization, html, metrics
A Complete Guide to the HTML Number Input (oll)157
guides, html, forms
Make Navigation Accessible With “aria-current” (a11)156
accessibility, navigation, aria
“aria-label” or “title”? Screen Reader Behaviour Explained (a11)155
html, accessibility, screen-readers
A Few Things About the Anchor Element’s “href” You Might Not Have Known (jim)154
html, links, data-urls
How Semantics and ARIA Attributes Support Accessible Design (tpg)153
accessibility, semantics, aria, html
What Is “popover=hint”? (una)152
html, pop-overs
Escaping “<” and “>” in Attributes—How It Helps Protect Against Mutation XSS (sec)151
html, security, xss, escaping, chrome, browsers
HTML Spec Change: Escaping “<” and “>” in Attributes (sec)150
html, escaping, security, xss
Translating Accessibility (tpg)149
accessibility, localization, examples
Decorative Text Within HTML (ede)148
html, css, formatting
HTML Oddities: Does the Order of Attribute Values Matter? (ede)147
html, css, selectors
First Look at the Modern “attr()” (sha)146
css, functions, feature-detection
The “contenteditable” “plaintext-only” Attribute Value Combination Is Now Baseline Newly Available (tom)145
html, browsers, support, web-platform
Introducing “command” and “commandfor” (kei)144
introductions, html
The “attr()” Function in CSS Now Supports Types (ami)143
css, functions, types
Lesser Known Uses of Better Known Attributes (sma)142
html
How to Order Attributes on HTML Elements141
how-tos, html, sorting, conventions
The Difference Between HTML Attributes and Properties (pau/clo)140
html, javascript, terminology
PSA: Stop Using the “title” Attribute as Tooltip (dni/mat)139
html, tooltips, toggles, accessibility
HTML “inert” Attribute (stv/5t3)138
html
Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail?137
discussions, accessibility, html, forms, labels, aria, alt-text, images
How Are the “colspan” and “rowspan” Attributes Different? (geo/css)136
html, tables
Fine-Tuning Text Inputs (gar)135
forms, html, usability
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)134
css, html
“target=_blank” Implies “rel=noopener” (ste)133
links, html, security
HTML Attributes vs. DOM Properties (jaf)132
html, dom, comparisons
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)131
html, forms, usability
On “disabled” and “aria-disabled” Attributes (kit)130
accessibility, html, aria
Exploring the Power of ARIA Live Attribute in Web Accessibility129
accessibility, aria
Distinguishing Between ARIA and Native HTML Attributes (deq)128
html, aria, accessibility, comparisons
HTML Attributes That Every Web Developer Should Know127
html, pop-overs, forms, custom-data
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)126
bookmarklets, accessibility, html, accesskeys, aria, keyboard-shortcuts
Using “abbr” Element With “title” Attribute (aar)125
html, accessibility, browsers, assistive-tech, support
The “hidden” Attribute in HTML (ahm/mat)124
html
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)123
html, images, maintainability
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)122
fundamentals, html, accessibility, user-experience
The “form” Attribute—Enhancing Form Layout Flexibility (mat)121
forms, html
PHP Attributes in Laravel120
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)119
html
13 HTML Attributes You Should Know About118
html
Why Unique ID Attributes Matter (deq)117
accessibility, html, conformance
Styling External Links With Attribute Selectors (mic)116
links, css, selectors
What Does the Image “decoding” Attribute Actually Do? (tun)115
html, images, performance
Semantics and the “popover” Attribute: What to Use When? (hdv)114
html, semantics, accessibility, pop-overs
How “x-default” Can Help You (met)113
internationalization, urls, html, search, google
HTML: Help Users to Download Files With the HTML “download” Attribute112
html
Three Attributes for Better Web Forms111
forms, html
The Wasted Potential of CSS Attribute Selectors110
css, selectors, bem
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)109
performance, web-vitals, comparisons, html, aspect-ratio, css
Making Disabled Buttons More Inclusive (san/css)108
forms, buttons, focus, aria, html, accessibility
How the HTML “lang” Attribute Helps Accessibility107
accessibility, html, localization
Introducing “inert”106
introductions, html, accessibility, keyboard-navigation
Non-Interactive Elements With the “inert” Attribute (web)105
html, semantics
Those HTML Attributes You Never Use (lou/sma)104
html
Using the Language Attribute to Make Your Website Accessible (cra)103
accessibility, localization, internationalization
24 Lesser-Known HTML Attributes You May Want to Use102
html
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)101
html, aria
Links, Missing “href” Attributes, and Over-Engineered Code (tem)100
html, links, accessibility
7 Useful HTML Attributes You May Not Know99
html
Custom Attributes Are Fast Good and Cheap (dfk)98
css, selectors
SVG Title vs. HTML Title Attribute (chr/css)97
svg, html
Responsive Styling Using Attribute Selectors (css)96
css, selectors, responsive-design
The 24 Boolean Attributes of HTML (j9t)95
html
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css)94
css, html, comparisons
The “hidden” Attribute Is Visibly Weak (chr/css)93
html, hiding
Working With Attributes on DOM Elements (css)92
dom, custom-data, html, javascript
Splicing HTML’s DNA With CSS Attribute Selectors (sma)91
html, css, selectors
CSS Selectors: Attribute Selectors (web)90
css, selectors
Using the “aria-current” Attribute (tin)89
html, aria, accessibility
Presentation Attributes vs. Inline Styles (chr/css)88
html, svg, css, comparisons
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)87
html, css, selectors, naming
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)86
html, links, microcontent
Using the HTML “lang” Attribute (tin/tpg)85
accessibility, html, localization
About “rel=noopener” (mat)84
links, html, security
The ARIA Roles Model83
html, aria, accessibility
The HTML5 “longdesc” Attribute Is Finally Home Again (bur)82
html, accessibility
The HTML5 “form” Attribute (cra)81
html, forms
Selecting HTML5 “id” and “class” Names That Start With a Number in CSS (ben)80
html, selectors, css
6 Nifty, Time-Saving HTML Attributes79
html, forms
HTML5 Forms Introduction and New Attributes (htm)78
introductions, forms, buttons, html
Principles of Writing Consistent, Idiomatic HTML77
html, conventions, formatting, consistency, naming, sorting
If It Had Remained the Irrelevant Attribute (bur)76
html, accessibility
Multiple Attribute Values (chr/css)75
html, css, selectors
Goodbye “time”, “datetime”, and “pubdate”—Hello “data” and “value” (htm)74
html, time, semantics
What Makes for a Semantic Class Name? (chr/css)73
html, css, naming, semantics, examples
Naming and Using IDs and Classes Properly (mat)72
html, css, naming, semantics
The Actual Browser Problems With Unquoted Attributes (chr/css)71
html, support, browsers
Unquoted Attribute Values in HTML and CSS (mat)70
html, css, javascript
W3C HTML WG Decisions: “hidden”, “longdesc”, Table Summary, and the Myth of Hidden Metadata (bur)69
html, tables, standards, w3c
Why Use Classes or IDs on the HTML Element? (chr/css)68
html, css, selectors, wordpress, modernizr
Extending HTML5—Microdata (htm)67
microdata, semantics, html
Extending HTML5—Microformats (htm)66
microformats, html, semantics
HTML5 Custom Data Attributes (“data-*”) (htm)65
html, custom-data
Remove the “hidden” Attribute (bur)64
html, hiding
The Skinny on CSS Attribute Selectors (chr/css)63
css, selectors, html
Cross Browser HTML5 Drag and Drop (zol)62
html, drag-and-drop, javascript, examples
Don’t Misuse “rel” as a Custom Attribute (cra)61
html, metadata
Absent Elements and Validation (htm)60
html, conformance
Mandatory Alt Attribute Is Insignificant59
accessibility, html, images, alt-text
Examining WAI–ARIA Roles (gez)58
aria, accessibility
CSS3 Attribute Selectors (tel)57
css, selectors
Regex Matching Attribute Selectors (sib)56
css, selectors, regex
The Difference Between ID and Class (chr/css)55
html, css, selectors
Adding Classes to “input” Tags as a Matter of Course54
forms, html, css
Multiple CSS Classes53
css
HTML5 and “alt”: The Editors New Clothes (ste)52
html, alt-text, accessibility, standards
Conforming “target” Attribute (lac)51
html, pop-ups, conformance
“alt” Attributes Authoring Practices (kar/w3c)50
alt-text, html, images, accessibility, code-editors, tooling
Reverse Ordered Lists (lac)49
html, lists, standards
Avoiding Redundant “title” Attributes48
html, accessibility
Naming IDs With Numbers (rus)47
html
Using Titles on Form Fields46
forms, html, labels, accessibility
“aria-templateid” Explained45
aria, accessibility
IE 8: “alt” Change and “longdesc” Weirdness (ste)44
internet-explorer, browsers, alt-text, html, images, accessibility
Attribute Selectors in CSS43
css, selectors
Too Much Accessibility—the Rise and Fall of the LONGDESC42
accessibility, images, html
What Beautiful HTML Code Looks Like (chr/css)41
html, semantics, conformance, formatting
The “longdesc” Lottery (div)40
html, images, accessibility
The Price of Omitting the Alt39
html, images, alt-text, accessibility
WAI–ARIA in HTML (gez)38
html, aria, accessibility
The HTML 5 Image Element (gez)37
images, html, accessibility
Alternative Text for Images: The “alt” Attribute36
alt-text, accessibility, images, html
Why the “alt” Attribute May Be Omitted (lac)35
images, html, alt-text, accessibility, standards
Thinking “lowsrc”—How to Make Sites Appear to Be Available a Lot Faster (cod)34
performance, html, images, php
CSS for Deprecated HTML Attributes33
html, css, presentational-html, quality
Attribute Nightmare in IE (tob)32
internet-explorer, browsers, javascript
Use “class” With Semantics in Mind (w3c)31
html, css, semantics
Elements, Tags, and Attributes (j9t)30
html, terminology
Identifying Classy Semantics (far)29
html, semantics
Inline CSS Should Not Be Allowed in Strict Doctypes (emi)28
css, html, doctypes
Don’t Neglect the “title” Attribute27
html, usability, seo
Web Authoring Statistics26
studies, research, html, metadata, mime-types, http-headers, metrics
The “ping” Attribute (nza)25
html, firefox, browsers, privacy
Questioning Unobtrusive JavaScript24
javascript, events, html
Semantics in the Wild (joh)23
semantics, html, css, metrics
Class Attributes Are About More Than Styling (mic)22
html, semantics
Results for JavaScript: Navigating Links21
html, events, javascript, screen-readers, support, internet-explorer, firefox, home-page-reader, jaws, window-eyes, browsers, accessibility
Writing Semantic Markup (ric/dig)20
semantics, rss, xml, xhtml
HTML Tags vs. Elements vs. Attributes19
html, terminology, comparisons
Scripting Away Validation Concerns (gez)18
xhtml, standards, javascript, conformance
Alt Attribute (Alt Tag, Alt Tooltip) (ann)17
html, images, alt-text, accessibility
The “alt” and “title” Attributes16
html, alt-text, accessibility, images, comparisons, link-lists
Standardizing CSS Class and ID Names15
css, naming, conventions, presentational-html
Integrated Web Design: Seven Deadly Markup Sins (mho)14
design, encoding, doctypes, conformance, character-references, html, xhtml
Contradictions in Accessibility—Keyboard Usage and Tabindex (der)13
accessibility, keyboard-navigation, wcag, html
XHTML: Omit Redundant Classes and Default Attributes—Trim Duplicate Classes and Default Attributes to Optimize HTML Markup Code12
xhtml, css
Cool Use for CSS Attribute Selectors (and)11
css, selectors
HTML Tables Cookbook10
html, tables
The “alt” Attribute in HTML9
html, alt-text, images, accessibility
A Touch of Class (tan)8
html, semantics, examples
A Touch of Class7
html, css
Important Change to the “link” Tag (div)6
html
Underscores in Class and ID Names (mey)5
css, naming, support, browsers
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