TP & TD

Dernier delai : 23 mars minuit pour Marseille, le lendemain pour Salon.
Mettre tous les fichier sur un serveur et m'envoyer le lien vers la page HTML.

1) Passez aux validateurs les gabarits de vos projets

validateur apinc
- WAWE

2) Construire un gabarit (maquette d'une page HTML type d'un site)

Soit à partir de vos projets, soit à partir de Tagsoup (en changeant la charte graphique).

- objectif niveau AAA des WCAG 1

- penser à tous les éléments de navigation : voir § "Navigation et liens" dans la page Exemples pratiques

- pour faux texte : generateur-de-langue-de-bois.php (par ex.)

- inclusion d'une autre langue : une phrase "in line", une citation,  un paragraphe + inclusion de quelques sigles 

- et bien entendu quelques images

- un formulaire et un tableau : voir images ci-dessous
Liens utiles pour coder formulaires et tableaux :
Le guide AccessiWeb
Accessible HTML/XHTML Forms
http://www.pompage.net/pompe/autableau/

- une CSS alternative "basse-vision" (consultable via le menu Affichage > Taille du texte de Firefox)
lire l'article :http://www.pompage.net/pompe/mauvaisevue/
- pour voir la feuille se style dans Firefox :
<LINK rel=" alternate stylesheet" type="text/css" href="style1.css" title="style1">

le formulaire à réaliser


select et optgroup
modèle tableau 1
modèle tableau 2