generationcyb.net pointcyb lien vers les points cyb
Inscription à la lettre d'information | Fil infos rss 
Accueil > Création de site > Standards - accessibilité - XML

Votre site Web est-il accessible ?


Version imprimable Version imprimable



L’accessibilité d’un site Internet est sa capacité à être parcouru par différents navigateurs et différents publics, en particulier des navigateurs textuels et/ou vocaux [1] qui, à la différence des navigateurs graphiques comme Explorer, Netscape, Opera, Mozilla, Safari, etc., permettent à des personnes mal voyantes ou handicapées motrices de surfer et cliquer par d’autres moyens que l’oeil et la main (la parole, par exemple).

Le problème est que lorsque l’on conçoit les pages de son site avec un éditeur html standard et qu’on les teste sur un ou deux navigateur(s) rien n’assure que l’on respecte pour autant les règles de base de l’accessibilité.
Comme tout cordonnier mal chaussé, GénérationCyb.net n’est pas 100% accessible… mais nous y travaillons.

Pourquoi rendre son site accessible ?

  •  pour respecter ses visiteurs en ne conditionnant pas l’accès au site à ceux qui sont équipés de tel type d’ordinateurs, de tel navigateur, de Javascript (les navigateurs textuels ne sont pas équipés de javascript)…
  •  pour ne pas avoir à le tester sous tous les navigateurs du monde, actuels, passés et à venir,
  •  parce qu’appliquer les règles de l’accessibilité est un bon moyen de construire un site pérenne et facile à faire évoluer.

    Quelles sont les règles à respecter pour qu’un site soit accessible ?

    Citons certaines règles aisément compréhensibles… et aisément oubliées :

  •  appliquer quelques règles générales de structuration de page (comme, par exemple, signaler dans le code de sa page la langue que l’on utilise),
  •  associer à chaque image un texte de remplacement (les fameux "alt" [2]),
  •  appliquer des règles de bon sens concernant les couleurs, les images, les tailles (mieux vaut choisir des tailles relatives qu’absolues) et longueurs de texte (voir ici),
  •  dissocier, grâce à des feuilles de style externes, la forme (décrite dans les feuilles de style) du contenu (fixé dans votre page html, php, asp…),
  •  concevoir ses listes déroulantes sans javascript, et même chose pour ses menus déroulants,
  •  préférer les systèmes d’inclusion de pages de type "include" en php (ou "inclure" en langage SPIP) aux systèmes de cadres ("frames"),
  •  bien décrire dans le code de votre page les caractéristiques d’un tableau si elle en contient un (voir ici),
  •  ne pas hésiter à user et abuser des listes à puces ; c’est 100% accessible,
  •  signaler dans votre code lorsque vous écrivez des sigles ou acronymes,
  •  concevoir des fenêtres pop-up "accessibles" en appliquantces conseils,
  •  …

    Tiens, une question pour voir si vous avez un peu compris : à votre avis, un menu conçu en Flash, c’est accessible ?

    Si vous avez bien répondu non, allez voir un des aspects les plus surprenants de l’accessibilité : la conception dans vos pages de raccourcis clavier pour l’internaute !

    A consulter :

  •  www.openweb.eu.org/accessibilite,
  •  www.braillenet.org/accessibilite,
  •  www.accessiweb.org,
  •  www.veblog.com/fr/2002/0527-accessibilite.html,
  •  www.pompage.net/pompe/evaluer-accessibilite-site-1,
  •  des sites références.

    Voir aussi L’accès au web et à la lecture numérique des publics diversement empêchés.

    [1] Tels que Linx, Links, Braillesurf.

    [2] Précision utile tirée de http://www.acces-pour-tous.net/fich... : "Attention à ne pas le confondre avec l’attribut title ! Alt="" ne sert pas à afficher une info-bulle, vous devez pour cela utiliser l’attribut title="". En principe l’attribut alt="" ne devrait être visible que si les images ne sont pas affichées, une fois de plus Internet Explorer, en ne respectant pas les normes établies, induit les utilisateurs en erreur en affichant le contenu de l’attribut alt dans une info-bulle (uniquement si l’attribut title n’est pas utilisé).
    Pensez à remplir systématiquement la partie alt="…" en ne vous bornant pas à mettre le nom de l’image, n’oubliez pas que ce texte remplace la photo lorsque celle-ci ne s’affiche pas à l’écran, ce texte doit donc décrire l’image qu’il remplace."
    .

    Mis en ligne le vendredi 9 avril 2004



    Répondre à cet article

  • Contact | Plan du site | Espace privé
    Dernier ajout : lundi 14 juillet 2008 | 744 articles sur ce site.
    XHTML 1.0 | CSS 2 | RSS

    Generationcyb.net est motorisé par Spip 1.9.2c associé à un squelette graphique Rizom
    Sauf indication, les articles sont mis à disposition sous un contrat Creative Commons
    Ministère de la santé, de jeunesse et des sports Institut national de la jeunesse et de l'éducation populaire Information jeunesse Centre d'information et de documentation jeunesse