Responsive menu is not accessible

Bug #1278672 reported by Jono Mingard on 2014-02-11
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
High
Jono Mingard

Bug Description

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 Mingard (mingard) wrote :

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

Changed in mahara:
importance: Undecided → High
status: New → In Progress
assignee: nobody → Jono Mingard (mingard)

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>

Son Nguyen (ngson2000) on 2014-02-24
Changed in mahara:
status: In Progress → Fix Committed
Robert Lyon (robertl-9) on 2014-04-22
Changed in mahara:
milestone: none → 1.9.0
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers

Related blueprints