Responsive menu is not accessible

[Jono M]

The current responsive menu design uses an <h3> with a click event to open the main menu. This is not accessible as the link cannot be focused and therefore screen reader users (probably) can't open it.

I'm not sure how much of an issue this is since screen readers on touchscreen devices may work differently to those on the desktop, but it needs testing.

Affects latest master

[Jono M (jonom)]

On second thoughts, it's definitely an issue when using a tablet/phone with an external keyboard

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/3008

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/3008
Committed: http://gitorious.org/mahara/mahara/commit/c5b613f9fb39fbc558d4dc445f2bdce78e7d5e2d
Submitter: Son Nguyen (<email address hidden>)
Branch: master

commit c5b613f9fb39fbc558d4dc445f2bdce78e7d5e2d
Author: Jono Mingard <email address hidden>
Date: Fri Feb 14 11:49:25 2014 +1300

Made responsive menu and tabs keyboard-accessible (Bug #1278672)

Changed the HTML to use an <a> inside the <h3> for the tab title so that
it's keyboard focusable, and use focus management when the tabs are
opened

Change-Id: Ie1297cdf787a5a8859867abbd9cb748b8289f56a
Signed-off-by: Jono Mingard <email address hidden>