Skin metadata lightbox is not keyboard-accessible

Bug #1259689 reported by Jono Mingard on 2013-12-10
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Jono Mingard

Bug Description

The lightbox for viewing metadata for a skin (on /skin/index.php in latest master) is not accessible to users of screen readers.
- the close button is a plain <div> with no tabindex specified so it cannot be activated using the keyboard
- when the lightbox is opened focus should be set and locked to it using ARIA

If this lightbox script is used elsewhere the same problem will occur.

(WCAG Level A)

Jono Mingard (mingard) on 2013-12-11
Changed in mahara:
importance: Undecided → Medium
status: New → Confirmed
status: Confirmed → New
status: New → Confirmed
status: Confirmed → New
Jono Mingard (mingard) on 2013-12-12
Changed in mahara:
importance: Medium → Low
Jono Mingard (mingard) on 2013-12-20
tags: added: meal-sized
Jono Mingard (mingard) on 2014-02-05
Changed in mahara:
status: New → In Progress
assignee: nobody → Jono Mingard (mingard)

Submitter: Son Nguyen (<email address hidden>)
Branch: master

commit 28aa4b53579f1ffbc8ac86e3aa18f46ffac28b77
Author: Jono Mingard <email address hidden>
Date: Wed Feb 5 15:13:36 2014 +1300

Made skin metadata lightbox keyboard-accessible (Bug #1259689)

Focus now goes to the lightbox close button when it is opened and back
to the "view information" button when it is closed. The lightbox is
now inserted immediately after the button which activates it to improve
the document flow for screen reader users.

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

Son Nguyen (ngson2000) on 2014-02-10
Changed in mahara:
status: In Progress → Fix Committed
Changed in mahara:
milestone: none → 1.9.0
Robert Lyon (robertl-9) on 2014-04-22
Changed in mahara:
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