What is Accessible Name Calculation?

Marcy Sutton
InstructorMarcy Sutton

Share this video with your friends

Send Tweet

What's in a name? In this lesson, I'll explain the concept of naming interactive elements for screen reader users, including forms, buttons, and links. You'll learn how to debug accessible names and descriptions using the Chrome Accessibility Developer Tools (previously a Canary experiment, now in Chrome), using multiple labeling techniques. We'll also listen to the effects of proper accessible names and descriptions in Voiceover and Safari.

For more information and the nitty-gritty browser implementation algorithm, refer to WAI-ARIA 1.1:

  • https://www.w3.org/TR/wai-aria-1.1/#namecalculation
  • https://www.w3.org/TR/accname-1.1/