2023
2014
2010
Contrast-A: Find Accessible Color Combinations
by nhoizey
The application allows users to experiment with color combinations, examine them under the aspect of accessibility guidelines and to create custom color palettes.
TextWheel overview
by nhoizey
"This is a preliminary proposal for an interoperability layer for all the different text engines that have been floating for years now around the Web."
2009
CSS - Les polices : quelle famille choisir ? - [Éducation, société et technologie]
by nhoizey
Le choix d’une ou de familles de polices de caractères dans la conception de pages web qui s’appuie sur les feuilles de styles (CSS) est d’autant plus crucial que le but de l’opération est d’obtenir la même qualité graphique et typographique que celle que nous obtenons en utilisant des images textuelles peaufinées dans Photoshop... mais cette fois, sans images.
2008
2007
jScroller a Autoscroller for jQuery by Markus Bordihn
by hobbes & 5 others
un équivalent de la balise marquee en jQuery pour faire défiler du texte dans tous les sens
Ergonomie Utilisateur » Blog Archive » Justifier son texte...ou pas !
by hobbes & 2 others (via)
Lorsque l’on parle de mise en pages, et plus particulièrement de justification de texte, on touche le domaine de l’esthétisme. Mais nous ne devons pas oublier l’accessibilité à l’oeil (la lisibilité) de ce dernier.
E.T. @ home « écrire pour le web
by hobbes (via)
Dans ce cas, votre home page ne doit pas seulement refléter votre marque - son esthétique, son identité, sa visualité… Elle doit aussi, explicitement, mettre en valeur ce qui fait que votre marque n’est pas une autre, mais la vôtre.
Lorem Ipsum - All the facts - Lipsum generator
by fmarchal & 77 others
Générateur de texte pour les maquettes de sites Internet
POMPAGE - Bien utiliser le texte alternatif
by hobbes & 6 others (via)
Donner aux images un texte alternatif est la première chose à faire pour l'accessibilité. C'est également l'une des plus difficiles à bien faire. Les images au texte alternatif absent, incorrect, ou mal choisi sont malheureusement légion sur le web. Et comme beaucoup d'autres points concernants l'accessibilité, c'est un domaine où l'interprétation personnelle compte pour beaucoup. Cet article présente des exemples et, pour chaque exemple, le texte alternatif approprié tel que nous le dicterait notre expérience personnelle.
Comment définir la taille du texte en ems (traduction) mai 2004 Weblog - Blog & Blues
by hobbes & 3 others
OK, plongeons-nous dans les ems. Je vais vous montrer, en partant de zéro, comment dimensionner le texte d'un document en ems. Je présuppose cependant que nous aurons affaire à un navigateur configuré en taille de texte « medium ». La taille par défaut pour le texte « medium » dans tous les navigateurs modernes est de 16px. Notre premier pas est donc de réduire cette taille, pour tout le document, en fixant la taille de caractères du body à 62.5% ::
FAQ xHTML/CSS - Comment cacher un titre (derrière un logo par exemple) ?
by hobbes (via)
Le but étant, par exemple, d'afficher en mode graphique un logo ou une bannière, tout en fournissant un texte « en dur » dans le code HTML, texte qui sera visible lorsque le site est visité avec un navigateur non graphique.
Il existe plusieurs méthodes, utilisant généralement une image de fond CSS ("background-image"). À noter que la règle "display: none" pose des problèmes aux lecteurs d'écran.
