E-mail List Archives

Search E-mail List Archives for

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

From: Harshit Rawal
Date: Sun, Jan 10 2016 10:58PM
Subject: Angular website accessibility Issue
No previous message | Next message →

Hi,
I am working on a website that build on angular framework to make is
accessible, it has lots of html content. website's page loads in around 10
to 15 sec.
My issue with JAWs is, Jaws start reading page like "there is no links on
page" and stops reading other content that loads or bootstrap(angular term)
after few seconds.

Please suggest any way to fix this issue.


--
Thanks,

Harshit Rawal

From: dawn@dawnbudge.co.uk
Date: Mon, Jan 11 2016 4:03AM
Subject: Re: Angular website accessibility Issue
← Previous message | No next message

Hi Harshit,

my sympathies :) retrofitting accessibility is tougher than building it in
from scratch

As you know, Angular and similar load in content via AJAX. This means
that the content isn't available when the assistive technology
(screenreader) first hits the page and puts what it finds on the page into
a virtual buffer, because the AJAX call has not yet returned, nor the data
transformed into rendered HTML.

The aria-live attribute will indicate to the screenreader that this is an
area where content updates. It is designed for smaller bits within the
page rather than the whole page, but might help you out if you put it on a
high enough level.

usage:
<div aria-live="polite">loading...</div>

You might also want aria-busy changing between true and false to indicate
that an area is being updated.

I wrote up something on this a few years ago:
http://www.dawnbudge.co.uk/index.php/2013/08/make-javascript-updates-includi
ng-ajax-accessible/

Thanks,
Dawn



-------- Original Message --------
> From: "Harshit Rawal" < = EMAIL ADDRESS REMOVED = >
> Sent: 11 January 2016 05:59
> To: = EMAIL ADDRESS REMOVED =
> Subject: [WebAIM] Angular website accessibility Issue
>
> Hi, I am working on a website that build on angular framework to make is
accessible, it has lots of html content. website's page loads in around 10
to 15 sec. My issue with JAWs is, Jaws start reading page like "there is no
links on page" and stops reading other content that loads or
bootstrap(angular term) after few seconds. Please suggest any way to fix
this issue. -- Thanks, Harshit Rawal
subscription, visit http://list.webaim.org/ List archives at
http://webaim.org/discussion/archives = EMAIL ADDRESS REMOVED =