WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Non-dynamic alerts in web page

for

From: joe
Date: May 4, 2020 1:33PM

Hi Todd,

Long time no see. I would not use any kind of aria-live region for these
static announcements. My Personal recommendation is two fold:

1. Place in high in the reading order, depending on Importance. This could
be as high as right after the skip navigation link. This may not always be
easy or possible.
2. Put it in an element with role="region" (my suggestion is <div> or
<section>) with an informative aria-label as you suggested. Depending on
the criticality of the message, you could start the aria-label attribute
with something like "Important:".

Thankx,
Joe Humbert
Accessibility Champion
Android & iOS Accessibility Novice