Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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 Other Related TopicsDate#
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