Outils pour utilisateurs

Outils du site


cours2012:concepts_et_outils_pour_internet:progressive_enhancement

Voir cette page sous forme de diaporama.

Progressive Enhancement

Définitions

  • Progressive Enhancement
    • Proposer à l'utilisateur une expérience “améliorée” si son navigateur le permet (bottom-up).
  • Graceful Degradation
    • Faire que le site reste utilisable même si son équipement n'est pas adéquat (top-down).

Les deux sont indirectement liées à la notion d'accessibilité.

Graceful Degradation

  • Vous le fait déjà :
    • HTML : contenu sémantique
    • CSS : Graphisme d'interface
      • Le site est utilisable sans CSS (navigateur mode texte).
  • Vieux comme le monde (http://www.alistapart.com/articles/tohell/, 2001)
    • Signe la “fin” de Netscape

Progressive Enhancement

  • En deux mots :
    • Allez sur HTML5 Please
    • Regarder tous ceux qui sont marqués “use” ou “use with fallback”
    • “Fournissez une couleur unie ('solid') de fond pour les navigateurs qui ne les supporte pas (les gradients)”

Suggestions

Alternatives

  • Ne pas faire, c.-à-d. s'en tenir à “Graceful Degradation”
    • L'utilisateur à un service minimum et invité à mettre à jour son navigateur.
    • Du JavaScript pour gérer la fonctionnalité manquante.

Conclusion

Pas de solutions miracles :

  • Quels sont les visiteurs (et leurs navigateurs)
  • Quelles fonctionnalités sont offertes :
    • Facultatives : “Progressive Enhancement”
    • Indispensables :
      • Il existe un code palliant à ce problème (“Polyfill”)
      • Sinon :
        • Offrir un service minimum (“Graceful Degradation”)
        • Et/ou proposer au visiteur de mettre à jour son navigateur.
cours2012/concepts_et_outils_pour_internet/progressive_enhancement.txt · Dernière modification: 2012/10/20 22:00 (modification externe)