Accessibilité numérique

Accessibilité numeriqueLe référentiel d’accessibilité numérique pour les sites Internet (RGAA).

« L’article 47 de la loi n° 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées fait de l’accessibilité une exigence pour tous les services de communication publique en ligne de l’État, les collectivités territoriales et les établissements publics qui en dépendent. Il stipule que les informations diffusées par ces services doivent être accessibles à tous.

Selon une étude BrailleNet, début 2014, seuls 4% des sites Internet de l’administration affichaient une déclaration de conformité.  L’Etat, par le biais de la direction interministérielle des systèmes d’information et de communication (DISIC), au sein du SGMAP, a sorti une nouvelle version du RGAA, le « référentiel d’accessibilité numérique pour les sites Internet de l’administration » et l’a assorti d’une série de mesures d’accompagnement.

« E-ACCESSIBLE » : un label pour valoriser les demarches d’accessibilité.

Un nouveau label  traduit le niveau de conformité au RGAA et valorise une démarche organisationnelle déployée autour de l’accessibilité numérique. »

sources : http://www.modernisation.gouv.fr

+ d’infos / guide / technique : http://references.modernisation.gouv.fr/referentiel/


accessibilité handicap

 

L'accessibilité numérique en 20 étapes

L’accessibilité en 20 étapes 

