Accessibilité universelle
Afin de rendre accessible son site web au plus grand nombre, le site Ma Carrière Se Dessine s’est engagé à respecter les normes d’accessibilité par W3C. Cette organisation à but non lucratif propose des directives et des standards à suivre afin d’offrir un Web unifié pour tous.
Ces normes concernent la conception fonctionnelle et graphique ainsi que l’accessibilité éditoriale.
Pour profiter de la meilleure expérience, nous vous recommandons d’utiliser un navigateur Web à jour.
Structure générale
Structure HTML
- Le site dispose d’une hiérarchie de titres logique constituée des balises <h1> à <h6>.
- Chaque page est renseignée par un <title> précis.
Navigation
- Les menus de navigation sont structurés avec des listes grâce à une méthode “entonnoir” : de l’information large vers la plus précise.
- Les modes de navigation sont les mêmes sur toutes les pages.
- Il existe un fil d’Ariane sur chaque page, ainsi qu’un plan du site dans le pied de page.
- Dans le menu, la section dans laquelle l’utilisateur se trouve est visuellement indiquée.
Éléments
Boutons et liens
- Les libellés des boutons et des liens sont explicites et indiquent l’action qui suit au clic.
- Les liens présents dans du texte sont visuellement différenciés.
- Les boutons et les liens sont visuellement distincts.
Voici les différents boutons utilisés selon la nature de la destination:
Médias
- Chaque média (image, vidéo) dispose d’un attribut alternatif, ou attribut alt qui permet de donner un texte alternatif (image, vidéo), quand il ne peut être vu ou chargé sur la page.
- Ce texte alternatif n’est attribué qu’aux images servant à la compréhension de l’information.
- L’utilisateur a le contrôle total sur tous les contenus animés (vidéos, sons).
Formulaire
- Les erreurs sont dûment expliquées.
- Les champs de formulaire sont explicites et décrivent la marche à suivre.
- Un message de confirmation est prévu pour valider l’envoi du formulaire.
Rédaction
Contenu
- Le contenu est clair et bien structuré.
- Les informations semblables ou complémentaires sont regroupées.
- Les abréviations sont expliquées au moins une fois.
Texte
- Les phrases sont courtes et concises.
- Les paragraphes ne sont pas justifiés en bloc.
- Les accents sur les lettres majuscules sont conservés.
Typographie
- Les caractères sont lisibles et disposent d’une bonne définition permettant de bien zoomer.
- Les typographies fantaisistes sont évitées pour laisser une police classique et sans sérif.
Conception graphique
Couleur
- Les couleurs sont soigneusement choisies pour ne pas compliquer la navigation des utilisateurs souffrant de daltonisme.
- L’information transmise est toujours compréhensible même en l’absence des couleurs.
- Le contenu est séparé du style et peut ainsi être lu par un lecteur d’écran.
Comment augmenter ou réduire la taille du texte.
Afin de rendre la navigation plus confortable, il vous est possible d’augmenter ou réduire la taille des textes sur vos pages. Pour cela, voici les commandes à faire avec votre clavier suivant votre système d’exploitation.
Augmenter la taille du texte
| Microsoft Windows | Mac OS X | GNU/Linux |
Ctrl + + | Command + + | Ctrl + + |
Réduire la taille du texte
| Microsoft Windows | Mac OS X | GNU/Linux |
Ctrl + - | Command + - | Ctrl + - |