«L'accessibilité numérique est un levier puissant qui peut non seulement faciliter
la vie des personnes handicapées, mais également améliorer la qualité des sites, faire baisser
les coûts de conception et de maintenance, améliorer l'ergonomie, rationaliser les contenus,
favoriser la multiplication des usages personnalisés: synthèse vocale, personnalisation de
l'environnement graphique,etc.»
Tristan Nitot, OpenWeb.
«La nature du web est son universalité. Il doit être accessible à toutes les
personnes handicapées.»
Tim Berners Lee, créateur du Web
Politique d'accessibilité
Le Drapeau Noir a souhaité rendre son site accessible au plus grand nombre de visiteurs possible,
Il existe trois niveaux d'accessibilité, pour les détails, consulter les
règles: d'accessibilité du
WAI.
Ce site est validé sur ces trois niveaux.
Vérifier :-)
Le Drapeau Noir conduit le suivi qualité de son site avec le projet Opquast, en déclaration publique,
consultable rubrique déclarations du site Opquast, cliquer sur le logo "niveau 3".
Politique d'accessibilité :
- Structure du site :
- - Le site étirable à 100% s'adapte à toutes les largeurs et résolutions d'écrans, il a été
testé lors de sa création et régulièrement ensuite sous (dans l'ordre : Systèmes d'exploitation, nom et version du navigateur) :
* LINUX Sous Linux Debian, Linux Fedora Core 4 et Linux Ubuntu :
- Epiphany 2.18.1 - Firefox 2.0.0.12 - Galeon 2.0.1-1ubuntu2 - Konqueror 3.5.4 - Konqueror 3.4.0-5
- Opera 9.25 - Seamonkey 1.1.8.
* WINDOWS Sous Vista, XP, et 2000 :
- Seamonkey 1.1.4 - Internet Explorer 5.5 - Internet Explorer 6.0 - Explorer 7.0 - Netscape 7.2
- Opera 9.25 - Opera 8.5 - Firefox 2.0.0.12.
* MACINSTOSH Sous Mac OSX 10.4,
et Mac OSX 10.3 :
- Safari 3.03 - Firefox 2.0.0.12 - Explorer 5.2 - Seamonkey 1.1.8 - Opera 9.25 - Camino 1.5
* Le site n'est pas testé sous les navigateurs Orange, AOL, merci de nous
contacter si problème.
- - Toutes les pages du site qui correspondent à une rubrique sont
classées dans leur répertoire respectif et leur nom rappelle leur titre de contenu : leur
URL est donc logique et parlante, facile
à retrouver.
- Navigation et plan du site :
- - La page d'accueil du site comporte tous les accès aux différentes rubriques, ces rubriques sont
accessibles par le menu déroulant en sous-menus et, si Javascript est désactivé, sur une page spéciale.
- - Les liens vers les pages importantes ou essentielles sont répétés sur chaque page.
- - Les menus spécifiques de chaque catégorie sont toujours présents sur la colonne gauche et s'affichent
avec les mêmes règles de style
- - Toutes les pages comportent en bas de chaque page un lien de retour rapide au haut de la page en
cours, (remonter) un lien de retour rapide à la page accueil ainsi qu'un lien de retour à la page précédemment
consultée. Sur le menu de gauche sont aussi répétés le retour rapide à l'accueil et à la page précédente.
La navigation ne dépasse pas trois niveaux (accueil, catégorie, sous catégorie).
Le logo permet, lui aussi, de revenir à l'index. (voir les raccourcis clavier plus loin).
- - La colonne droite donne en lecture des citations d'auteurs et peuvent êtres changeantes
suivant le type de page mais s'affichent avec les mêmes règles de style.
- - Le contenu de chaque page s'affiche au centre avec les mêmes règles de style.
- Liens d'évitement :
- - Chaque haut de page contient un menu de navigation qui propose l'accès direct partabulation aux pages
officielles (cette page de politique d'accessibilité, la page des mentions légales et politique de
confidentialité, le plan du site et le formulaire de contact) et un lien qui permet de n'afficher que le
contenu et les menus situés sur la colonne gauche, afin d'éviter ainsi l'affichage des logos et liens de haut
de page.
- Contacter l'administrateur du site :
- - L'accès au formulaire de contact est présent sur toutes les pages, au bas de la colonne gauche ainsi qu'en
pied de page.
- Les liens sont différenciés :
- - Les liens internes apparaissent de couleur claire grisée, les liens
externes (redirigeant vers un autre site Internet), apparaissent
de la même couleur mais sont soulignés et en italique. A l'approche du curseur tous les liens
sont soulignés et se colorent en gris plus clair.
- Taille des caractères :
- - La taille du texte est définie de manière relative sur tout le site, excepté la taille des liens du
menu de gauche. Tout internaute peut agir sur la taille des caractères pour un meilleur confort de
lecture. Pour la modifier à votre convenance, utilisez ces possibilités :
- Touche [Ctrl] + agir sur la molette de la souris
- Barre d'outils du navigateur, aller au menu "Affichage" puis aller à l'option "Taille du
texte" et choisir
- Raccourcis clavier :
- - Il est parfois nécessaire de pouvoir utiliser des raccourcis. Voici les différentes
méthodes suivant votre système d'exploitation et votre navigateur :
- Windows :
- * Sous Mozilla: appuyez simultanément sur la touche [alt], sur la touche [maj] et sur le numéro
du raccourci (les touches du clavier, pas du pavé numérique)
- * Sous Internet Explorer : idem mais il faudra en plus taper [Entrer] pour valider.
- * Sous Opera : la combinaison de touches est [Echap] + [Shift] + numéro du raccourci. Opera
supporte les accesskeys depuis sa version 7 sur tous les systèmes d'exploitation.
- Mac OS :
- * Appuyez sur la touche [Ctrl] (ou Pomme) et sur le numéro du raccourci simultanément.
- Linux :
- * Pour les navigateurs Galeon, Mozilla et Firefox : appuyez sur la touche [alt] sur le numéro
du raccourci simultanément.
- * Avec Konqueror : appuyez sur [Ctrl] puis sur le numéro de raccourci successivement.
- Les raccourcis du site Le Drapeau Noir :
- Ce sont les raccourcis employés usuellement.
- 0 : Affiche cette page de politique d'accessibilité
- 1 : Affiche la page accueil du site
- 2 : N'affiche que le contenu de la page en cours, encadré des menus et
des citations
- 3 : Accès direct par tabulation au menus
- 4 : Permet de revenir en haut de la page courante
- 5 : Affiche le plan du site
- 7 : Affiche le formulaire de contact du webmaster
- 8 : Affiche la page de mentions légales
- Exemple sous Mozilla : Presser simultanément les touches [alt], [maj] et le chiffre 2 permet
un retour direct au contenu de la page courante et évite l'affichage des menus de haut de page et
du logo.
- Les acronymes et abréviations :
- - Les acronymes et abréviations employés sur le site sont renseignés à leur première lecture
sur chaque page.
- Lecteurs vocaux :
- - Les lecteurs vocaux employés par les internautes marquent une pause significative lorsque les
liens sont rapprochés, (menus notamment) certains même changent de "ton" ainsi qu'on le ferait en
lecture à haute voix pour signifier une "différence". Une indication spécifique est donnée aux
lecteurs vocaux aux fins de leur permettre d'épeler les sigles et acronymes au lieu de tenter de les
lire en texte normal; Ceci pour une meilleure écoute et compréhension du contenu.
- Javasript désactivé :
- - Le seul événement produit par du javascript est l'affichage des sous menus au survol de la
souris sur le menu de liens situé sur la colonne gauche. Si un utilisateur a désactivé le
Javascript sous Internet Explorer cet affichage ne se produit pas. (sous un autre navigateur il n'y
a pas de contrainte, tout le code CSS est
restitué), nous avons donc rendu ce contenu accesible sur une page spéciale indiquée depuis ce même menu
(affichage menu?).
- Rapidité d'affichage :
- - Le design du site comporte très peu d'images : le logo, l'image de fond sur le top du site,
et deux ou trois barres de design sur la colonne gauche. Les autres images sont des boutons
publicitaires en page "liens" ainsi que des images éparses d'illustration d'articles. Le site est donc léger !
Pour tout soucis de navigation, merci de contacter
l'administrateur du site.