Une page bien faite au niveau de son code HTML est une page totalement lisible sans sa mise en page. La mise en page est déportée dans un fichier de feuille de style, qui place les éléments, les design et fait d'une page web, une oeuvre créative plutôt qu'un amas de TAG HTML.

Si on retire la CSS, que la page est bien développé, le contenu est parfaitement lisible et on peut naviguer. Pour utiliser un raccourci, on peut dire que c'est ainsi que fonctionnent les normes d'accessibilité. Pour un mal voyant, peu importe la présentation, il faut que l'information soit clair et navigable. Dans les navigateurs pour personnes à accessibilité réduite, seule l'info est conservée.

Dans le processus d'intégration HTML, on fait la structure HTML avec les bons tags aux bons endroits et ensuite, on rajoute la forme i.e. la feuille de style.
Ce processus, c'est le progressive enhancement : on se ferme pas la porte au départ, mais on rajoute l'amélioration progressivement (surtout à la fin).

Et l'Ajax dans tout ça ?
Qu'est ce que l'Ajax ? Pour expliquer la chose brièvement, au lieu de rafraichir votre page entièrement pour valider un formulaire (par ex.), vous n'envoyer que les données qui doivent être validées, seule une partie de la page est modifiée pour dire si vous avez bien rempli le champs ou pas. Idem quand vous demandez la météo d'une ville : la page ne se rafraichit pas, mais on vous demande de choisir entre plusieurs ville dans différents pays, région, orthographe voisine.

Retour sur le sujet :
  • si on retire la css (feuille de style) d'une bonne page web, le contenu est lisible.
  • si on retire la css d'une sale page web, le contenu est illisible.
et une analogie pour l'Ajax :
  • si le navigateur ne peut pas faire d'Ajax dans une bonne page web, le contenu est lisible et actualisé classiquement.
  • si le navigateur ne peut pas faire d'Ajax dans sale page web, plus rien ne marche


Comment bien travailler ? C'est simple :
  1. faire la page classiquement mais proprement
  2. que les données transites par rafraichissement de page
  3. que tout fonctionne sans javascript (le composant essentiel à l'Ajax (ajax : Javascript asynhrone)
  4. rajouter le fonctionnement Ajax à la fin
  5. pour cela, capturer le fonctionnement normal et le biaiser grace à l'Ajax
  6. la capture d'événement comme la soumission d'un formulaire par votre application Ajax permet de changer le comportement de votre page pour aller dans le sens du web 2.0 mais tout en sauvegardant son fonctionnement pour : les navigateurs sans javascript, les personnes à accessibilité réduite, les robots des moteurs de recherche
Source : http://xtech06.usefulinc.com/schedule/detail/29