Site web > Accessibilité web

Accessibilité web

Mise à jour : 8 avril 2024

Conformité partielle au standard d’accessibilité du gouvernement du Québec

Le contenu du site web hec.ca est assujetti au SGQRI-008 2.0, qui est le standard sur l’accessibilité des sites web (PDF, 146 Ko) du gouvernement du Québec. Ce standard s’appuie sur les Règles pour l’accessibilité des contenus Web (WCAG 2.0).

Tout contenu web doit satisfaire les exigences de conformité prévues dans les WCAG 2.0 en respectant :

  • la totalité des critères de succès de niveau AA, à l’exception des critères 1.2.4 Sous-titres (en direct) et 1.2.5 Audiodescription (préenregistrée);
  • les critères de succès de niveau AAA des règles 2.3.2 Trois flashs et 3.1.4 Abréviations;
  • l’une de ces deux exigences de conformité des WCAG 2.0 : de niveau A 1.2.2 Sous-titres (préenregistrés) ou de niveau AAA 1.2.6 Langue des signes (préenregistrée), en utilisant la langue des signes québécoise.

Cette déclaration exclut à cette date les sites et applications suivants :

  • HEC en ligne
  • Intranet HEC Montréal
  • Nagano
  • Portail des cours
  • Réservation de salles
  • Revue Gestion
  • Sites satellites de hec.ca utilisant les plateformes Wordpress et Shopify
  • Taleo
  • Zone Cours
  • Zone Info en ligne
  • Zone Recherche

Actions entreprises en conformité avec le standard

Navigation

  • Deux moyens de navigation sont disponibles : un menu principal et un moteur de recherche
  • La cohérence visuelle de la navigation est assurée
  • Aucune nouvelle fenêtre ne s’ouvre automatiquement

Liens

  • Les liens présents dans les textes sont différenciés visuellement

Orientation et taille d’écran

  • Il est possible de changer l’orientation de l’affichage
  • Aucune fonctionnalité ou aucun contenu ne disparait en vue adaptative

Contenus riches et multimédias

  • Chaque nouvelle vidéo et contenu audio comporte un titre et/ou un résumé
  • Les effets de flash sont limités
  • L’information n’est pas donnée uniquement par la forme, la taille ou la position

Structure générale

  • La hiérarchie de titres est logique et exhaustive
  • L’ordre du flux HTML est cohérent d’une page à l’autre

Titre de la page

  • Le <title> de chaque page est précisément renseigné

Langues

  • La langue principale de la page est renseignée avec l’attribut lang sur la balise <html>

Grammaire HTML

  • Le code HTML est valide selon les règles de grammaire du DOCTYPE utilisé

Images et icôneS

  • L’attribut alt des balises <img /> et <input type="image" /> est géré

Formulaires

  • La balise <label> ainsi que les attributs for et id sont utilisés pour étiqueter les champs avec intitulé visible
  • Les aides à la saisie sont intégrées directement dans les balises <label>

Listes

  • Les listes non ordonnées sont balisées avec <ul> et <li>
  • Les listes ordonnées sont balisées avec <ol> et <li>

Usage des CSS

  • Les CSS sont utilisées pour mettre en forme les textes

Citations

  • Les blocs de citations sont balisés avec <blockquote>

Tableaux

  • Les balises ou d’attributs propres aux tableaux de données ne sont pas utilisés dans les tableaux de mise en forme
  • L'ordre de lecture des tableaux de mise en forme est respecté

Composants d’interfaces riches

  • Les boutons radio sont personnalisés en CSS
  • Les cases à cocher sont personnalisées en CSS
  • La hiérarchie des titres est utilisée correctement
  • Images décoratives/illustratives : aucun texte de remplacement n'est utilisé
  • L’abréviation est donnée entre parenthèses après sa forme complète

Engagement de HEC Montréal

HEC Montréal est soucieuse de rendre son campus toujours plus inclusif. Elle s’est engagée dans un effort pour rendre le site hec.ca et ses sites satellites conformes au standard québécois sur l’accessibilité.

Étapes initiales

  • Évaluation de l’accessibilité web du site hec.ca par Deloitte Digital.
  • Application d’une série d'améliorations permettant de régler une partie des problèmes constatés.
  • Création d’un groupe de travail sur l’accessibilité web chargé de :
    • définir un guide des normes et des processus favorisant l’accessibilité des sites web de HEC Montréal;
    • valider la création d’un guide facilitant la mise en œuvre de ces normes, destiné à la communauté HEC Montréal.

Prochaines étapes

  • Mise à jour de la politique d’intégration des personnes en situation de handicap de HEC Montréal, en intégrant les exigences gouvernementales en matière d’accessibilité web.
  • Acquisition d’un nouveau système de gestion de contenu (CMS) facilitant l’application des normes d’accessibilité web.
  • Début de la refonte du site hec.ca et intégration progressive de toutes les exigences gouvernementales.

Outils de validation

La plupart des tests d’accessibilité ont été faits avec les navigateurs et les extensions suivants :

Navigateurs

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge

Outils complémentaires

  • Axe WebTools
  • Voice Over
  • WAVE – Web Accessibility Evaluation Tools

Description des icônes

Voici une liste des icônes présentes dans le site de HEC Montréal pour faciliter la navigation.

Icône Silhouette humaine
Ouvrir le menu déroulant Mon HEC Montréal
Icône loupe
Rechercher
Icône menu
Déployer le menu
Icône Flèche pointant à droite
Suivre le lien
Icône signe + dans un rectangle
Déployer le contenu
Icône signe - dans un rectangle
Dissimuler le contenu
Icône Facebook
Naviguer vers facebook
Icône Instagram
Naviguer vers Instagram
Icône YouTube
Naviguer vers YouTube
Icône X
Naviguer vers X (anciennement Twitter)
Icône Linkedin
Naviguer vers Linkedin
Icône chevron pointant vers le bas
Déployer le contenu
Icône chevron pointant vers le haut
Dissimuler le contenu
Icône flèche pointant à gauche dans un carrousel
Faire défiler les images vers la gauche
Icône flèche pointant à droite dans un carrousel
Faire défiler les images vers la droite
Icône point d'interrogation dans un cercle
Lire plus d’informations
Icône point d'exclamation dans un cercle
Faites attention
Icône lettre i dans un cercle
Cette information est importante
Icône chevron pointant vers la gauche
Naviguer vers la page précédente
Icône chevron pointant vers la droite
Naviguer vers la page suivante
Icône triangle sur fond rouge
Jouer la vidéo
Icône flèche pointant vers le bas
Télécharger ce document
Icône imprimante
Imprimer cette page
Icône enveloppe
Joindre par courriel
Icône croix
Fermer une fenêtre modale
Icône flèche dans un carré
Lien vers un site externe

Assistance

Si vous avez besoin d’assistance lorsque vous naviguez sur le site hec.ca ou si vous ne pouvez accéder à certains contenus à l’aide de technologies d’assistance, nous vous invitons à communiquer avec nous, selon vos besoins.