L’importance d’une dégradation gracieuse dans la conception d’interfaces accessibles —

La dégradation progressive est une approche de conception qui garantit que les bases d’un site Web continueront de fonctionner même si certaines parties spécifiques de celui-ci cessent de fonctionner. L’approche supprime points de défaillance uniques: ce n’est pas parce qu’une chose ne fonctionne plus que le système dans son ensemble échoue. Un site suivant ce principe échoue par morceaux plutôt que d’un seul coup, de sorte que les fonctionnalités les plus importantes restent disponibles lorsque certains composants rencontrent une erreur.

L’idée ou le concept de points de défaillance uniques est bien connu dans le secteur manufacturier. C’est l’une des résiliences les plus courantes stratégies dans les opérations de fabrication et de chaîne d’approvisionnement. Une usine disposant de plusieurs sources de matériaux peut continuer à fonctionner même lorsqu’un fournisseur devient indisponible. Cependant, cela devient de plus en plus crucial pour le développement Web à mesure que les attentes des utilisateurs en matière de disponibilité et de fonctionnalité augmentent.

Redondance du centre de données est un exemple courant de dégradation gracieuse dans le développement Web. En utilisant plusieurs composants de serveur, les sites Web garantissent qu’ils resteront opérationnels en cas de panne d’un ou plusieurs serveurs. Dans un contexte de conception, il peut sembler que garantir que le manque de prise en charge d’une fonctionnalité donnée dans le navigateur ou l’appareil d’un utilisateur ne rend pas une application inutilisable.

Les escaliers mécaniques sont un exemple concret et familier du même concept. Lorsqu’ils arrêtent de travailler, ils peuvent toujours faire passer les gens d’un étage à l’autre en faisant office d’escaliers. Ils ne sont peut-être pas aussi fonctionnels qu’ils le sont normalement, mais ils ne sont pas totalement inutiles.

La page Web de BBC News est un bon exemple de dégradation gracieuse dans la conception Web. Comme le montre cette capture d’écran, le site donne la priorité au chargement de la navigation et du texte d’un article d’actualité plutôt qu’aux images. Par conséquent, des vitesses lentes ou des plug-ins de navigateur anciens et incompatibles peuvent rendre les images indisponibles, mais la fonction principale du site – partager les actualités – reste accessible.

En revanche, le site Web Adobe Express est un exemple de ce qui se produit sans dégradation gracieuse. Au lieu de rendre certaines fonctionnalités indisponibles ou de réduire les temps de chargement, l’intégralité du site est inaccessible sur certains navigateurs. Par conséquent, les utilisateurs doivent mettre à jour ou changer de logiciel pour utiliser l’application Web, ce qui n’est pas idéal en termes d’accessibilité.

Dégradation gracieuse ou amélioration progressive

L’approche de la dégradation gracieuse agit à l’opposé de amélioration progressive – un approche dans laquelle un designer construit les bases d’un site Web et ajoute progressivement des fonctionnalités qui ne sont activées que si un navigateur est capable de les exécuter. Chaque couche de fonctionnalités est désactivée par défaut, permettant une expérience utilisateur transparente conçue pour fonctionner pour tout le monde.

Il y a de nombreux débats entre les concepteurs sur la question de savoir si une dégradation progressive ou une amélioration progressive est le meilleur moyen de créer des fonctionnalités de site. Mais en réalité, les deux sont importants. Chaque méthode a un caractère unique avantages et inconvénientsafin que les deux puissent se compléter pour offrir la plus grande résilience.

L’amélioration progressive est une bonne stratégie lors de la création d’un nouveau site ou application car vous garantissez une expérience fonctionnelle pour chacun dès le départ. Cependant, de nouvelles normes et de nouveaux problèmes peuvent apparaître à l’avenir, et c’est là qu’intervient la dégradation gracieuse. Cette approche vous aide ajuster un site Web existant pour se conformer aux nouvelles normes d’accessibilité ou résoudre un problème de compatibilité que vous n’aviez pas remarqué auparavant.

Se concentrer uniquement sur un principe de conception ou sur l’autre limitera l’accessibilité. L’amélioration progressive à elle seule a du mal à prendre en compte les problèmes de fonctionnalité post-lancement, tandis qu’une dégradation progressive peut à elle seule ne pas suffire à fournir l’expérience de base la plus riche en fonctionnalités. La combinaison des deux produira le meilleur résultat.

