BlogZiNet

Xavier Borderie continue à distiller, sur le JDN Développeurs, ses conseils pratiques aux webmestres, pour améliorer l'accessibilité à tous, de leurs sites Web. Le 5 décembre dernier, il donnait déjà « Cinq conseils pour un site web plus accessible », article trop court pour être complet sur autant de points (on pouvait quand même apprécier les paragraphes combattant cet horrible manie du « Cliquez ici »).

Dans un nouvel article, il pousse à « faire appel aux bonnes balises pour un formulaire Web » (« les balises fieldset, legend et surtout label qui malgré leur grande utilité sémantique ne sont que trop rarement utilisées ») et à « trier et nommer les images ». Ainsi, il rappelle que le « XHTML rend désormais obligatoire le remplissage de l'attribut alt de la balise img » (en HTML 4 aussi d'ailleurs sa présence est obligatoire). Il précise que, pour les images sans contenu comme celles servant au remplissage ou à de la pure décoration, l'attribut alt doit rester vide.

Ça y est, le nouveau Dotclear est arrivé. C'est encore une version alpha et il porte le numéro 1.2. Le mieux est d'aller voir le billet d'Olivier Meunier où tout est expliqué : les écarts de numérotation, le site officiel en rade, le journal des changements, les adresses de téléchargement, des précautions d'installation, etc. avec en prime du teasing… Rien ne sert de commenter avant de l'avoir essayé ! Merci, Olivier et tous ceux qui l'ont aidé…

Voici un nouveau bookmarklets pour développeur Web. J'évoquais déjà hier à propos de l'édition spéciale internationale de la newsletter Mozilla Links, des bookmarklets permettant de traduire la page en cours. J'indiquais dans un précédent billet sur un bookmarklet forçant l'affichage des liens longs dans les tableaux (pratique pour les forums Web) qu'un « bookmarklet est un signet/favori, contenant des instructions en JavaScript, qui commande une action ou une suite d'actions du navigateur, en local, sur la page courante. » Ils ne fonctionnent pas toujours de la même façon sur tous les navigateurs, chacun n'ayant pas la même définition du JavaScript ni le même support.

Le bookmarklet du jour est pour les développeurs Web. Les utilisateurs de la barre d'outils pour Mozilla (la suite et Firefox) Web Developer sont accoutumés aux JavaScript qui met en valeur la structure HTML des pages Web. Ces fonctions utilisent la coloration des bordures et modifient la disposition des éléments formant la page. Le bookmarklet fournit par make-believe.org lui modifie le fond des différents éléments. Ainsi, leur disposition n'est pas modifiée. Les couleurs choisie sont assez sombre sauf quand au-dessus de dix niveaux d'inclusion des balises. Le fond est alors mis en rose. C'est assez rare dans une page bien codée mais très courant pour une mise en page par tableaux. Ce bookmarklet a été testé sur Mozilla 1.7b, Firefox 0.8, Opera 7, IE 6.0 et Safari. N'hésitez pas à partager votre expérience dans les commentaires ci-dessous.

Glissez-déposez les liens suivants dans votre barre personnelle ou barre de liens.

Topographie

javascript:(function(){function crawl(e, r){if (e.nodeType!=1)return;var ch = e.firstChild;while (ch!=null){crawl(ch, r+1);ch= ch.nextSibling;}var c ='#'+r.toString()+r.toString()+r.toString(); if(r>9) c='#FCC';e.style.color='white';e.style.background='none';e.style.backgroundColor=c;e.style.borderColor=c;}crawl(document.getElementsByTagName('body')[0], 0);})()

Topo avec fonds

Un bookmarklet alternatif qui conserve les images de fond.

javascript:(function(){function crawl(e, r){if (e.nodeType!=1)return;var ch = e.firstChild;while (ch!=null){crawl(ch, r+1);ch= ch.nextSibling;}var c ='#'+r.toString()+r.toString()+r.toString(); if(r>9) c='#FCC';e.style.color='white';e.style.backgroundColor=c;e.style.borderColor=c;}crawl(document.getElementsByTagName('body')[0], 0);})()

Topo 3D

Jesse Ruderman propose une petite modification qui donne un effet 3D aux différents blocs de la page.

javascript:(function(){function crawl(e, r){if (e.nodeType!=1)return;var ch = e.firstChild;while (ch!=null){crawl(ch, r+1);ch= ch.nextSibling;}var c ='#'+r.toString()+r.toString()+r.toString(); if(r>9) c='#FCC';e.style.color='white';e.style.background='none';e.style.backgroundColor=c; e.style.border='1px outset' + c;}crawl(document.getElementsByTagName('body')[0], 0);})()

Gastero Prod présente un choix de palettes de couleurs disponibles sur le Web qui permettront d'harmoniser les couleurs des maquettes de sites et pages Web et de les rendre plus lisibles par tous. Parmi les ressources en ligne proposées, vous pourrez profiter de :

• Sélecteur de 4096 couleurs de Jemima Pereira
• Chromoweb dispense des conseils et des outils riches comme Chromoflash (nécessite le plugin Flash de Macromedia) pour harmoniser les couleurs de ses chartes graphiques.
• Avec Color scheme, dont les explications sont en anglais, vous pourrez en plus prendre en compte le daltonisme dans le choix des couleurs de votre site.

Olivier Meunier, le développeur inspiré et généreux, d'entre autre, le système de blogage DotClear en open source, a mis en ligne, sous le nouveau design du site officiel, quelques captures d'écran de la nouvelle version de Dotclear annoncée comme imminente.

Lire la suite