Accéssibilité  | Pour finir, voyons maintenant comment tout ce que nous avons pu apprendre jusqu’à présent s’articule dans un exemple concret : la validation d’un formulaire en ligne avec un Javascript non-intrusif. C'est une très bonne idée d'améliorer les formulaires grâce à Javascript. Il n'y a rien de plus frustrant que de remplir un formulaire, de l'envoyer au serveur, d'attendre que la page se recharge et d'avoir un message expliquant qu'on a oublié de remplir tel ou tel champ. |
|
Accéssibilité | Mais au fait comment fait-on pour séparer concrètement notre code Javascript du balisage et de ces règles d’affichage ? La principale technique utilisée pour garder notre code Javascript non-intrusif est de le stocker dans un fichier séparé au lieu de le mettre en vrac dans le balisage HTML. |
|
Accessibilité | Avec la multiplication des sites basés sur des CMS tel que Wordpress ou Dotclear, il arrive que l’on propose plusieurs flux RSS différents à ses visiteurs. Tout comme ce site d’ailleurs qui vous propose 3 flux différents (un pour la section blog, un pour la section mag et un global reprenant le blog et le mag) Proposer ces flux à vos visiteurs simplement en mettant les liens dans un coin de votre site est une solution, mais elle est incomplète ! |
|
Accéssibilité | Et maintenant voyons un peu comment manipuler nos documents. La principale force du DOM est la possibilité non seulement de lire, mais aussi de modifier le contenu et la structure du document. Nous disposons de plusieurs méthodes pour effectuer tout cela... |
|
Accéssibilité | Vous concevez un formulaire pour un site Internet et vous voulez faciliter son remplissage par les utilisateurs. Vous avez alors 5 éléments HTML de formulaire à votre disposition, qui sont les listes déroulantes, boutons radio, cases à cocher, champs texte et hyperliens. Lequel est le plus utilisable ? Nous présentons ici un processus en quatre étapes pour vous aider à choisir vos éléments de formulaire. |
|
Accéssibilité | Commencez donc par découvrir les outils qui vont vous permettre de vous déplacer dans vos documents, de les modifier et d’accéder à ce que vous cherchez. Oublions un instant que la plupart des effets de survol s'obtiennent de nos jours avec des CSS plutôt qu'avec du Javascript. Mettons que nous voulons utiliser le code suivant et créer un effet de survol sur l'image... |
|
Accéssibilité | De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"... Bien qu'ils ne soient qu'une exigence de niveau AAA pour WCAG ou Argent pour Accessiweb, ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier. |
|
Accéssibilité | Le Javascript est un formidable outil pour améliorer l'utilisabilité des sites web. C'est une couche supplémentaire au dessus du balisage « qu'est-ce qu'est ce texte » et du CSS « comment doit-il être affiché » qui ajoute une nouvelle dimension, le « comment cet élément doit-il se comporter». La technique utilisée pour séparer complètement le Javascript des deux autres couches de développement web est désormais communément appelée le Javascript non-intrusif. |
|
Accéssibilité | Parmi les nombreuses décisions que l'on doit prendre lors de la réalisation d'un site web accessible, les choix typographiques sont souvent les moins mûris. Je ne dis pas qu'ils sont oubliés, mais simplement qu'ils souffrent d'un excès de simplification, au point que des aspects importants concernant l'accessibilité ne sont pas toujours considérés. En réalité la taille du texte est moins importante que la possibilité de le redimensionner. Est-ce possible, et cela pose-t-il problème ? Prenez par exemple un texte avec différentes tailles de police : l'espace entre les lignes change-t-il ? |
|
|
Accessibilité