Comment la dégradation gracieuse affecte l’accessibilité

S’assurer que votre site ou votre application reste fonctionnel est crucial pour l’accessibilité. Lorsque les fonctions essentielles deviennent indisponibles, la plateforme n’est plus accessible à personne. À plus petite échelle, si des fonctionnalités telles que les lecteurs de synthèse vocale ou le sous-titrage vidéo cessent de fonctionner, les utilisateurs ayant des difficultés visuelles pourraient ne pas pouvoir profiter du site.

L’impact d’une dégradation progressive sur l’accessibilité est d’autant plus important si l’on considère les différentes capacités des appareils. Comme la personne moyenne dépense 3,6 heures chaque jour sur leur téléphone, ne pas garantir qu’un site prend en charge des navigateurs mobiles moins puissants aliénera une partie considérable de votre audience. Même si certaines fonctions complexes peuvent ne pas fonctionner sur mobile, les sacrifier pour maintenir la majeure partie du site Web disponible sur les téléphones garantit une accessibilité plus large.

Les navigateurs obsolètes sont un autre problème d’accessibilité courant que vous pouvez résoudre avec une dégradation progressive. Considérez ceci exemple de l’Université Fairleigh Dickinson à propos d’Adobe Flash, que la plupart des navigateurs modernes ne prennent plus en charge.

Les logiciels utilisant encore Flash ne peuvent pas utiliser la fonctionnalité d’authentification multifacteur en question. En conséquence, les utilisateurs de programmes plus anciens ne peuvent pas se connecter. Une dégradation progressive peut compromettre en rendant certaines fonctionnalités indisponibles pour les navigateurs prenant en charge Flash tout en autorisant l’accès général. De cette façon, les utilisateurs n’ont pas besoin d’effectuer une mise à niveau pour utiliser le service.

Comment intégrer une dégradation gracieuse dans votre site

La dégradation gracieuse supprime les barrières technologiques à l’accessibilité. Dans un sens plus large, cela permet également à votre site ou application de fonctionner à tout moment, même en cas de difficultés techniques imprévues. Bien qu’il existe de nombreuses façons d’y parvenir, voici quelques bonnes pratiques générales à suivre.

Identifier les fonctions critiques pour la mission

La première étape pour garantir une dégradation gracieuse consiste à déterminer ce que votre fonctions principales sont. Vous ne pouvez garantir la disponibilité des fonctionnalités critiques qu’une fois que vous savez ce qui est essentiel et ce qui ne l’est pas.

Examinez vos données utilisateur pour voir avec quoi votre public interagit le plus : ce sont généralement des éléments qui méritent d’être priorisés. Tout ce qui concerne la sécurité du site, les transactions et la lisibilité est également crucial. Les fonctionnalités ou éléments rarement utilisés, tels que les lecteurs vidéo et les cartes interactives, sont agréables à avoir, mais peuvent être sacrifiés si vous devez garantir que les composants critiques restent disponibles.

Créer une redondance

Une fois que vous avez classé les fonctions du site par criticité, vous pouvez assurer la redondance des plus importantes. Cela peut signifier répliquer des éléments sous quelques formes pour travailler sur différents navigateurs ou appareils. Alternativement, vous pouvez fournir plusieurs services pour exécuter des fonctions importantes, comme la prise en charge d’autres méthodes de paiement ou la fourniture de versions vidéo et texte du contenu.

N’oubliez pas que la redondance s’applique également au matériel sur lequel votre plate-forme s’exécute. L’Institut Uptime classe les centres de données en niveauxque vous pouvez utiliser pour déterminer les systèmes redondants dont vous avez besoin. De même, assurez-vous que vous pouvez exécuter votre site sur plusieurs serveurs pour éviter un crash en cas de panne.

S’adapte à tous les navigateurs

N’oubliez pas que la dégradation progressive implique également la prise en charge de logiciels et de matériels aux capacités variables. L’une des considérations les plus importantes dans le cadre de la conception Web est de s’adapter aux navigateurs obsolètes.

