Issue Details (XML | Word | Printable)

Key: MDL-11695
Type: Sub-task Sub-task
Status: Resolved Resolved
Resolution: Fixed
Priority: Major Major
Assignee: Nick Freear
Reporter: Nick Freear
Votes: 0
Watchers: 0
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle
MDL-12298

Skip block links inaccessible for many keyboard-only users

Created: 10/Oct/07 07:09 PM   Updated: 21/Nov/07 07:44 PM
Return to search
Component/s: Accessibility
Affects Version/s: 1.6, 1.7, 1.8, 1.9
Fix Version/s: 1.8.4, 1.9, 2.0

File Attachments: 1. File patch-MDL-11695-access-skip-2.diff (2 kB)

Environment: Dependency: MDL-11676
Issue Links:
Blockers
 
Relates
 

URL: http://moodle.org/#sb-1
Participants: Nick Freear
Security Level: None
Resolved date: 12/Oct/07
Affected Branches: MOODLE_16_STABLE, MOODLE_17_STABLE, MOODLE_18_STABLE, MOODLE_19_STABLE
Fixed Branches: MOODLE_18_STABLE, MOODLE_19_STABLE, MOODLE_20_STABLE


 Description  « Hide
These links were introduced in Moodle 1.6 to make it easier to TAB and key over side-blocks with many links. The text of the link is always hidden off-screen, which is acceptable for screen reader users, but not other keyboard-only users - bad accessibility.

The solution affects 2 files and avoids Javascript, lib/weblib.php and theme/standard/styles_layout
  - it initially hides the whole link off screen, then uses CSS pseudo-class :focus (" :active " - hack for IE 6) to put the link back in normal flow on keyboard TAB (position:static), making it visible. This moves the blocks below down, which I hope is acceptable for Dyslexics - the link stays hidden with no content movements for mouse users.

(I identified this problem and solution following workshops/ presentations at Techshare - thanks Bim Egan/ RNIB, and Hans Hillen/ Steve Faulkner/ The Paciello Group
  http://www.rnib.org.uk/wacblog/category/articles/too-much-accessibility/ )

 All   Comments   Change History   Version Control      Sort Order: Ascending order - Click to sort in descending order
Nick Freear added a comment - 11/Oct/07 11:28 PM
I'd like to apply this patch on 1.9 branch (1.8 branch, and HEAD) after a quick request for comments.

It affects 2 files (lib/weblib.php, and theme/standard/styles_layout.css), does not mess up themes, and looks the same as at present for visual-mouse users.
Thanks

Nick


Nick Freear added a comment - 12/Oct/07 12:14 AM
(Added a 'blocks' link.)

The patch has been tested and,

Note, useful resources:


Nick Freear added a comment - 12/Oct/07 01:07 AM
Committed on HEAD, problem on 1.9 branch in weblib.php/ Eclipse? - will fix 1st thing tomorrow BST.

Nick Freear added a comment - 12/Oct/07 05:22 PM
I committed the patch on HEAD/ 2.0, 1.9 and 1.8 branches, tagged MERGED.
Fixed.

Nick Freear added a comment - 31/Oct/07 12:07 AM
(Added note - inspiration for the solution from The Paciello Group workshop at Techshare.)