What does “accessibility node not exposed” mean?

Question

I was checking to make sure an element on my page has an accessible name in Chrome's Developer Tools and under the Computed Properties section of the Accessibility panel, it says "Accessibility node note exposed. Element not interesting for accessibility." What does that mean?

Answer

When you see "Accessibility node not exposed" on an interactive element, this means that there is something blocking it from being included in the accessibility tree (i.e. the element will not work with assistive technologies such as screen readers). This can be happen because of the following:

  • ARIA attribute of aria-hidden="true"
  • HTML attribute of hidden
  • CSS display:none