MIT-LCP / physionet

A collection of tools for working with the PhysioNet repository.
http://physionet.org/
MIT License
69 stars 17 forks source link

Physionet.org navigation #7

Open RichCaloggero opened 8 years ago

RichCaloggero commented 8 years ago

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:

kpierceHST commented 8 years ago

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