Archives des tags : Accessibilité

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

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.

La journée mondiale de l’accessibilité, c’est maintenant !

Le GAAD (Global Accessibility Awareness Day) dédie cette journée du 9 mai 2012 à la sensibilisation du plus grand nombre à l’accessibilité des contenus et applications digitales (web, logiciel, application mobile, etc.) pour les personnes en situation de handicap.

Check your <body> avec le W3C

Suite à l’arrivée W3C mobileOK Checker sur mon écran radar (merci @flashxman), je me suis dit qu’il pourrait être utile de faire une liste des outils proposés par le W3C pour vérifier la conformité de nos sites web par rapport aux standards, aux bonnes pratiques ou aux performances web. D’une manière générale, ces outils œuvrent pour l’amélioration de la qualité web.

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 ? 

9 ressources pour web designer

Il ne se passe pas une journée sans qu’un ou plusieurs liens ne tombent dans ma veille technique et attirent mon attention. Ces liens se retrouvent généralement sur mon compte Diigo. En voici une sélection triée sur le volet qui comprend des informations sur les standards du web et le W3C, l’accessibilité des icônes créées avec font-face, des ressources pour donner des couleurs à vos sites, des tutoriels pour apprendre Javascript et les API’s de Google, etc.

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.

Utiliser les rôles ARIA à la place des identifiants CSS

Les rôles ARIA sont des attributs que l’on ajoute aux balises HTML dans certaines zones du document pour préciser leur fonction. Ces attributs permettent aux différentes technologies d’assistance pour les personnes en situation de handicap de se repérer dans votre document. Dans cet article nous verrons comment nous pouvons remplacer l’attribut id par les rôles ARIA lorsqu’il s’agit d’accéder aux éléments pour les styler avec CSS.

CSS Sans Stress — Une formation intégrateur HTML & CSS

La plupart des formations dédiées à la création de sites web ressemble trop souvent encore aujourd’hui aux formations PAO d’hier où l’on apprenait à utiliser des logiciels sans rien connaitre des aspects «métier». A quoi bon connaitre les différentes manières de faire des colonnes dans Quark XPress ou InDesign et d’importer du texte et des images si l’on a aucune notion de mise en page et de typographie ?! C’est la même chose avec Dreameweaver ou votre éditeur HTML préféré. Les fondamentaux du graphisme et les principes de base de l’ergonomie doivent faire partie intégrante des projets de formation en Webdesign, sans quoi ils sont voués à l’échec.

jQuery SuperBox — Une lightbox accessible à emporter !

jQuery SuperBox est une lightbox jQuery créée par Pierre Bertet. Accessible (SuperBox est généré grâce à l’attribut rel de votre lien), extensible (sous licence MIT), SuperBox permet d’afficher des images seules ou faisant partie d’une galerie, du contenu chargé en Ajax et last but not least, il est même possible de charger un fragment de la page via une ancre interne pointant vers l’identifiant d’un élément qui sera copié dans la SuperBox.