-
Sub-task
-
Resolution: Fixed
-
Major
-
1.6, 1.7, 1.8, 1.9
-
None
-
Dependency:
MDL-11676
-
MOODLE_16_STABLE, MOODLE_17_STABLE, MOODLE_18_STABLE, MOODLE_19_STABLE
-
MOODLE_18_STABLE, MOODLE_19_STABLE, MOODLE_20_STABLE
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/ )