Rendre son site Web accessible pour les personnes avec un handicap
Adresses derrière les liens

Livres...
Écran 3
  1. http://www.joeclark.org/book/sashay/serialization/ http://www.joeclark.org/book/sashay/serialization/
Articles et des sites...
Écran 4
  1. site de l'université du Wisconsin http://www.doit.wisc.edu/accessibility/index.asp
  2. adaptive technology center à l'université de l'Indiana http://www.indiana.edu/~iuadapts/
  3. site de Jim Thatcher http://jimthatcher.com/
  4. accessibilité du Web http://www.accessibiliteweb.com/en-savoir-plus/
  5. articles d'OpenWeb (en français) http://openweb.eu.org/articles/intro_accessibilite/
  6. tutoriel de Cookiecrook.com http://cookiecrook.com/AIR/2003/train/
  7. how-to demos http://www.utexas.edu/research/accessibility/resource/how_to/index.html
  8. designing More Usable Web Sites http://trace.wisc.edu/world/web/
  9. normalisation des sites Internet - Accessibilité http://www.tbs-sct.gc.ca/clf2-nsi2/clfs-nnsi/clfs-nnsi-2-fra.asp
  10. communauté de pratique québécoise sur l'accessibilité http://www.accessibiliteweb.org/
Approche inclusive
Écran 9
  1. Standard sur l'accessibilité d'un site Web http://www.msg.gouv.qc.ca/documents/standards/access_web_ve.pdf
Technologie adaptative
Écran 11
  1. http://www.rla.com/pacmate.html http://www.rla.com/pacmate.html
  2. http://www.indiana.edu/~iuadapts/technology/index.html http://www.indiana.edu/~iuadapts/technology/index.html
  3. http ://formation.espacecourbe.com/fr/ressources/accessible/bobfern/ http://formation.espacecourbe.com/fr/ressources/accessible/bobfern/
Outils logiciels
Écran 12
  1. JAWS http://www.freedomscientific.com/fs_products/software_jaws.asp
  2. JAWS en action http://www.doit.wisc.edu/accessibility/video/screenreader22.mov
  3. NVDA http://www.nvda-project.org/
  4. IBM Home Page Reader http://www-306.ibm.com/able/solution_offerings/hpr.html
  5. Window-Eyes http://www.gwmicro.com/products/
  6. Hal de Dolphin Computer Access http://www.dolphincomputeraccess.com/
  7. Zoomtext http://www.enablemart.com/products_detail.asp?id=292
  8. Zoomtext en action http://www.doit.wisc.edu/accessibility/video/mag/screen_magnification-large.rm
Normes d'accessibilité pour les contenus
Écran 14
  1. poursuite Jodhan http://www.bakerlaw.ca/content/jodhan-wins-landmark-case-against-federal-government-fix-inaccessible-websites
Quelques recommandations du W3C
Écran 15
  1. The WCAG 2.0 Documents adresse privée
  2. WCAG 2.0 : Web Content Accessibility Guidelines 2.0, la norme http://www.w3.org/TR/WCAG20/
  3. Understanding WCAG 2.0 http://www.w3.org/TR/UNDERSTANDING-WCAG20/
  4. Techniques for WCAG 2.0 http://www.w3.org/TR/WCAG20-TECHS/
  5. How to meet WCAG 2.0 http://www.w3.org/WAI/WCAG20/quickref/
Conformité WCAG : A, AA, AAA
Écran 17
  1. How to meet WCAG 2.0 http://www.w3.org/WAI/WCAG20/quickref/
  2. http://www.w3.org/WAI/WCAG2-Conformance http://www.w3.org/WAI/WCAG2-Conformance
  3. http://www.w3.org/WAI/ER/ http://www.w3.org/WAI/ER/
Section 508
Écran 18
  1. http://www.section508.gov/index.cfm?FuseAction=Content&ID=12 http://www.section508.gov/index.cfm?FuseAction=Content&ID=12
  2. http://www.access-board.gov/sec508/guide/1194.22.htm http://www.access-board.gov/sec508/guide/1194.22.htm
  3. http://jimthatcher.com/sidebyside.htm http://jimthatcher.com/sidebyside.htm
Règlementation québécoise : SGQRI-008
Écran 19
  1. standards pour l'accessibilité du Web au gouvernement du Québec http://www.msg.gouv.qc.ca/normalisation/standards/accessibilite/
  2. Guide de création de documents Word accessibles http://www.mcccf.gouv.qc.ca/fileadmin/documents/util/guide_creation_doc_Word.pdf
  3. Guide sur les pièges communs de l'accessibilité http://www.msg.gouv.qc.ca/documents/standards/guide_pieges_accessibilite.pdf
