Life is about deciding who you 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

“labels” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: forms, accessibility (non-exhaustive) · “labels” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Accessibility (bog+/htt)43
web-almanac, studies, research, metrics, accessibility, colors, contrast, zooming, scaling, internationalization, keyboard-navigation, skip-links, forms, placeholders, multimedia, images, aria, overlays, ai
Testing Methods: Labels or Instructions (dec)42
accessibility, testing, wcag, forms, link-lists
The Anatomy of an Accessible Text Field (ink)41
forms, accessibility, html
Testing Methods: Label in Name (dec)40
accessibility, testing, wcag, aria
Testing Methods: Headings and Labels (dec)39
accessibility, wcag, testing, headings, forms
WCAG 2.1 Addition—Success Criterion 2.5.3: Label in Name (Level A)38
accessibility, wcag, standards, forms
Accessible Names and Labels: Understanding What Works and What Doesn’t (tpg)37
accessibility, naming, forms
Implicit Labels Aren’t (cfe)36
html, forms
More Than Just Text: The Real Power of Labels (tpg)35
accessibility, forms, html
A Label and a Name Walk Into a Bar (ste)34
accessibility, html, concepts, examples
Checkbox Design: 8 Guidelines33
videos, guidelines, forms, usability
How to Meet SC 2.5.3 “Label in Name” (tpg)32
how-tos, accessibility, wcag, forms
Accessible Forms: Tips and Techniques31
accessibility, forms, keyboard-navigation, errors, testing, tips-and-tricks, techniques
“aria-label” Is a Letdown (thi/wag)30
accessibility, aria, html
Implementing “aria-describedby” for Web Accessibility (flo/a11)29
accessibility, aria, forms, html
In Defense of Text Labels (chr)28
icons, images, usability, design
12 Web Accessibility Tips to Make Your Site More User-Friendly27
accessibility, tips-and-tricks, contrast, alt-text, keyboard-navigation, navigation, captions, skip-links, microcontent
10 Digital Accessibility Mistakes to Avoid26
accessibility, mistakes, alt-text, images, contrast, colors, keyboard-navigation, aria, semantics, headings, forms, pop-ups, testing
Using Padding to Space an Input and Label (dar)25
html, forms, spacing, css
Improve Accessibility of User Authentication (cer)24
accessibility, authentication, forms, validation
The Search Input: They Almost Got It Right (stv/mat)23
html, forms, screen-readers, assistive-tech, accessibility
Should Form Labels Be Wrapped or Separate? (sib/tpg)22
html, forms, accessibility, browsers, assistive-tech
Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail?21
discussions, accessibility, html, attributes, forms, aria, alt-text, images
Foundations: Labelling Text Fields With Input and Label (tet)20
accessibility, fundamentals, forms, html
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)19
accessibility, aria, html
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)18
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts
Button Labels: Is “OK” Ok? (uxd)17
forms, buttons, writing, usability
CSS Only Floating Labels16
css, floats, forms
Assume the Position—a Labeling Story (llo/tpg)15
accessibility, forms, html
Meaningful Labels Using ARIA—or Not (mat)14
accessibility, html, forms, aria
The “label” Element13
html, semantics
“aria-label” Is a Code Smell (eri)12
accessibility, aria, quality, technical-debt
The Truth Behind Implicit/Explicit Form Labels11
html, forms, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)10
accessibility, html, aria
“aria-labelledby” Usage Notes (ste)9
accessibility, aria, html
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)8
accessibility, forms, wcag, html
Name, Labels, ARIA, What to Do? (sco)7
accessibility, forms, writing, naming
Multi-Million Dollar HTML (chr/css)6
html, accessibility, economics
Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility (bel/css)5
accessibility, semantics, contrast, colors, forms, typography, keyboard-navigation
The Definitive Guide to Form Label Positioning4
guides, forms, design, accessibility, positioning
Float Labels With CSS (chr/css)3
css, floats, forms
How the Float Label Pattern Started2
forms, design-patterns, history
Source Order, Skip Links, and Structural Labels1
source-order, skip-links, screen-readers, accessibility