Differences

This shows you the differences between two versions of the page.

--- 2013_2014:s1:docweb:accessibilite:start [2013/09/14 16:31] – [A gérer] blay
+++ 2013_2014:s1:docweb:accessibilite:start [2013/09/24 08:22] (current) – [A gérer] blay
@@ Line 27: / Line 27: @@
-Lorsqu'une personne utilise une synthèse vocale, elle n'entend que le texte et se déplace en utilisant la structure.
+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/
@@ Line 38: / Line 38: @@
 <box round rgb(185,211,238) rgb(220,226,255) 95%|Question :  >
 tester avec ...
 </box>
@@ Line 56: / Line 55: @@
 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)
+</box>
 Séparation entre contenu et présentation
@@ Line 73: / Line 72: @@
 <note warning>
-Voir page 140 l'accessibilité des tableaux</note>
+Voir page 140 l'accessibilité des tableaux
+</note>
+===== Du début à la fin =====
+<note warning>Voir si on touche ou non aux 2 derniers chapitres du livre p 403</note>
+<note> 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) /* ligne impaire d’un tableau*/
+tr:nth-child(odd)  /* idem*/
+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:emptypour 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 EE et F ont le même parent
+</note>
+===== Plusieurs feuilles de style =====
+Certaines visualisations d'une page web comme des images en arrière plan ou des couleurs nuisent à la version imprimée, surtout lorsqu'elle contient beaucoup d'information.
+<note warning>Voir page 257</note>
+Voir le code source de
+view-source:http://www.iut.unice.fr/formations/departement/id/5_informatique-site-de-nice
+===== Stratégies de mise en page =====
+<note warning>VOIR PAGE 311 : peut faire l'objet d'un seul TD peut etre avec ce qui précéde et avant accessibilité qui servira a faire la synthèse</note>
+==== Dimensionnement d'une page web ====
+  * Afficher la page web [[http://www.w3.org/MarkUp/]] dans votre navigateur.
+  * Agrandissez la page, rapetissez la au maximum. Comment se comporte l'affichage?
+  * Afficher la page web [[http://www.sncf.com/]] dans votre navigateur.
+  * Agrandissez la page, rapetissez la au maximum. Comment se comporte l'affichage?