E-mail List Archives

Search E-mail List Archives for

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

From: Vaibhav Saraf
Date: Tue, Sep 01 2020 6:56AM
Subject: Accessibility for a data processing button
No previous message | Next message →

Hi Everyone,

Not very sure on how to frame the subject for the query, hope this one
suffices.

My colleagues have implemented a custom button which is labelled as
'Generate reports', when activated it will process some data in the
back-end and will remain disabled for the period. Once processing is done a
download link appears in place of the button to download the generated
reports.

When the button is triggered 'Report generation started' is announced.
Visually the button changes from orange to yellow and finally blue when it
appears as a link. Although the conclusion of the process is not alerted.
to a screen reader. There is also a visible label on the button.

I am thoughtful about including such an alert but want to know your
perspective about other accessibility issues you see in the setup.

Thanks,
Vaibhav

From: Birkir R. Gunnarsson
Date: Tue, Sep 01 2020 7:43AM
Subject: Re: Accessibility for a data processing button
← Previous message | Next message →

I would recommend two things:
1. A status message (using live regions) that first says processing,
then "the report is ready".
2. (optional) add a screen reader only description to the button,
something like:
"when the report is ready this button becomes a download link"
<button aria-describedby="rp">Generat report</button>
<span class="visuallyHidden" id="rp">When the report is finished this
button becomes a download ink</span>


On 9/1/20, Vaibhav Saraf < = EMAIL ADDRESS REMOVED = > wrote:
> Hi Everyone,
>
> Not very sure on how to frame the subject for the query, hope this one
> suffices.
>
> My colleagues have implemented a custom button which is labelled as
> 'Generate reports', when activated it will process some data in the
> back-end and will remain disabled for the period. Once processing is done a
> download link appears in place of the button to download the generated
> reports.
>
> When the button is triggered 'Report generation started' is announced.
> Visually the button changes from orange to yellow and finally blue when it
> appears as a link. Although the conclusion of the process is not alerted.
> to a screen reader. There is also a visible label on the button.
>
> I am thoughtful about including such an alert but want to know your
> perspective about other accessibility issues you see in the setup.
>
> Thanks,
> Vaibhav
> > > > >


--
Work hard. Have fun. Make history.

From: glen walker
Date: Tue, Sep 01 2020 9:54AM
Subject: Re: Accessibility for a data processing button
← Previous message | No next message

I agree with Birkir and would add one thing to try. I'm not sure how well
supported it is but you can set aria-busy on the button while the
processing is happening.