MIT-LCP
Physionet.org navigation
The site-wide navigation on http://www.physionet.org needs aria tree markup and keyboard support.
To make this work, we needed to remove the table markup from the physionet.org markup, yielding a simple deeply nested list structure. We can then apply aria tree markup and keyboard behavior.
See this repository for code and pointers to live demos: https://github.mit.edu/rjc/accessible-superfish
Files to check out:
- physionet-markup.html: original menu markup found on the live site
- physionet.html: an html demo containing the modified markup and accessibility behavior
- accessible-superfish.js: adds aria markup and keyboard behavior to any superfish menu (invoke superfish first, then call make-accessible as per instructions in accessible-superfish.js)
Hi,
I'll take this on if nobody else has done so already. It's been on my list....
Ken
On 4/28/16 4:46 PM, RichCaloggero wrote:
The site-wide navigation on http://www.physionet.org needs aria tree markup and keyboard support.
To make this work, we needed to remove the table markup from the physionet.org markup, yielding a simple deeply nested list structure. We can then apply aria tree markup and keyboard behavior.
See this repository for code and pointers to live demos: https://github.mit.edu/rjc/accessible-superfish
Files to check out:
- physionet-markup.html: original menu markup found on the live site
- physionet.html: an html demo containing the modified markup and accessibility behavior
- accessible-superfish.js: adds aria markup and keyboard behavior to any superfish menu (invoke superfish first, then call make-accessible as per instructions in accessible-superfish.js)
— You are receiving this because you are subscribed to this thread. Reply to this email directly or view it on GitHub https://github.com/MIT-LCP/physionet/issues/7
