• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Logo for DigitalA11Y

Digital A11Y

Your Accessibility Partner

  • About
    • Bio
      • Conference Speaking
      • Videos
      • mentions
  • Articles
  • Resources
    • WAI-ARIA
    • WCAG
    • Cheat Sheets
    • A11Y Blogs
    • A11Y Toolkit
  • Contact
You are here: Home / Web Accessibility / WCAG / Understanding SC 2.4.6 Headings and Labels

Understanding SC 2.4.6 Headings and Labels

Last Modified: February 28, 2018 by Raghavendra Satish Peri Leave a Comment

2.4.6 Headings and Labels: Headings and labels describe topic or purpose. (Level AA)

The intent of this success criteria is to provide descriptive headings & labels that are understood by all the users. Descriptive means clear, concise & easily understood content. Users with low vision, motor impaired & cognitive users will benefit most from this checkpoint.

Examples

Good example of Descriptive Heading

Introduction to DigitalaA11Y

Bad Example of Descriptivve Heading

Introduction

In the above examples the text “introduction to DigitalA11Y” is more descriptive & will be well understood by all the user groups. Providing just “Introduction” will not make sense if the user skips to the heading using a screen reader shortcut.

Good Example of Descriptive Label


Bad Example of Descriptive Label


In the above examples we can easily see that “first name” label is more descriptive & easily understood while “”last name” is labelled as “l name” which is not understood. “L name” can resemble anything which is the reason labels must be descriptive.

Points To Remember

  • Headings must be clear, concise & descriptive
  • Headings must follow a sequential order to avoid confusion.
  • Ensure that headings are consistent throughout the site
  • Ensure that labels are descriptive enough so that users can take necessary actions

References

Understanding Success Criterion 2.4.6

Share A11Y Love

  • Twitter
  • LinkedIn
  • Facebook
  • Reddit

More Accessibility Articles

Filed Under: WCAG Tagged With: descriptive, focus, heading, headings, label, WCAG

About Raghavendra Satish Peri

Raghavendra Satish Peri is a digital accessibility evangelist working at Deque Systems as Product Manager [Accessibility]breaking web accessibility & mobile accessibility challenges. He authors an Accessibility Blog at DigitalA11Y.com & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y.com, a community of accessibility professionals, developers and enthusiasts. When away from his computer, Raghava can be found at local cafes & restaurants sampling cuisines, attending local meetups, listening to audio books or writing on his Personal Blog at raghava.in.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Get Digital A11Y in Your Inbox

Recent A11Y Articles

  • WCAG 2.1 Checklist
  • A Sneak peek into WCAG 3.0 First Public Draft
  • Understanding SC 4.1.3 Status messages
  • Understanding SC 2.5.4 Motion Actuation
  • Understanding SC 2.5.3 Label in Name

Recent Comments

  • Donal Rice on Digital Accessibility Companies Roundup
  • Rajath on A Sneak peek into WCAG 3.0 First Public Draft
  • Raghavendra Satish Peri on Foresee Your Colors: Tools to Evaluate your design for Color contrast Accessibility
  • Raghavendra Satish Peri on Digital Accessibility Companies Roundup
  • Andrew Somers on Foresee Your Colors: Tools to Evaluate your design for Color contrast Accessibility

A11Y Categories

  • Design
  • Events
  • HTML
  • IOS
  • Mobile Accessibility
  • News
  • Tools
  • WAI-ARIA
  • WCAG
  • Web Accessibility

  • Privacy Policy
  • Sitemap
© 2021 Digital A11Y