Successfully accessible large single page web apps?

[m.wil...@midlandhr.co.uk]

Hi,

I'm trying to persuade the doubters in our business that a full javascript front end that only passes data to back end can also be accessible.

What are the biggest applications that I can point to, that are successfully compliant? - Yahoo Mail seems to be a good example, but I'm not sure its all front end.

Any suggestions would be gratefully received.

Mark

[Ted Drake]

Bootstrap is the most common platform for this today. It's possible to make them accessible. The key elements are:

1. Make sure the pages have unique urls and can be bookmarked. See the presentation by Todd Kloots at the 2013 HTML5 dev conference in San Francisco. https://speakerdeck.com/todd/pushstate-to-the-future
   
2. Make sure the pages have unique page titles for each view.
3. Make sure the user knows when the page refreshes. This may be as simple as setting focus on new content.
4. Make sure the content being displayed is accessible. We still need to work with basic accessibility requirements.
   

Yahoo! Mail is an extreme example. Todd Kloots worked with that team for a year to make sure every element worked with screen readers. In many instances, they found bugs that led screen reader and browser companies to make changes. You can't expect others to have that type of resource.

We are working on some examples at Intuit, but they are not yet public. I've been impressed by the potential, which is not something I would have expected two years ago.

Ted Drake
Intuit Accessibility

[Dennis L]

Thanks Ted!

[Dennis L]

Here's another resource on Vimeo:

Improving Single Page App Accessibility with a11y_kit

-Dennis

[Octavian Rasnita]

And more important than all of these is that the page should be not huge and freeze JAWS for a few seconds after the user hits enter on a link.

(This usually happends most of the time with that kind of pages.)

 

--Octavian

--
You received this message because you are subscribed to the Google Groups "Free ARIA Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to free-aria+...@googlegroups.com.
To post to this group, send email to free...@googlegroups.com.
Visit this group at http://groups.google.com/group/free-aria.
For more options, visit https://groups.google.com/d/optout.

[Ted Drake]

It's also important to remember that accessibility is not going to require work. Developers will need to pay attention to keyboard accessibility with and without a screen reader. Also, there are so many bad examples floating around the web, so they need to remember that the code generated at the client level still needs to be semantic and accessible. If you don't stress this up front you'll find the app littered with span/div based pseudo buttons. 

ted