• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Digital A11Y

Digital A11Y

Your Accessibility Partner

  • About
  • Articles
  • WAI-ARIA
  • WCAG
  • Resources
    • 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 Senior Accessibility Consultant breaking web accessibility & mobile accessibility challenges. He authors an Accessibility Blog & is galvanizing the adoption of accessibility by inspiring the local tech community with meetups and mentorship. He propelled this thought by founding HelloA11y, 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. Raghavendra Satish Peri also helps small business & individuals with Digital Marketing Trainings & SEO consulting… He has been building websites & doing SEO Consulting for more than 14years.

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

  • Understanding SC 4.1.3 Status messages
  • Understanding SC 2.5.4 Motion Actuation
  • Understanding SC 2.5.3 Label in Name
  • Knowbility looking for mentors in its Accessible Internet Rally
  • Understanding SC 2.5.2 Pointer Cancellation

Recent Comments

  • Al on Understanding SC 4.1.2 Name, Role, Value
  • Randy on Screen Readers & Browsers! Which is the Best Combination for Accessibility Testing?
  • Raghavendra Satish Peri on Screen Readers & Browsers! Which is the Best Combination for Accessibility Testing?
  • Raghavendra Satish Peri on Understanding SC 1.4.12 Text Spacing
  • Raghavendra Satish Peri on Understanding SC 4.1.2 Name, Role, Value

A11Y Categories

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

  • Privacy Policy
  • Sitemap
© 2021 Digital A11Y