Accessibility enhancements for PhET interactive science simulations, including HTML5 canvas and SVG.
PhET provides fun, interactive, research-based simulations of physical phenomena for free. We believe that our research-based approach- incorporating findings from prior research and our own testing- enables students to make connections between real-life phenomena and the underlying science, deepening their understanding and appreciation of the physical world. University of Colorado Boulder.
%YAML 1.2
---
_CONFIG_:
#name: PhET interactive simulations
#description:
includes:
- http://phet.colorado.edu/*
test_urls:
- http://phet.colorado.edu/sims/html/balloons-and-static-electricity/latest/balloons-and-static-electricity_en.html
- http://phet.colorado.edu/en/about
- http://phet.colorado.edu/en/simulations/category/html
about_urls:
- "github.com:phetsims/balloons-and-static-electricity"
# pypi.python.org:pypi?%3Aaction=list_classifiers
- "creativecommons.org:licenses/by/3.0"
- "gnu.org:licenses/gpl-2.0.html"
# www.informit.com:articles/article.aspx?p=31837&seqNum=10
namespaces:
_: "www.w3.org:1999/xhtml"
xlink: "www.w3.org:1999/xlink"
svg: "www.w3.org:2000/svg"
ignore_defaults: true
ignore: "_CONFIG_" #TODO !
delay: 3000
# Fixes.
"#sim":
role: application
aria-label: PhET interactive simulation using HTML5 canvas and SVG. Requires mouse-dragging.
img#splash:
title: Loading...
style: "cursor:progress"
svg[width = 140][height = 460]:
title: Grabbable balloon
aria-label: Grabbable balloon
aria-grabbed: false
tabindex: 0
_note: "w3.org:TR/wai-aria/states_and_properties#aria-grabbed"
# github.com:jquery/sizzle/issues/69
svg image[*|href *= 'balloon-yellow']:
title: The balloon
_note: "w3.org:TR/selectors-api2/#resolving-namespaces"
svg image[*|href *= 'phet-logo']:
title: PhET logo
svg g[transform *= '3.14357']: #Was: '0.97023'
role: link
title: PhET logo - links to PhET website, and 'About...' page
...