« À l’occasion de la conférence CONFOO, voici une présentation sur l’accessibilité Web et les CMS (TYPO3, WordPress , BuddyPress).  »  Yannick Pavard

  • 1. 20 étapes indispensables pour rendre son site Web accessible pour les CMS TYPO3, WordPress/BuddyPress
  • 3. L’ accessibilité web c’est mettre le web et ses services à la disposition de tous les individus , quel que soit leur matériel ou logiciel , leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. Tim Berners-Lee
  • 4. <ul><li>Ajouter, éditer, supprimer
  • 5. Gestion des droits
  • 6. Présentation (thème) … </li></ul><ul><li>Blogue
  • 7. Portail
  • 8. Wiki
  • 9. Groupware … </li></ul><ul><li>Texte (brut, html, pdf, ..)
  • 10. Image (jpg, gif, etc ..)
  • 11. Audio, vidéo
  • 12. Fils rss … </li></ul>CMS : Content Management System => SGC : Système de Gestion de Contenu
  • 13. Buddypress Site officiel : http://www.buddypress.org/ Francophone : http://www.bp-fr.net/ WordPress Site officiel : http://www.wordpress.org/ Francophone : http://www.wordpress-fr.net/ TYPO3 Site officiel : http://www.typo3.org/ Francophone : http://www.typo3-fr.org/ Des exemples basés sur 3 SGC opensource
  • 14. Typoscript / Extension PHP / Plugin Étape 1 : Des titres de pages bien structurés
  • 15. Typoscript / Extension Étape 2 : Bien coder ses métadonnées Plugin
  • 16. Typoscript / Interne / HTML Interne / HTML-PHP Étape 3 : Organiser sa page grâce aux en-têtes
  • 17. HTML / Typoscript HTML-PHP Étape 4 : Proposer des liens d’évitement
  • 18. Extension / Typoscript Extension / PHP Étape 5 : Un plan du site toujours disponible
  • 19. Typoscript PHP Étape 6 : Créer des menus explicites
  • 20. Typoscript PHP / Plugin Étape 7 : Un fil d’ariane visible
  • 21. Étape 8 : Naviguer au clavier facilement
  • 22. Typoscript Typoscript Étape 9 : Des images descriptives Plugin
  • 23. Typoscript Étape 10 : Des liens pertinents
  • 24. Typoscript / Extension http://codegrad.hub.ph/marking-external-links-icon-wordpress/ Étape 11 : Indiquez les sites externes Plugin / PHP
  • 25. Typoscript / Extension Plugin Étape 12 : Informations sur vos fichiers
  • 26. Extension ?? Étape 13 : Acronyme et définition
  • 27. TSConfig Page Étape 14 : Prévenir de tout changement de langue ??
  • 28. TSConfig Page Étape 15 : Formatage des tableaux de données ?
  • 29. Extension / PHP Étape 16 : Gérer les erreurs dans vos formulaires ?
  • 30. Extension Étape 17 : Champs obligatoires dans les formulaires Avec CSS Sans CSS ?
  • 31. Extension Étape 18 : Augmenter la taille du texte
  • 32. Extension Étape 19 : Équivalent textuel et sous-titrage pour vos vidéos Lecteur vidéo accessible (source : www.cnt.gouv.qc.ca)
  • 33. Typoscript / Extension Étape 20 : Raccourcis claviers ??
  • 34. Standard SGQRI 008 : http://www.msg.gouv.qc.ca/normalisation/standards/accessibilite/ WCAG 2.0 (fr) : http://www.braillenet.org/accessibilite/wcag20/ (T3) Extension «  browser_page_title  » (T3) http://www.dawsoninteractive.com/articles/article/typo3-seo-part-1-title-tags/ (WP) http://themekraft.com/plugin/seopress/ (T3) http://www.typo3journal.info/articles/typo3-metatags.html (T3) http://typo3.org/documentation/document-library/extension-manuals/seo_basics/current/ (WP) http://themekraft.com/plugin/seopress/ Titre des pages et métadonnées Standards T3 pour TYPO3 / WP pour WordPress (T3) http://typo3.org/extensions/repository/view/dropdown_sitemap/current/ (WP) http://wpchannel.com/creer-sitemap-plugin-wordpress/ (WP) http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/ Plan du site (WP) http://mtekk.us/code/breadcrumb-navxt/ Fil d’ariane
  • 35. (WP) http://wordpress.org/extend/plugins/long-description-for-image-attachments/ (WP) http://codegrad.hub.ph/marking-external-links-icon-wordpress/ (WP) http://www.semiologic.com/software/external-links/ (T3) http://typo3.org/extensions/repository/view/ml_links/current/ (WP) http://blog.eagerterrier.co.uk/2010/10/holy-cow-ive-gone-and-made-a-mime-type-wordpress-plugin/ Liens externes et fichiers (pdf ,..) Description longue T3 pour TYPO3 / WP pour WordPress (T3) http://typo3.org/extensions/repository/view/contagged/current/ Acronyme et lexique (T3) http://typo3.org/extensions/repository/view/powermail/current/ (T3) http://typo3.org/extensions/repository/view/formhandler/current/ Formulaire (T3) http://typo3.org/extensions/repository/view/efafontsize/current/ Taille du texte
  • 36. (T3) http://typo3.org/extensions/repository/view/cron_accessiblemenus/current/ (T3) http://typo3.org/extensions/repository/view/gov_accesskey/current/ http://tentatives-accessibles.eu/161-outils-evaluation-amelioration-accessibilite-site-web https://addons.mozilla.org/en-US/firefox/addon/fangs-screen-reader-emulator/ Extensions Firefox Raccourcis clavier T3 pour TYPO3 / WP pour WordPress NVDA : http://www.nvda.fr/ JAWS : http://www.freedomsci.de/serv01fra.htm Lecteurs d’écran TYPO3 : http://www.typo3.org/ WordPress : http://www.wordpress.org/ Buddypress : http://www.buddypress.org/ CMS

37. Visitez http://www.sys-tech.net/ et http://www.zerozerohuit.com/ Version audio :  http://www.zerozerohuit.com/medias/20_etapes_indispensables_a11y_cms_confoo.mp3

 

Webdesign.maltese.fr – accessibilité numerique pour tous.  
Il est utilisé ici pour wordpress le plugin WP-accessibility, un plan de site, des images et titres descriptibles, un outil de changement des contrastes et les tailles de caracteres sont modifiables.