Normes d'Accessibilité Web du Québec : Guide de Conformité SGQRI 008

Norme d'accessibilité web du Québec : Aperçu SGQRI 008 : - Norme du gouvernement du Québec - Basée sur WCAG 2.0 Niveau AA - Requise pour sites web gouvernementaux - Recommandée pour toutes entreprises québécoises - Assure accessibilité pour personnes handicapées Qui doit se conformer : - Sites web gouvernement québécois (obligatoire) - Organisations secteur public - Organisations recevant financement gouvernemental - Entreprises voulant contrats gouvernementaux Qui devrait se conformer : - Toute entreprise servant public québécois - Sites e-commerce - Entreprises de services - Institutions éducatives - Fournisseurs soins santé Avantages au-delà de conformité : - Élargit marché (15% Canadiens ont handicaps) - Meilleur SEO - Utilisabilité améliorée pour tous - Réduction risque légal - Démontre responsabilité sociale

Ce que SGQRI 008 exige : Contenu perceptible : - Alternatives textuelles pour images (texte alt) - Sous-titres pour vidéos - Descriptions audio où nécessaire - Contenu adaptable à différentes présentations - Contraste couleurs suffisant - Texte redimensionnable Interface utilisable : - Navigation clavier (souris pas requise) - Temps suffisant pour lire/utiliser contenu - Pas de contenu causant crises - Structure navigation claire - Texte liens significatif Contenu compréhensible : - Texte lisible (niveau langue approprié) - Navigation prévisible - Assistance saisie pour formulaires - Identification et suggestions erreurs - Langue identifiée Contenu robuste : - Compatible technologies assistives - Balisage HTML valide - Structure sémantique appropriée - Étiquettes ARIA où approprié

Problèmes trouvés sur plupart sites web : Images sans texte alt : - Lecteurs d'écran ne peuvent décrire images - Texte alt devrait être descriptif - Images décoratives nécessitent alt vide ("") - Ne dites pas "image de" (implicite) Contraste couleurs médiocre : - Texte trop pâle sur fonds clairs - Ratio minimum 4.5:1 pour texte normal - 3:1 pour texte large - Ne comptez pas sur couleur seule pour signification Problèmes navigation clavier : - Ne peut accéder fonctionnalités sans souris - Pas d'indicateurs focus visibles - Ordre tabulation illogique - Pièges clavier Accessibilité formulaires : - Étiquettes manquantes - Messages erreur médiocres - Pas d'instructions - Champs requis pas indiqués Structure titres : - Sauter niveaux titres (H1 à H3) - Multiples H1 sur page - Ne pas utiliser titres pour structure - Titres pas descriptifs Vidéo et audio : - Pas de sous-titres ou transcriptions - Médias lecture automatique - Pas de contrôles pause

Étapes pratiques pour rendre site accessible : Phase design : - Choisir schémas couleurs accessibles - Planifier structure navigation claire - Designer pour utilisateurs clavier - Inclure accessibilité dans wireframes - Tester designs pour contraste Développement : - Utiliser HTML sémantique - Implémenter étiquettes ARIA correctement - Assurer navigation clavier - Ajouter texte alt à toutes images - Créer formulaires accessibles - Utiliser hiérarchie titres appropriée Création contenu : - Écrire langage clair et simple - Utiliser texte lien descriptif - Diviser contenu long - Ajouter sous-titres aux vidéos - Fournir transcriptions Tests : - Outils automatisés (WAVE, axe) - Tests manuels clavier - Tests lecteur d'écran - Tests utilisateurs réels - Audits réguliers Pour sites bilingues : - Accessibilité dans les deux langues - Changement langue accessible - Navigation cohérente deux langues - Texte alt traduit

Outils accessibilité utiles : Outils de test : - WAVE (extension navigateur) - axe DevTools - Lighthouse (dans Chrome) - Analyseur Contraste Couleurs - NVDA ou JAWS (lecteurs d'écran) Ressources développement : - Lignes directrices WCAG 2.0 - Documentation SGQRI 008 - Guides WebAIM - A11Y Project - Docs accessibilité MDN Ressources montréalaises : - AlterGo (consultation accessibilité) - AccessibilitéWeb - Ressources gouvernement québécois - Experts accessibilité locaux Maintenance continue : - Audits accessibilité réguliers - Mettre à jour quand contenu change - Rester à jour avec normes - Former créateurs contenu - Budgéter pour accessibilité Accessibilité n'est pas unique — c'est continu.

Budgéter pour accessibilité : Nouveau site web : - Bâtir accessibilité dès le début - Ajoute 10-15% au coût développement - Beaucoup moins cher que mise à niveau - Inclure dans portée initiale Correction site web existant : - Audit : 2 000 $-5 000 $ - Corrections mineures : 5 000 $-15 000 $ - Révision majeure : 15 000 $-50 000 $+ - Dépend état actuel Coûts continus : - Formation contenu - Audits réguliers - Mises à jour évolution normes - Tests nouvelles fonctionnalités Considérations ROI : - Portée marché élargie - Avantages SEO - Risque légal réduit - Meilleure expérience utilisateur - Éligibilité contrats gouvernementaux Plupart entreprises trouvent que investissement accessibilité se paie de lui-même.