WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Notification banner with interactive link

for

Number of posts in this thread: 4 (In chronological order)

From: Sudheer Babu
Date: Thu, Oct 11 2018 10:49AM
Subject: Notification banner with interactive link
No previous message | Next message →

Hi all,

We have a notification banner with interaction link which appears after
certain functionality and lasts for 3-5 seconds only. Is this accessibility
compliant?

Thanks!
Sudheer.

From: glen walker
Date: Thu, Oct 11 2018 12:52PM
Subject: Re: Notification banner with interactive link
← Previous message | Next message →

Sounds like you have a toast message. This was discussed on this forum
about a year ago, along with songs about toast.

https://webaim.org/discussion/mail_thread?thread=8468

My personal feeling about toast messages is that they should only be used
for non-important messages and that if ignored, don't hurt anything. I use
Microsoft Outlook on a PC as an example. When I get a new email, a toast
pops up but I can ignore it if I want. I don't lose any info by ignoring
it because I can go to the app and see if I have new email. However, there
are some nice settings with the outlook toast that I can change, such as
how long the message is displayed and the opacity. I can also associate a
sound with getting new mail so I don't even have to see that there is a
toast message.

Given the limited info for your situation, it's hard to say if you have an
accessibility problem or not. Is the link that appears important enough to
let the user know about it (aria-live)? Can other things appear for 3-5
seconds too? Can you control how long it appears? Does it have any
focusable/interactive elements? Where does it appear in the tab order? If
any of these issues apply, then maybe a toast message isn't the right UX.

Glen

From: Mohith BP
Date: Fri, Oct 12 2018 12:15AM
Subject: Re: Notification banner with interactive link
← Previous message | Next message →

Hi Sudheer,

Adding to glen's point as you mentioned there is an interactive
element in the notification.
If the user can interact using the element then it is not
accessibility compliant as if it losts only for few seconds many users
may not be able to use the same.

Thanks & Regards,
Mohith B. P.

On 10/12/18, glen walker < = EMAIL ADDRESS REMOVED = > wrote:
> Sounds like you have a toast message. This was discussed on this forum
> about a year ago, along with songs about toast.
>
> https://webaim.org/discussion/mail_thread?thread=8468
>
> My personal feeling about toast messages is that they should only be used
> for non-important messages and that if ignored, don't hurt anything. I use
> Microsoft Outlook on a PC as an example. When I get a new email, a toast
> pops up but I can ignore it if I want. I don't lose any info by ignoring
> it because I can go to the app and see if I have new email. However, there
> are some nice settings with the outlook toast that I can change, such as
> how long the message is displayed and the opacity. I can also associate a
> sound with getting new mail so I don't even have to see that there is a
> toast message.
>
> Given the limited info for your situation, it's hard to say if you have an
> accessibility problem or not. Is the link that appears important enough to
> let the user know about it (aria-live)? Can other things appear for 3-5
> seconds too? Can you control how long it appears? Does it have any
> focusable/interactive elements? Where does it appear in the tab order? If
> any of these issues apply, then maybe a toast message isn't the right UX.
>
> Glen
> > > > >

From: Maxability A11Y
Date: Thu, Oct 18 2018 1:32AM
Subject: Re: Notification banner with interactive link
← Previous message | No next message

Hi Sudheer,
Sorry for late into the discussion. I wrote an article on toaste
accessibility at http://www.maxability.co.in/2018/02/toast-is-it-accessible/
.
This may give you some clarity on,
1. The length of the message and the time duration it appear.
2. Is this a mobile or desktop app?
3. On which location does it appear, and is that consistant each time it
appears?
4. What do the interactive element do? Close or anything else.
5. Have you considered other accessibility issues such as color contrast,
text resize etc.
Thanks & Regards
Rakesh

On Fri, Oct 12, 2018 at 11:45 AM Mohith BP < = EMAIL ADDRESS REMOVED = > wrote:

> Hi Sudheer,
>
> Adding to glen's point as you mentioned there is an interactive
> element in the notification.
> If the user can interact using the element then it is not
> accessibility compliant as if it losts only for few seconds many users
> may not be able to use the same.
>
> Thanks & Regards,
> Mohith B. P.
>
> On 10/12/18, glen walker < = EMAIL ADDRESS REMOVED = > wrote:
> > Sounds like you have a toast message. This was discussed on this forum
> > about a year ago, along with songs about toast.
> >
> > https://webaim.org/discussion/mail_thread?thread=8468
> >
> > My personal feeling about toast messages is that they should only be used
> > for non-important messages and that if ignored, don't hurt anything. I
> use
> > Microsoft Outlook on a PC as an example. When I get a new email, a toast
> > pops up but I can ignore it if I want. I don't lose any info by ignoring
> > it because I can go to the app and see if I have new email. However,
> there
> > are some nice settings with the outlook toast that I can change, such as
> > how long the message is displayed and the opacity. I can also associate
> a
> > sound with getting new mail so I don't even have to see that there is a
> > toast message.
> >
> > Given the limited info for your situation, it's hard to say if you have
> an
> > accessibility problem or not. Is the link that appears important enough
> to
> > let the user know about it (aria-live)? Can other things appear for 3-5
> > seconds too? Can you control how long it appears? Does it have any
> > focusable/interactive elements? Where does it appear in the tab order?
> If
> > any of these issues apply, then maybe a toast message isn't the right UX.
> >
> > Glen
> > > > > > > > > >
> > > > >