Charte d'accessibilité

• Ne pas utiliser de Flash, et prévenir lorsqu'un lien pointe vers un site en flash.
• Ne pas utiliser de JavaScript, sauf si cela est absolument nécessaire.
• Utiliser un texte alternatif pour chaque image.
• Toujours privilégier le texte aux couleurs et aux images pour la transmission de l'information.
• Ne pas forcer l'ouverture de fenêtres (pop-up).
• Dans la mesure du possible, expliciter l'ensemble des abréviations utilisées sur le site.
• Respecter les directives d'accessibilité du W3C.

Tests

• Wave
• CynthiaSays, section 508 et WCAG niveaux 1 et 2
• Vischeck (Accessibilité du site aux déficients visuels), pour la version dédiée.

Styles alternatifs

Déficience visuelle

Le site dispose d'une version pour déficients visuels. Elle comprend les caractéristiques suivantes:

• Un affichage en niveau de gris, y compris pour le logo, l'icône dans la barre d'adresse, l'icône RSS et l'icône pour iPhone/iTouch/iPad. La bannière et les icônes Twitter & Facebook ne changent pas.
• Du texte 1,2 fois plus gros que le texte normal.
• L'absence de légende pour les couleurs dans le lexique.

Mobile

Le site dispose également d'une version mobile. Elle comprend les caractéristiques suivantes:

• Une disposition du menu de navigation en haut de page.
• Une mise en page adaptée aux terminaux mobiles.
• Du texte 1,2 fois plus gros que le texte normal.
• L'absence des boutons de partage Twitter & Facebook et du lien vers le flux RSS, qui ne sont pas adaptés à une utilisation sur ce type d'appareil.

Impression

Une feuille de style est dédiée à l'impression, elle est utilisé par le navigateur lorsque l'on imprime une page du site.

• Les liens sont suivis de leur adresse entre parenthèses.
• La page est en noir et blanc.
• Le menu de navigation et la bannière en haut ne sont pas imprimés.

Lecteurs visuels

Le site dispose d'une feuille de style pour les lecteurs visuels, qui spécifie brièvement comment doient être lues ses pages.

Autres informations

Dispositions concernant les lecteurs d'écran et les navigateurs textuels

• Un lien intitulé "éviter la navigation" est situé en haut de chaque page (il est invisible pour les navigateurs visuels), il permet d'éviter la lecture du menu de navigation.
• Tous les liens dirigeants vers des sites en anglais sont signalés par l'utilisation de la balise lang. Dans les pages Programmation, Université, Vie Étudiante, les liens sont suivis d'un code de langue en majuscules et entre parenthèses: (EN) pour un site en anglais et (FR) pour un site en français.
• Un lien de navigation supplémentaire intitulé home redirige vers la page d'accueil (il s'affiche en haut de la fenêtre des navigateurs textuels).

Cookies

Le site tente de stocker un cookie lors d'une première visite, il permet de mémoriser pendant 15 jours le choix de la bannière (concerne uniquement les navigateurs visuels).

Recherche sur le site

Le module de recherche représenté par un champ en haut à droite du site ne fonctionne pas (encore). Il faut pour l'instant utiliser Google.

Accesskeys

Navigateurs compatibles

Le site étant réalisé en HTML5, certains navigateurs ne l'affichent pas (encore) correctement.

Lecture du tableau:
OK signifie que le site s'affiche parfaitement.
MED signifie que le site s'affiche mal, mais reste lisible.
NO signifie que le site s'affiche mal, et est (presque) illisible.
On admet les deux points suivants:

1. Si une version d'un navigateur affiche correctement le site, une version postérieure l'affiche également correctement.
2. Si une version d'un navigateur n'affiche pas correctement le site, une version antérieur ne l'affiche pas non plus correctement.

Les simulations ont été faites grâce à browsershots.org.