Display a banner-link to promote Global Accessibility Awareness Day (GAAD). The banner displays for a configurable period before and after the day, and the emphasis is on easy site-integration, via a CDN.
Join us on Thursday, May 16 2019 and mark the eighth Global Accessibility Awareness Day (GAAD). The purpose of GAAD is to get everyone talking, thinking and learning about digital (web, software, mobile, etc.) access/inclusion and people with different disabilities.
Read the blog post. Built on Datejs (API).
Note ~ this is not an official widget!
- See the CHANGELOG.
- Download on the releases page. (Also, see the wishlist.)
npm i gaad-widget
npm run build
npm testVia unpkg — browse — production CDN:
<div id="id-gaad-widget"></div>
<script src="https://unpkg.com/gaad-widget@^3#"></script>Local hosting:
<div id="id-gaad-widget"></div>
<script src="dist/gaad-widget.js" ></script>See the list of default configuration options.
Setting the days_before option:
<div id="id-gaad-widget"></div>
<script src="dist/gaad-widget.js" data-gaad-widget='{ "days_before": 20 }'></script>Setting several configuration options:
<div id="custom_id"></div>
<script
src="dist/gaad-widget.js"
data-gaad-widget='{ "id": "custom_id", "days_after": 10, "theme": "black", "debug": true }'
></script>Anonymous usage statistics via Google Analytics is being added for version 3.2+ (> 3.1.0). It will be enabled by default, and can be disabled thus:
<div id="id-gaad-widget"></div>
<script src="dist/gaad-widget.js" data-gaad-widget='{ "analytics": null }'></script>Please help with translating gaad-widget into your language!
Français (French):
<div id="id-gaad-widget"></div>
<script src="dist/gaad-widget.js" data-gaad-widget='{ "lang": "fr" }' ></script>License: MIT.
Twitter: @nfreear, @gbla11yday.
See the related isad-widget.