search

jmpressjs / jmpress.js

A jQuery plugin to build a website on the infinite canvas
http://jmpressjs.github.com/jmpress.js
1.5k stars 237 forks source link

make presentations screen-reader friendly #79

Open bmcmahen opened 11 years ago

bmcmahen commented 11 years ago

Currently embedded jmpress presentations don't appear to be screenreader friendly. I'm looking at adding this functionality myself, but it might be worth implementing into the core functionality of jmpress itself. To make it screenreader friendly, the 'step' should have a tab-index of -1 (allowing for javascript to add focus to the field). When a step is selected (through the keyboard perhaps) focus would be given to that step. For steps that are not currently visible, aria-hidden = true could be used.

MiD-AwE commented 11 years ago

Maybe media queries could provide adequate fallbacks for screen reading devices?

shama commented 11 years ago

My experience with screen readers is unfortunately nil but that is something I'd definitely like to support. Do you have a screen reader recommendation for testing? Like http://www.nvda-project.org/ ?

MiD-AwE commented 11 years ago

@media reader is a CSS3 feature, although it is very new, most modern browsers do or will support it. More info: http://www.w3.org/TR/css3-reader/

sokra commented 11 years ago

@bmcmahen You should be able to write a jmpress.js plugin which provides the behaivior you've described.

@MiD-AwE That the alternative I would prefer. One can use libaries for media queries (i.e. enquire.js) to provide a fallback.

bmcmahen commented 11 years ago

@shama My experience with screen readers is fairly limited too, but Mac OS X has built-in screen reader technology. Press Command + f5 to get it working. A tutorial is available in the system preferences.

@soka I realize that I can probably implement screen-reader support myself, but I think it would be of the benefit to the project (and developers) if it provided some default screen-reader functionality where easily applied. If I do work out something for screen-readers, I'll post in this thread about it.

shama commented 11 years ago

@bmcmahen Keep us posted. Even if it's at least just modifying the demo or adding an example to show others how to enable screen reader functionality. (btw we've got a new demo in progress, checkout http://sokra.github.com/jmpress.js if you're considering a pull request)