Archives des tags : ARIA

Pas encore de description pour le tag ARIA. Suggérez à l'administrateur du site de d'y remédier.
Conception de site web

38 outils en ligne pour vérifier l’accessibilité de votre site web

L’accessibilité des sites web est un enjeu majeur pour proposer des contenus ou des interactions — non pas pour un nombre réduits de personne — mais au contraire, pour le plus grand nombre. Pour paraphraser une publicité célèbre en son temps : ce qui est bon pour un lecteur en situation de handicap, est bon aussi pour un lecteur en situation de pleine possession de ses moyens. Pour cela, voici une compilation d’outils en ligne, en ligne de commande ou de logiciels pour tester la conformité de votre site web au regard des différents tests proposés : Section 508, WCAG 2.0, ADA, OAC, ISO PDF/UA, niveaux de lecture, contraste, etc. →

Bonnes pratiques

tota11y : visualisez l’accessibilité de votre site web

tota11y vérifie l'accessibilité de votre page web

Il est parfois difficile de s’assurer que son site se comporte correctement vis-à-vis des technologies d’assistance dont peuvent se servir les visiteurs en situation de handicap pour parcourir le web. Ces technologies peuvent revêtir diverses formes : aides logicielles (lecteurs d’écran, loupes) ou matérielles (souris, claviers, micros, trackballs, plage Braille, etc.).  Pour faciliter la tâche de l’intégrateur front-end, l’équipe de développement de la Khan Academy a décidé de lancer tota11y. →

Thèmes WordPress

Le blank thème WordPress Basics en quelques mots

WordPress Basics est un thème WordPress minimaliste basé sur le concentré de bonnes pratiques HTML5 Boilerplate qui permet de démarrer un projet web dans de bonnes conditions. Ce thème brut mais est complété par le thème enfant Beyond Basics dont la raison d’être est d’accueillir les fonctionnalités plus avancées (page d’accueil home.php et page non trouvée 404.php, par exemple. Voulez-vous en savoir plus ?  →

WordPress A à Z

WordPress de A à Z — F comme Functions.php

Voici le 7ème article de la série WordPress de A à Z qui a débuté le 18/03/2011 avec «Créer son site web avec WordPress de A à Z… avec le Codex». «F comme Functions» propose un aperçu des fonctions disponibles dans le fichier functions.php situé à la racine de la plupart des thèmes WordPress, comme c’est le cas dans WordPress Basics, dont je vais m’inspirer dans la suite de cet article. Ce fichier se comporte comme un plugin. Il est chargé pendant la phase d’initialisation de WordPress, à la fois pour les pages internes à l’administration du site et pour les pages visibles pour l’ensemble des visiteurs. Voici le sommaire complet des 26 articles de WordPress de A à Z. →

Javascript & PHP

390 ressources Javascript & jQuery

Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les  liens pointent directement sur les sources d’origine.

→

Intégration web

100+ Polyfills et Fallbacks pour HTML5

Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. Par exemple, HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Les Polyfills permettent d’utiliser ces API d’une manière standard sans être obligé d’utiliser des contournements qui seront obsolètes à terme. Pour nous aider dans cette tâche, voici une collection de bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Modernizr  est un bon point de départ pour détecter ces fonctionnalités. →

Thèmes WordPress

HTML5 Boilerplate + Toolbox + Codex = WordPress Basics

♥ Basics est un thème de base, un Blank Theme dont l’objectif est de servir de fondations pour créer des sites web avec WordPress via un thème enfant ou en dupliquant les fichiers home.php, index.php, search.php ou 404.php. Il sert de support à la série des tutoriels WordPress de A à Z que j’ai commencé il y a peu sur CSS & Webdesign. La version 0.1 est plus particulièrement détaillée dans la partie B comme Basics mais des octets ont coulé sous les ponts depuis. N’hésitez pas à télécharger la dernière version, à la décortiquer et à me faire part de vos suggestions. →

Plugin jQuery

jQuery UI Selectmenu — des menus « select » personnalisés à la sauce ARIA

L’élément select, comme la plupart des éléments de formulaires, sont difficilement personnalisables, surtout si l’on espère une relative homogénéité de rendu entre les navigateurs. jQuery UI Selectmenu fournit une alternative pour personnaliser et configurer ces satanées balises select. Vous pourrez adapter le comportement et l’apparence pour maximiser l’expérience utilisateur, tout en respectant une logique d’enrichissement progressif compatible avec les spécifications ARIA.

Applications autonomes

Sélecteur de date (Date-Picker) non-intrusif

Unobtrusive Date-Picker est un sélecteur de date qui affiche un mini calendrier pour afficher automatiquement une date formatée dans un ou plusieurs champs input. Parmi les plus de cette solution : l’accessibilité (navigation au clavier, ARIA, etc.) et l’internationalisation soignée. →