From d34c4a66c761b91c13faefed2df7b0389f6d73b2 Mon Sep 17 00:00:00 2001 From: Diana Huang Date: Wed, 23 Oct 2013 14:10:09 -0400 Subject: [PATCH] Add skip links to both CMS and LMS * add HTML for links * hide links when they are not focused * when focused, show link (as recommended) * move accessibility tools to common LMS-1311 --- cms/static/coffee/spec/main.coffee | 1 + cms/static/sass/_base.scss | 14 ++++++++++++++ cms/templates/base.html | 6 +++++- .../static/js/fixtures/dashboard-fixture.html | 0 .../static/js/spec/accessibility_tools_spec.js | 0 .../static/js/src/accessibility_tools.js | 17 +++++++++++++++++ common/static/js_test.yml | 4 ++-- lms/static/sass/base/_base.scss | 16 ++++++++++++++++ lms/templates/main.html | 3 ++- 9 files changed, 57 insertions(+), 4 deletions(-) rename {lms => common}/static/js/fixtures/dashboard-fixture.html (100%) rename {lms => common}/static/js/spec/accessibility_tools_spec.js (100%) rename {lms => common}/static/js/src/accessibility_tools.js (92%) diff --git a/cms/static/coffee/spec/main.coffee b/cms/static/coffee/spec/main.coffee index bd349a97e3..379e5efc17 100644 --- a/cms/static/coffee/spec/main.coffee +++ b/cms/static/coffee/spec/main.coffee @@ -30,6 +30,7 @@ requirejs.config({ "xmodule": "xmodule_js/src/xmodule", "xblock": "xmodule_js/common_static/coffee/src/xblock", "utility": "xmodule_js/common_static/js/src/utility", + "accessibility": "xmodule_js/common_static/js/src/accessibility_tools", "sinon": "xmodule_js/common_static/js/vendor/sinon-1.7.1", "squire": "xmodule_js/common_static/js/vendor/Squire", "jasmine-jquery": "xmodule_js/common_static/js/vendor/jasmine-jquery", diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss index 7735a83297..852be14801 100644 --- a/cms/static/sass/_base.scss +++ b/cms/static/sass/_base.scss @@ -830,6 +830,20 @@ hr.divider { @extend %cont-text-sr; } +/* show skip links on focus */ +#skip-link a{ + position:absolute; + &:focus { + width: auto; + height: auto; + overflow: visible; + background-color: #fff; + border: 2px solid black; + padding: 3px; + z-index: 1005; + } +} + // ==================== // js dependant diff --git a/cms/templates/base.html b/cms/templates/base.html index ded53b8188..734e4b5715 100644 --- a/cms/templates/base.html +++ b/cms/templates/base.html @@ -29,6 +29,7 @@ +