1×
Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account
Autoplay

    Define a Live Region to Ensure Dynamic Changes are Announced by Assistive Technologies

    reactReact
    >=16.10.2

    When dynamic changes occur to content on a page they are usually visually apparent to users who can see the page but may not be made apparent to users of assistive technologies. ARIA live regions provide a way to make those dynamic content changes able to be announced by assistive technologies.

    ARIA attributes

    • aria-live: the priority with which updates are read
    • aria-atomic: whether the screen reader should always present the live region as a whole, even if only part of the region changes
    • aria-relevant - takes a list of what type of changes should be announced

    Resources