Tous les articles

Flux RSS des articles

Comment utiliser les listes de définitions ?

Par Eric Le Bihan

Je n’ai pas la prétention de répondre à cette question, mais j’aimerai vous faire partager mon interrogation. Si je relis les recommandations HTML 4.01 du W3C (Definition lists: the DL, DT, and DD elements), voilà ce qui est dit à ce sujet : Les listes de définitions ne varient que légèrement par rapport à d’autres types de listes, ce type de liste est composé de deux parties : un terme et une description. L’utilisation la plus appropriée est donc celle où un mot ou une expression : <dt> serait défini par une courte explication : <dd>, comme dans un dictionnaire […]

Les intégristes, le thème !

Par Pierre Bertet

RSSistes de tous horizons, venez donc faire un tour sur le blog, car le nouveau thème des intégristes est en ligne et il nous plaît beaucoup ! En plus d’une superbe identité spécialement réalisée pour nous par Monsieur Grégoire, ce fut également l’occasion de nous amuser un peu : HTML 5 bien sûr, une CSS universelle pour se débarrasser de pépé et utiliser l’ensemble des sélecteurs CSS 2 (enfin !), ou encore l’API Yahoo Weather pour tenter de détecter le temps qu’il fait chez vous. Nous avons également utilisé une grille horizontale comme il se doit, mais également une grille […]

:hover vs :active

Par Eric Le Bihan

Qu’est-ce qui fait qu’une interface est agréable à utiliser ? Qu’elle soit intuitive, claire, que le regroupement des catégories soit logique, que les risques d’erreurs soit limités, que les messages d’information soient clairs ? Tout ça et bien d’autres choses encore. Je voudrais aujourd’hui parler plus particulièrement des boutons d’actions que ce soit des boutons de validation de formulaire ou des liens de navigations.

Centrer un texte en hauteur

Par Eric Le Bihan

Je réagis à un billet de Jay Salvat qui explique comment centrer un texte en hauteur (et en largeur). Je n’avais pas prévu de faire un billet à la base mais de laisser un commentaire sur http://blog.jaysalvat.com. Devant l’impossibilité de laisser un commentaire avec du code html et css, je vais détailler ici deux différentes façons de centrer un texte en hauteur (deux manières qui, nous allons le voir, sont complémentaires).

Concevoir un formulaire HTML qui tient la route

Par Eric Le Bihan

Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ? C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait. Bref si je n’avais pas eu un […]

Introduction à WAI ARIA (traduction)

Par Pierre Bertet

Grégoire Dierendonck L’article qui suit est la traduction de l’article « Introduction to WAI ARIA« , publié par Gez Lemon sur Dev Opera, le site d’Opera Software destiné aux développeurs. Gez Lemon est un expert reconnu de l’accessibilité web. Il est membre du WaSP ( Accessibility Task Force ) et travaille pour The Paciello Group, entreprise de conseil spécialisée dans l’accessibilité web. Cette traduction, comme l’article original, est placée sous licence Creative Commons by-nc-sa 2.5. Cet article est destiné à des personnes ne connaissant pas ARIA. Vous devriez avoir une bonne connaissance du langage HTML et des problèmes que peuvent rencontrer les […]

Accessibilité VS référencement : quelles méthodes pour (ré-)concilier les deux ?

Par Eric Le Bihan

Après avoir lu sur de nombreux sites traitant de la question du référencement des pages web par les moteurs de recherches que le javascript était néfaste au référencement dans la mesure où les robots ne peuvent lire le contenu pertinent qui serait généré par javascript, ce langage serait-il devenu l’arme ultime des référenceurs, dans une utilisation à contrario ? Alors que les intégrateurs, développeurs, webmasters et au sens le plus large, les créateurs de sites web échangent sur la meilleure façon d’utiliser javascript pour maintenir un site accessible, les professionnels du référencement n’hésitent pas à conseiller à leurs clients de […]

Quoi de neuf du côté des mises en page CSS (CSS Layouts) ?

Par Eric Le Bihan

Grégoire Dierendonck Vous avez certainement lu comme moi, que tout ce que vous saviez sur les css étaient faux en lisant l’article de Digital Web par Rachel Andrew. Je n’ai pas lu le livre, mais à la lecture de l’article j’ai voulu tester une nouvelle manière de mettre en page mon code html. Avec l’arrivée d’IE8, on va pouvoir enfin utiliser les propriétés CSS display:table, display:table-row et autres display:cell. Et je me pose la question suivante : à quoi servent réellement ces propriétés ? Parce que si on a bataillé, argumenté et convaincu des dizaines de personnes que les tableaux […]

Et les standards, dans tout ça ?

Par Eric Le Bihan

MAMA est un moteur de recherche développé par Opéra qui s’intéresse non pas au contenu des pages web mais à leur structure. Le résultat de leur première étude basée sur l’analyse de 3,5 millions de pages de 3 millions de domaines différents laisse apparaître que : 50% des pages n’ont pas de doctype la proportion des types de page est de l’ordre  de 1 doctype strict pour 10 doctypes transitionnels 4,13% des pages sont conformes Les tableaux sont présents dans plus de 80% des documents, essentiellement pour faire de la mise en page et non pour présenter des données tabulaires Autant dire que […]

Les Intégristes enquêtent

Par Eric Le Bihan

Save the developpers est une initiative du Conveyor Group, une société de design basée en Californie qui a lancé fin mars un site savethedevelopers.org qui enjoint les développeurs, intégrateurs, concepteurs de site web à ajouter un script destiné aux utilisateurs d’Internet Explorer 6 qui seront informés par une petite alerte s’affichant en haut à droite de leur navigateur qu’il existe maintenant d’autres alternatives à IE6. En cliquant sur cette alerte, l’internaute est redirigé vers le site lui expliquant pourquoi changer de navigateur et en lui proposant de télécharger les principaux navigateurs du marché. Cette idée nous a paru sympathique et […]

Articles plus anciens