# ARIA live regions
Using JavaScript, it is possible to dynamically change parts of a page without requiring the entire page to reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction. While these changes are usually visually apparent to users who can see the page, they may not be obvious to users of assistive technologies. ARIA live regions fill this gap and provide a way to programmatically expose dynamic content changes in a way that can be announced by assistive technologies.
--- ARIA live regions - Accessibility | MDN, opens in a new window
# Politeness settings
You can use the options polite
, assertive
and off
, if no configuration is defined, the default is off
.
# polite
It is used in most situations that present new information to users.
The notification will take place at the next available point, without interruptions.
Note
In the @vue-a11y/announcer plugin, opens in a new window the default is polite
# assertive
It is used in situations where the notification is important enough to communicate it immediately, for example, error messages or alerts.
this.$announcer.set('My notification error', 'assertive')
# off
Is the default and prevent assistive technology from keeping up with changes.