Un article sur le blog de la communauté Alsacréations a retenu mon attention.

Il fait part de la mise en ligne d'un portail d'accessibilité proposant des tutoriels de type podcast aux webmasters désireux de rendre leurs pages Web conformes aux standards d'accessibilité. Cela dans le but de faciliter la navigation Web aux personnes handicapées. Ce portail se nomme Acces-key, les clés de l'accessibilité.

Les tutoriels vidéos traitent de cas pratiques comme la représentation de problèmes causés à des personnes déficientes visuelles pour la compréhension ou l'analyse d'une photo, d'un schéma ou d'un graphique. Le problème soulevé est ainsi illustré d'exemples pratiques sur les problèmes rencontrés puis un certain nombre de solutions sont proposées afin d'y pallier correctement.

Une bonne idée que ce podcast. Les exemples au sujet des problèmes d'accessibilité ne manquent pas sur le Web, mais la plupart proposent des démonstrations textuelles pour le moins abstraites lorsque l'on ne possède pas de navigateur oral afin d'obtenir un rendu pratique. La vidéo postcast se démocratisant à toute vitesse sur la toile, il est donc bien dans l'ordre des choses de transposer ce genre de tutoriel.

Voici une petite illustration que j'ai réalisé vite fait sous Illustrator, histoire de travailler ma vecto un tantinet.

Il s'agit d'un avatar destiné à figurer sur les comptes des forums communautaires que je fréquente.

En attendant mon autoportrait... : )

Dans mon billet précédent je mettais en avant, entre autres, le mag de Webinventif. Et bien j'y ai trouvé un concept intéressant.

K-ny son auteur pose toutes une série de questions sur le thème du Web 2.0 à divers initiés en la matière.

Plusieurs points de vue sont dévoilés aussi divers que variés et au final complémentaires, chacun apportant sa pierre à l'édifice.

Pour les intéressés ça se passe ici.

Je continue dans la série des blogs qui m'ont fait tilter au cours des dernières semaines.

Au programme, standards, qualité et accessibilité Web et webdesign.

Le premier, Webatou est celui d'une initiée en la matière, puisqu'il s'agit de Monique, l'une des membres de la communauté Alsacréations. Son blog traite d'accessibilité principalement et des techniques à utiliser et diffuser pour construire un site de qualité. On y trouve pas mal d'articles intéressants et de contributions ou d'implications dans des campagnes d'accessibilité. Des infos au sujet de colloques, congrès, salons ou évènements "pro" sur le thème des standards et de la qualité Web sont disponibles également.

Blog and blue, le second, traite des mêmes domaines que Webatou, mais avec un point de vue plus technique. Il est par ailleurs extrêmement bien documenté. Le dernier billet en date intitulé "Éclairage sur le RGAA : les profils d'impact opérationnel du Référentiel Général d'Accessibilité pour les Administrations" est d'ailleurs très instructif puisqu'il décrit les compétences de chaque intervenant de la création et de la gestion d'un site Web de qualité dans le cadre d'un projet de site institutionnel. On y trouve également une série de tests, de conseils destinés aux intégrateurs (X)HTML / CSS.

Le dernier blog Webinventif s'inscrit dans une communauté naissante (forum pas encore mis en place) et propose un éventail très large de techniques de création, développement Web : webdesign, (X)HTML / CSS, programmation Web, référencement, culture Web... Il est d'ailleurs couplé à un magazine qui propose interviews, tutoriels, analyses... À suivre de près.

En fouillant dans les archives de pompage.net, je suis tombé sur cet excellent article, qui, à défaut de diaboliser les tableaux HTML, remet les pendules à l'heure au sujet de leur utilisation et de leur mise en accessibilité.

En effet, les données tabulées mal décrites deviennent vite un souk sans nom dès lors que l'on délaisse un navigateur graphique classique pour un broswer destiné aux déficients visuels.

Roger Johansson son auteur, nous explique le pourquoi du comment.

La dernière norme CSS développée par le W3C nous propose toute une série de nouveautés qui vont "révolutionner" la mise en page via les feuilles de style.

Déjà tolérée par certains browsers comme Firefox, elle reste malheureusement mal, voire pas du tout interprétée par d'autres (Vous avez dit Internet Explorer ?).

Bref, même si il n'est pas recommandé pour l'instant d'utiliser CSS 3 à cause de cette incompatibilité entre navigateurs, rien n'empêche de s'intéresser un tantinet au sujet. Je parlais d'une "révolution", le mot est peut être un peu fort. Mais pour bon nombre de webdesigners qui depuis longtemps se cassent la tête, quand ils ne se limitent pas tout simplement graphiquement lors de l'intégration de leur design, c'est un vrai progrès.

On compte en effet de nouvelles choses intéressantes au niveau des propriétés background ou border. La première propose ENFIN de pouvoir composer background avec plusieurs images, la seconde d'avoir des bordures arrondies sans ajout d'image spécifique. On trouve aussi des améliorations de listes, d'alignement de texte, de lignes.

Une des points les plus notables est celui de l'amélioration des sélecteurs CSS. Toute une série de pseudo-classes ont été instaurées, ciblant de façon encore plus précise les différents éléments du code (X)HTML. Cela va permettre au webdesigner de moins se prendre la tête en ce qui concerne, entre autres, la mise en forme de formulaires table-less. Une pseudo-classe intéressante dénommée :target remplace elle, carrément un bout de code JavaScript (un peu comme la pseudo-classe :hover à l'époque).

Voici une liste non exhaustive des améliorations que propose CSS 3 (il s'agit d'une traduction des travaux du W3C, les travaux à l'état de brouillons ne sont donc disponibles qu'en Anglais sur le site de l'organisme), ainsi que le module CSS 3 du W3C, traitant des sélecteurs.