Moodle

Skip block links inaccessible for many keyboard-only users

Details

  • Type: Sub-task Sub-task
  • Status: Closed Closed
  • Priority: Major Major
  • Resolution: Fixed
  • Affects Version/s: 1.6, 1.7, 1.8, 1.9
  • Fix Version/s: 1.8.4, 1.9, 2.0
  • Component/s: Accessibility
  • Labels:
    None
  • Environment:
    Dependency: MDL-11676
  • URL:
  • 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

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/ )

Issue Links

This issue is blocked by:
MDL-11676 Skip block links are broken in Internet Explorer Major Closed
This issue has been marked as being related by:
MDL-11822 Skip Block in 3 ugly lines Critical Closed

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Nick Freear added a comment -

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

Show
Nick Freear added a comment - 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
Hide
Permalink
Nick Freear added a comment -

(Added a 'blocks' link.)

The patch has been tested and,

Note, useful resources:

Show
Nick Freear added a comment - (Added a 'blocks' link.) The patch has been tested and, Note, useful resources:
Hide
Permalink
Nick Freear added a comment -

Committed on HEAD, problem on 1.9 branch in weblib.php/ Eclipse? - will fix 1st thing tomorrow BST.

Show
Nick Freear added a comment - Committed on HEAD, problem on 1.9 branch in weblib.php/ Eclipse? - will fix 1st thing tomorrow BST.
Hide
Permalink
Nick Freear added a comment -

I committed the patch on HEAD/ 2.0, 1.9 and 1.8 branches, tagged MERGED.
Fixed.

Show
Nick Freear added a comment - I committed the patch on HEAD/ 2.0, 1.9 and 1.8 branches, tagged MERGED. Fixed.
Hide
Permalink
Nick Freear added a comment -

(Added note - inspiration for the solution from The Paciello Group workshop at Techshare.)

Show
Nick Freear added a comment - (Added note - inspiration for the solution from The Paciello Group workshop at Techshare.)

People

Vote (0)
Watch (0)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.3#663-r165197) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.