FANDOM


Accessibility and usability enhancements for the OER Evidence Hub and LACE learning analytics research sites, including the SVG map bits, Sankey diagrams, and so on.

Note, the SVG here is a lot more amenable to fixes than the HTML5 canvas + SVG on PhET simulations.

Developer: Martin Hawksey linkedin.com:in/mhawksey, twitter.com:mhawksey.

JuxtaLearn fixes moved to: Fix:JuxtaLearn.


%YAML 1.2
---
_CONFIG_:
    includes:
        - http://oermap.org/*
        - http://evidence.laceproject.eu/*
    test_urls:
        - http://oermap.org/
        - http://evidence.laceproject.eu/
        - http://chaos.open.ac.uk
        - http://sites.hawksey.info/oerhub/
    about_urls:
        - "mashe.hawksey.info:2013/10/building-an-evidence-hub-plugin-for-wordpress"
        - "github.com:mhawksey/wp-evidence-hub"
        - "github.com:bdougherty/BigScreen"
        - "wikipedia:Sankey_diagram"
        - "mashe.hawksey.info:2013/03/sankey-your-google-spreadsheet-data-d3js"

    name: {{PAGENAME}}
    description: ""
    default_locale: en-GB
    authors:
        - Nick @nfreear
    created: 2013-10-30
 
 
# FIXES.
 
a[href = '#'], a[data-toggle=modal], a[href = 'javascript:;'], a[href = 'javascript:void(0)']:
    _note: "Stackoverflow:questions/134845/href-attribute-for-javascript-links-or-ja.."
    role: button

a[target = _blank]:
    role: Opens in new window

header:
    role: banner
 
"#site-navigation":
    role: navigation

footer:
    role: contentinfo
 
"#content":
    role: main

html:
    lang: en-GB
 
 
# SVG map etc.
 
"#fullscreen-button a":
    role: button
    title: Enter full screen mode (map)
 
svg g#map:
    title: World map
 
svg g#map path.country[d ^= 'M687.02']:
    title: United Kingdom
    aria-label: United Kingdom
    _note: Will these country-labels actually improve accessibility? Needs testing!
 
svg g#map path.country[d ^= 'M373.119']:
    title: United States, including Alaska and Hawaii.
    aria-label: United States
 
svg g#map path.country[d ^= 'M579.312']:
    title: Brazil
 
svg g#barchart:
    title: Bar chart of...?
 
svg g#sandisplay:
    title: Sankey diagram of...?
    aria-labelledby: "#juxtalearn-map svg g#sandisplay text.santitle"
 
"#juxtalearn-map #impressum":
    title: Impressum
 
"#juxtalearn-map #ui":
    title: Customize map
 
 
".page #wpadminbar":
    role: navigation
    aria-label: Admin menu (in-page)
 
# Wordpress admin
 
".wp-admin #adminmenu":
    role: navigation
    aria-label: Admin menu

.wp-admin .postbox .handlediv:
    role: button
    tabindex: 0
    title: Click to toggle
 
".wp-admin #collapse-menu":
    role: button
    tabindex: 0
    title: Collapse/ expand menu
 
...

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.