Ingrédient de la solution
Écran 23
  1. http://www.w3.org/TR/REC-CSS2/media.html#media-types http://www.w3.org/TR/REC-CSS2/media.html#media-types
Conseils généraux
Écran 24
  1. http://validator.w3.org/ http://validator.w3.org/
  2. http://www.loc.gov/standards/iso639-2/ http://www.loc.gov/standards/iso639-2/
Survol rapide (2/2)
Écran 26
  1. http://www.w3.org/WAI/References/QuickTips/ http://www.w3.org/WAI/References/QuickTips/
Typographie
Écran 34
  1. A Backward Compatible Style Switcher http://www.alistapart.com/articles/n4switch/
Texte de taille variable
Écran 35
  1. http://www.curateur.gouv.qc.ca/ http://www.curateur.gouv.qc.ca/cura/fr/
  2. http://www.giro.ca/ http://www.giro.ca/
  3. http://www.section508.gov/ http://www.section508.gov/
  4. http://jimthatcher.com/ http://jimthatcher.com/
Description longue et d-link
Écran 40
  1. http://trace.wisc.edu/ http://trace.wisc.edu/
Points de réflexion sur les images (3/5)
Écran 44
  1. http://www.xml.com/pub/a/2001/04/18/comicsml.html?page=3 http://www.xml.com/pub/a/2001/04/18/comicsml.html?page=3
  2. http://www.cbml.org/ http://www.cbml.org/
Couleur
Écran 51
  1. http://webexhibits.org/causesofcolor/2.html http://webexhibits.org/causesofcolor/2.html
  2. http://www.daltoniens.fr/ http://www.daltoniens.fr/
Problème
Écran 52
  1. http://www.vischeck.com/daltonize/ http://www.vischeck.com/daltonize/
Basse vision : faire attention au contraste
Écran 59
  1. JimThatcher.com http://www.jimthatcher.com/
Navigation
Écran 61
  1. ARIA http://www.w3.org/TR/wai-aria/
  2. HTML5 and accessibility http://stanford.edu/group/accessibility/cgi-bin/presentations/html5_a11y/
Outrepasser la navigation (1/2)
Écran 64
  1. http://www-03.ibm.com/easy/page/568 http://www-03.ibm.com/easy/page/568
Outrepasser la navigation (2/2)
Écran 65
  1. http://www.jimthatcher.com/skipnav.htm http://www.jimthatcher.com/skipnav.htm
Utilisation du accesskey
Écran 68
  1. http://www.alistapart.com/articles/accesskeys/ http://www.alistapart.com/articles/accesskeys/
Appel des accesskeys
Écran 69
  1. http://openweb.eu.org/articles/accesskey_essai_non_transforme/ http://openweb.eu.org/articles/accesskey_essai_non_transforme/
Problématique du accesskey
Écran 70
  1. http://www.wats.ca/show.php?contentid=32 http://www.wats.ca/show.php?contentid=32
  2. http://www.wats.ca/show.php?contentid=47 http://www.wats.ca/show.php?contentid=47
  3. http://juicystudio.com/article/firefox2-accesskeys.php http://juicystudio.com/article/firefox2-accesskeys.php
Alternative aux tableaux de rendu...
Écran 77
  1. http://www.wired.com/ http://www.wired.com/
Scope et header
Écran 82
  1. http://www.loveitsimple.com/tutorials/IntroHTML/TableExample1.htm http://www.loveitsimple.com/tutorials/IntroHTML/TableExample1.htm
Élément label
Écran 88
  1. http://www.la-grange.net/w3c/html4.01/interact/forms.html#edef-LABEL http://www.la-grange.net/w3c/html4.01/interact/forms.html#edef-LABEL
JavaScript
Écran 93
  1. standard SGQRI 008-01 annoté http://www.msg.gouv.qc.ca/documents/standards/access_web_ve.pdf
Clignotement et actualisation automatique
Écran 96
  1. page d'accueil de MSN http://ca.msn.com/defaultf.aspx
Métadonnées (1/2)
Écran 98
  1. http://www.joeclark.org/book/sashay/serialization/ http://www.joeclark.org/book/sashay/serialization/
Méthodes pour rendre les vidéos accessibles
Écran 102
  1. http://www.indiana.edu/~iuadapts/videos.html http://www.indiana.edu/~iuadapts/videos.html
Comment faire pour rendre des vidéos accessibles
Écran 104
  1. http://dvs.wgbh.org/ http://dvs.wgbh.org/
  2. http://ncam.wgbh.org/richmedia/media/lionking/ http://ncam.wgbh.org/richmedia/media/lionking/