Alors que les appareils mobiles ne prennent pas en charge Flashcertaines anciennes versions de navigateurs de bureau l’utilisent encore. Vous pouvez travailler avec les deux en évitant Flash (vous pouvez souvent utiliser HTML5 à la place) mais sans exiger que les utilisateurs disposent d’un navigateur non prenant en charge Flash. De même, vous pouvez proposer des alternatives simples et à faible bande passante à toutes les fonctionnalités qui consomment une puissance de traitement considérable pour garder les choses accessibles sur les systèmes plus anciens.

N’oubliez pas de faites attention aux paramètres de sécurité des logiciels les plus récentsaussi. Messages d’erreur comme celui-ci un utilisateur de Microsoft a posté à propos de peut apparaître si un site ne prend pas en charge les protocoles de sécurité mis à jour de certains navigateurs. Tenez-vous toujours au courant des mises à jour des plates-formes populaires telles que Chrome et Safari pour répondre à ces normes et éviter de tels problèmes d’accès.

Utiliser l’équilibrage de charge et la mise en cache

L’équilibrage de charge est une autre étape cruciale dans une dégradation gracieuse. De nombreux services cloud répartissent automatiquement le trafic entre les ressources du serveur pour éviter la surcharge. L’activation de cette fonctionnalité garantit également que les demandes peuvent être traitées sur une autre partie du système en cas d’échec d’une autre.

La mise en cache est similaire. En stockant les données critiques, vous créez un plan de secours si un service externe ou une interface de programme d’application (API) ne fonctionne pas. Lorsque l’API ne répond pas, vous pouvez charger les données mises en cache à la place. Par conséquent, les caches réduisent considérablement la latence dans de nombreux cas, mais sachez que vous ne pouvez pas tout mettre en cache. Concentrez-vous sur les fonctions les plus critiques.

Testez avant de publier

Enfin, assurez-vous de tester votre site Web pour détecter les problèmes d’accessibilité avant de le mettre en ligne. Accédez-y à partir de plusieurs appareils, y compris différentes versions de navigateur. Voyez si vous pouvez l’exécuter sur un seul serveur pour tester sa capacité à équilibrer les charges.

Vous ne découvrirez probablement pas toutes les erreurs possibles lors des tests, mais il vaut mieux en détecter quelques-unes plutôt qu’aucune. N’oubliez pas de tester également les fonctionnalités de votre site avant toute mise à jour ou refonte.

Premiers pas avec la dégradation gracieuse

Les concepteurs, petits et grands, peuvent commencer leur parcours de dégradation en douceur en modifiant certains paramètres avec leur service d’hébergement Web. AWS propose des conseils pour gérer les échecs vous pouvez utiliser pour intégrer une dégradation dans l’architecture de votre site. Les fournisseurs d’hébergement doivent également vous permettre de mettre à niveau votre plan de stockage et de configurer les paramètres de votre serveur pour fournir une redondance et équilibrer les charges.

Les entreprises suffisamment grandes pour gérer leurs propres centres de données devraient installer une capacité de serveur redondante et des alimentations électriques sans interruption pour continuer à fonctionner. Les petites organisations peuvent plutôt s’appuyer sur leur code, en utilisant le HTML sémantique pour le garder suffisamment simple pour plusieurs navigateurs. Programmer des choses non essentielles comme des images et des vidéos pour qu’elles s’arrêtent lorsque la bande passante est faible sera également utile.

Les systèmes de virtualisation comme Kubernetes sont également utiles pour augmenter la capacité du site et aider à charger les éléments séparément les uns des autres pour maintenir l’accessibilité. Des outils de test comme Pile de navigateur, VAGUEet Validateur HTML CSS peut vous aider en révélant si votre site présente des problèmes fonctionnels sur certains navigateurs ou pour certains utilisateurs.

Fondamentalement, l’accessibilité du Web concerne s’assurer qu’une plate-forme fonctionne comme prévu pour tout le monde. Même si les caractéristiques de conception constituent peut-être l’élément le plus évident de cet objectif, les défenses techniques jouent également un rôle. Un site n’est accessible que lorsqu’il fonctionne, vous devez donc gardez-le fonctionnelmême en cas de contretemps inattendu.

Une dégradation gracieuse n’est pas une solution parfaite, mais elle empêche qu’un petit problème ne devienne un problème plus grave. Suivre ces cinq étapes pour l’implémenter sur votre site Web ou votre application garantira que votre travail de création d’un design accessible ne sera pas gaspillé.

(ouais)