I've made an Edge Animate infographic for a digital magazine. My client wants to use it on his website, but this is a Dutch government website which has to comply to the 'webrichtlijnen', the Dutch version of the W3 guidelines.
What do I have to do to my infographic to get it approved at:
For the Dutchies among us, here are the requirements:
Digitaal - dynamische infographics
Dynamische infographics zijn interactief. Dat wil zeggen dat gebruikers hier bijvoorbeeld op kunnen klikken of elementen in de infographic kunnen bedienen. Naast de voorwaarden voor print- en drukwerk én statische infographics, gelden de volgende voorwaarden:
- Er wordt/worden geen navigatie/tabbladen gebruikt.
- Informatie en interactie binnen de infographic vinden binnen een pagina plaats.
- De gebruikte opmaaktaal is altijd HTML5. Deze HTML5 moet volledig valide zijn volgens de W3C HTML Validator.
- De gebruikte CSS (versie 2 of 3) moet volledig valide zijn volgens de W3C CSS Validator.
Er wordt gebruik gemaakt van de volgende standaarden en bestandsformaten:
- jQuery (versie 1.8): basis JavaScript-library voor dynamische en interactieve websites, onder andere voor het bewerken van het DOM, de CSS en interactie met de webserver (AJAX). Bij gebruik van een jQuery-script of –plugin, moet door middel van de volgende wrapper in de functie gecontroleerd worden of jQuery aanwezig is op de pagina:
$script.ready(['jquery'], function() {
// hier komt de code
}
- Raphaël (versie 2.0.1): JavaScript-library, geschikt voor het tonen van vector-illustraties.
- JSON / XML voor datasets.
- Scalable Vector Graphics (SVG).
- Een unieke ID, aangeleverd door het Beeldcentrum, wordt door opdrachtnemer verwerkt in de code. Dit ID wordt gebruikt om een koppeling te leggen tussen de infographic en de pagina waarop deze wordt getoond.
- Een beschrijvend document (release notes) wordt meegeleverd met daarin een beknopte functionele beschrijving van de infographic en een overzicht van de bestanden die worden gebruikt (per versie).
- Indien relevant worden de volgende bestanden meegeleverd: HTML5, geminified Javascript bestand, geminified CSS2 / CSS3 bestand,
- aanvullende bestanden, bijvoorbeeld JPG of XML.
Tnx in advance.
Guus.