Logiciels qui peuvent aider
Écran 105
  1. http://www.w3.org/TR/SMIL-access/ http://www.w3.org/TR/SMIL-access/
  2. Web Media Text Tracks (WebVTT) http://www.w3.org/community/texttracks/
Morceau de fichier SMIL
Écran 106
  1. http://www.utexas.edu/research/accessibility/resource/how_to/multimedia/video/video.html http://www.utexas.edu/research/accessibility/resource/how_to/multimedia/video/video.html
Conformité WCAG et Section 508
Écran 109
  1. Liste de vérification pour WCAG 2.0 http://www.w3.org/WAI/WCAG20/quickref/
  2. Section 508 et WCAG côte à côte http://jimthatcher.com/sidebyside.htm
  3. AccessiWeb et WCAG1.0 côte à côte http://www.accessiweb.org/fr/Label_Accessibilite/criteres_accessiweb/correspondance_accessiweb_wcag10/
Exemples de sites...
Écran 110
  1. Une petite banque en C-B http://www.nscu.com/
  2. GIRO, un producteur de logiciels http://www.giro.ca/
  3. Handicap Zéro http://www.handicapzero.org/
  4. Tylophile http://www.typhlophile.com/
  5. 456 Berea Street http://www.456bereastreet.com/archive/200605/levels_of_html_knowledge/
  6. Openweb.eu.org http://openweb.eu.org/xhtml/
Énoncé d'accessibilité
Écran 112
  1. https://www.nscu.com/Accessibility/ https://www.nscu.com/Accessibility/
  2. http://openweb.eu.org/openwebgroup/demarche_accessibilite/ http://openweb.eu.org/openwebgroup/demarche_accessibilite/
  3. http://www.yousearched.com/accessibility.html http://www.yousearched.com/accessibility.html
  4. http://www.tbs-sct.gc.ca/common/notices-avis_f.asp http://www.tbs-sct.gc.ca/common/notices-avis_f.asp
Procédure de test
Écran 113
  1. http://www.doit.wisc.edu/accessibility/online-course/validation.htm http://www.doit.wisc.edu/accessibility/online-course/validation.htm
  2. http://jimthatcher.com/webcourse3.htm http://jimthatcher.com/webcourse3.htm
  3. http://cookiecrook.com/AIR/2003/train/validation.php http://cookiecrook.com/AIR/2003/train/validation.php
  4. http://www.w3.org/TR/WCAG10/#validation http://www.w3.org/TR/WCAG10/#validation
  5. http://www.jimthatcher.com/testing.htm http://www.jimthatcher.com/testing.htm
Retroconversion
Écran 114
  1. A-Prompt http://aprompt.snow.utoronto.ca/
  2. HTML Tidy http://tidy.sourceforge.net/
Contrôle de qualité des pages Web
Écran 115
  1. visionneuse Lynx http://www.delorie.com/web/lynxview.html
  2. visionneuse daltonienne http://www.vischeck.com/vischeck/vischeckURL.php
  3. analyseur de contraste http://www.paciellogroup.com/resources/contrast-analyser.html
  4. extension Firefox pour l'analyse de contraste http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php
  5. outil d'analyse de l'accessibilité d'un site pour IE http://www.fairytells.net/WAT/apropos-wat-ie.html
  6. validateur de syntaxe du W3C http://validator.w3.org/
  7. Web Developer Toolbar pour Firefox https://addons.update.mozilla.org/extensions/moreinfo.php?id=60
Contrôle de qualité de l'accessibilité
Écran 116
  1. Cynthia Says Portal http://www.contentquality.com/
  2. WAVE http://www.wave.webaim.org/index.jsp
  3. LIFT http://www.usablenet.com/
  4. HiSoftware Compliance Sheriff Accessibility Module http://www.hisoftware.com/solutions/hisoftware-compliance-sheriff/accessibility-compliance.aspx
  5. Accessibility Valet http://valet.webthing.com/access/
  6. Firefox Accessibility Extension https://addons.mozilla.org/fr/firefox/addon/5809
  7. Web Accessibility Toolbar http://www.visionaustralia.org.au/info.aspx?page=614
  8. http://www.w3.org/WAI/ER/existingtools.html http://www.w3.org/WAI/ER/existingtools.html
Audit : des entreprises qui peuvent vous aider
Écran 119
  1. Accessibilité Web http://accessibiliteweb.com/
  2. Starling Web http://www.starlingweb.com/index.htm
  3. T-Base http://www.tbase.com/
  4. WATS.ca http://www.wats.ca/
  5. Further Ahead http://furtherahead.com/
Tous droits réservés 2011, Espace Courbe Formation inc. —9 octobre 2011 — 17:55:17