Posted in

Enhancing Web Accessibility: Microsoft Edge’s ARIA Notify API Revolutionizes User Notifications for Assistive Technologies

by ailona•

Microsoft Edge has introduced ARIA Notify, a new API aimed at enhancing web accessibility for users with assistive technologies. Unlike ARIA live regions, ARIA Notify allows developers to communicate non-DOM changes, such as text formatting or notifications, directly to screen readers. This innovative API prioritizes notifications, ensuring users receive timely and relevant updates about web content changes.

Creating a More Accessible Web with ARIA Notify

Microsoft Edge has just rolled out an exciting new feature: ARIA Notify. This API aims to enhance web accessibility for all users, especially those relying on assistive technologies.

What’s New?

ARIA Notify is now available for developers as part of an Origin Trial starting with Microsoft Edge 136. Developers can enable it locally using the --enable-blink-features=AriaNotify flag. This API addresses a significant gap in how web content changes are communicated to users who rely on assistive technology.

“ARIA Notify is designed to replace the usage of ARIA live regions and overcome its limitations.”

Major Updates: Overcoming Limitations

Traditionally, developers have used ARIA live regions to communicate dynamic content changes. However, these regions are tied to DOM elements, making them ineffective for changes that don’t alter the DOM. For example, if a user bolds text in a document, no DOM change occurs, yet they still need confirmation of the action.

ARIA Notify provides a more ergonomic solution. It allows developers to send notifications directly to assistive technologies, ensuring that users receive timely updates about important actions.

How ARIA Notify Works

Developers can use the ariaNotify() method to announce messages. This method can be called on both the document object and specific DOM nodes. For instance:

document.ariaNotify("John Doe is connected");

This method also allows developers to set the priority of notifications. By using the priority option, developers can indicate how urgent a message is. For example:

document.ariaNotify("Unable to save changes, connection lost", {"priority":"high"});
“ARIA Notify is an ergonomic and predictable way to tell assistive technologies exactly what to announce to users.”

What’s Important to Know?

Testing ARIA Notify is straightforward. Developers can try it out locally or register for the Microsoft Edge Origin Trial to gather feedback. To enable the feature, simply run Edge with the appropriate command line argument.

For those interested in enhancing web accessibility, ARIA Notify represents a significant step forward. It not only simplifies the process but also ensures that all users, regardless of ability, receive the information they need.

Are you ready to give ARIA Notify a try? Share your thoughts and experiences as you explore this new API!

  • ARIA Notify is available for testing in Microsoft Edge 136 and can be enabled via a feature flag.
  • The API addresses limitations of ARIA live regions by allowing notifications for non-DOM changes.
  • Developers can specify the urgency of notifications using a priority option.
  • ARIA Notify enhances user experience for individuals with low vision by providing immediate feedback on actions.
  • Feedback from developers is encouraged to refine the API as part of the Microsoft Edge Origin Trial.

    • From the Windows Blog