User Tools

Site Tools


2013_2014:s1:docweb:accessibilite:start

This is an old revision of the document!


Introduction à l'accessibilité du web

Outils pour l'accessibilité

Évaluer l’accessibilité d’un site web

A gérer

Lorsqu'une personne utilise une synthèse vocale, elle n'entend que le texte et navigue en utilisant la structure. Vous pouvez avoir une idée du rendu de votre page pour elle en utilisant le plugin firefox suivant ; http://www.standards-schmandards.com/projects/fangs/

Certains navigateurs ne sont pas graphiques et lisent par exemple les pages à haute voix ou n'affichent que le texte sans les images.

<fc #FF0000>Tester …</fc> jj

Question :

tester avec …

http://browsershots.org/

Les couleurs

http://gmazzocato.altervista.org/fr/colorwheel/wheel.php

Exercice : Tester les contrastes de couleurs

tester avec …http://gmazzocato.altervista.org/fr/colorwheel/wheel.php

http://www.checkmycolours.com/

Il existe bcp d'autres outils sur le web… (http://www.webaccessibilite.fr/liens-utiles-accessibilite-outils-de-test-et-de-verification.php#liens_1)

Séparation entre contenu et présentation

http://www.delorie.com/web/lynxview.html

Standard et navigateurs

===== Je sais répondre à =====

Je sais répondre à :

  • Pourquoi les mises en page avec des tableaux sont déconseillées?
  • Quelle est la différence entre résumé et caption ?
Voir page 140 l'accessibilité des tableaux

===== Du début à la fin =====

Voir si on touche ou non aux 2 derniers chapitres du livre p 403
TODO Nouveautés CSS3 http://www.w3.org/TR/css3-selectors/ http://www.w3.org/TR/selectors4/

En particulier :nth-child() pseudo-class Le :nth-child(an+b) pseudo-class represente un element qui a an+b-1 frère avant lui Mots clefs : odd / even (impair / pair) tr:nth-child(2n+1) tr:nth-child(odd)

E:last-of-type / E:first-of-type tr > td:last-of-type : le dernier td d’une ligne (il peut y avoir des th après) E:empty pour les balises vides (<p></p>) E:not(s) un élément E qui ne vérifie pas un sélecteur simple s Un sélecteur simple est un sélecteur de type (balise html) , sélecteur *, sélecteur sur les attributs, sélecteur de classe (.), sélecteur #, ou une pseudo-classe.

E ~ F Un élément F précédé par un élement E E et F ont le même parent

2013_2014/s1/docweb/accessibilite/start.1380010744.txt.gz · Last modified: 2013/09/24 10:19 by blay