aria-details attribute

Identifies the element that provides a detailed, extended description for the object. See related aria-describedby.

Estimated Support About

33.33% partially supported

JAWS

Chrome

92
1 2

Edge

92
1 2

IE

11.134
1 2

Firefox

66
1 2

Narrator

Edge

44.17763
1 2 3 4

NVDA

Chrome

92
1 2 3 4

Edge

92
1 2 3 4

Firefox

66
1 2 3 4

Orca

Firefox

69
1 2 3 4

TalkBack

Android

75
1 2 3 4

VoiceOver (iOS)

iOS

12.2
1 2 3 4

VoiceOver (MacOS)

Safari

12.1
1 2 3 4

Dragon Naturally Speaking

Voice Access (Android)

Voice Control (iOS)

Voice Control (MacOS)

Windows Speech Recognition

Notes

There is poor support for aria-details, so it should not be used as the only means of conveying the relationship between an object and its detailed description. Since aria-details can only reference an element that is elsewhere on the same page, the details will likely sill be discoverable by screen reader users. Until support is more robust, it might be worth while to consider an additional indication that the object has a detailed description on the same page by way of the alt attribute or similar method.

  • 1

    Didn’t allow the user to jump back to the referencing element

  • 2

    Didn’t allow the user to jump to the referenced element

  • 3

    Didn’t convey the boundaries of the details

  • 4

    Didn’t convey the presence of aria-details

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new software combination to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email or get in touch on Twitter.

Test it yourself

This feature was last tested on May 19, 2019.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.

View the test code