2009-02-16 6 views
8

Lors de la conception et de la création de l'interface utilisateur d'une application utilisant AJAX, pensez-vous à une dégradation progressive (pour les utilisateurs dont JavaScript est désactivé ou utilise un lecteur d'écran)?Dégradation progressive - à prendre en compte

  • A la fin, une fois la version AJAX du site est complètement terminé
  • A chaque étape du développement
  • Je ne
  • Quelque chose d'autre ...

Répondre

3

Le méthode que j'emploie jusqu'ici est de l'écrire pour que cela fonctionne sans javascript, puis ajouter le javascript sur le dessus.

C'est vraiment l'inverse de la dégradation progressive, c'est l'accent mis sur l'amélioration de la page comme votre navigateur et les paramètres le permettent.

Relevant article

3

dégradation Graceful peut décrire deux choses:

1) Il est un comportement (normalement un site Web ou webapp) qui permet au site de continuer à fonctionner lorsque certaines fonctions sont désactivées (par exemple Javascript, CSS).

2) Il s'agit d'une approche qui permet à l'application de fonctionner avec des cloches et des sifflets allumés, puis des verrous sont vissés pour fonctionner sans les dits bruiteurs.

Je suppose que vous demandez s'il faut ou non utiliser ce dernier pour réaliser le premier. Je suggérerais certainement de réaliser 1), car toute personne qui navigue avec Javascript (c'est-à-dire beaucoup de gens avec un indice informatique, ceux qui utilisent des navigateurs textuels, ceux qui utilisent des aides aux handicapés) ne pourra pas utiliser votre site autrement. En ce qui concerne la façon de le faire, A List Apart a un bon article sur Progressive Enhancement qui vaut la peine d'être regardé, où vous construisez le site pour travailler fondamentalement en premier, et ensuite vous ajoutez AJAX etc après. Je préfère cette approche parce qu'elle donne à l'application une base solide sur laquelle travailler, avec une sécurité et une fonctionnalité décentes dès le départ. Des améliorations futures peuvent être apportées au niveau de base, puis ajoutées dans la couche AJAX; sans le premier, il est plus difficile d'ajouter des composants dégradant gracieusement à l'application à l'avenir.

En tout cas, profitez de l'article et si vous voulez en savoir plus sur ce genre de choses en général, A List Apart est un excellent site! Jeremy Keith résume l'argument de Progressive Enhancement avec son article Hijax

3

En général, j'utiliser le code suivant pour appliquer dynamiquement une classe de « js » à l'élément HTML pour cibler les navigateurs compatibles JS

<script type="text/javascript">if(h=document.documentElement)h.className+=" js"</script>

Questions connexes