Lunaweb, une réflexion sur la création web et le marketing Internet

Archive pour la catégorie ‘Standards & Accessibilité’

Créer des pop-up intelligentes

Par le
No Gravatar

Popup GoogleExcellent article, qui peut servir de mémo, du collectif Openweb, et qui a pour but de (re)donner les principes d’édition d’une popup tout en insistant bien sur l’accessibilité d’un tel dispositif .

À noter en particulier, une astuce pour faire bénéficier de l’info de la popup pour ceux qui n’ont pas Javascript activé sur leur navigateur :

a href="page.htm" onclick="window.open(this.href); return false;"

C’est également un bon rappel de la syntaxe javascript pilotant l’ouverture de la popup et de ses paramètres (largeur, hauteur, équipement, etc.).

» Lire l’article Créer des pop-up intelligentes

Maîtriser la taille progressive des polices en CSS

Par le
No Gravatar

Maîtriser la taille progressive des polices en CSSC’est du classique mais cela ne fait pas de mal à relire de temps en temps, l’excellent article « Définir des tailles de police dynamiques cohérentes avec CSS » de Pompage.net revient sur l’utilisation judicieuse du em en guise d’unité de mesure dans ses pages HTML, en donnant quelques astuces afin d’avoir une présentation homogène dans tous les navigateurs.

» Lire l’article « Définir des tailles de police dynamiques cohérentes avec CSS« .

Accéder rapidement à istockphoto sur Firefox

Par le
No Gravatar

Istockphoto, banque d’images libres de droits

Si comme moi vous êtes un serial utilisateur d’istockphoto.com, mais que vous trouvez le site « un peu » lent, une solution simple et rapide existe : installer dans Firefox, votre ami de toujours, un accès direct à la recherche d’images sur le site.

Lire le reste de cet article »

Bien utiliser le texte alternatif

Par le
No Gravatar

Attribut ALT pour l’accessibilitéL’équipe de Pompage.net délivre une version francisée de l’excellent et très complet article de WebAIM revenant sur l’utilité, le contexte, la mise en oeuvre et les impacts sur texte alternatif utilisé au contenu non textuel d’une page web (notamment sur les images) dans un soucis d’accessibilité.
On y apprend que le texte alternatif a plusieurs rôles :

  • Il est annoncé par les logiciels de revue d’écran, à la place de l’image, rendant le contenu ou la fonction de l’image accessibles aux utilisateurs ayant des troubles visuels ou cognitifs.
  • Il est affiché par les agents utilisateurs (navigateurs) ne supportant pas les images ou lorsque l’image n’est pas disponible.
  • Il ajoute aux images un contenu sémantique et une description qui peuvent être lus par les moteurs de recherche ou utilisés pour déterminer le contenu de l’image à partir de son contexte.

» Lire l’article Bien utiliser le texte alternatif »

Firefox : Le bug de positionnement en pourcentage d’une image en background CSS

Par le
No Gravatar

Le bug de positionnement en pourcentage d'une image en background CSSUne petite particularité de Firefox que j’ai découverte par hasard en codant un site, il s’agit du positionnement d’une image en background CSS. En effet, j’avais préalablement placé mon image en haut à gauche d’un conteneur, puis j’ai eu besoin de la déplacer horizontalement au milieu, mais rien à toucher à l’axe vertical.

Lire le reste de cet article »

Insérer du Flash visible et accessible de tous

Par le
No Gravatar

Insérer du Flash valideBobby van der Sluis publie dans son article Unobtrusive Flash Objects une méthode passionante et très efficace permettant d’insérer dans les pages Web de son site des éléments Flash (.swf) tout en respectant les principes d’accessibilité et en s’assurant de l’accès universal à ce type d’applications.
Basée sur un fichier javascript externe une méthode de replacement, UFO est un script DOM qui détecte le plug-in Flash du visiteur et insère dynamiquement les objets Flash (fichiers d’extension .swf). Il passe tous les obstacles de détection Active-X (de nos amis les navigateurs Internet Explorer PC) et utilise les feuilles de style dynamiques permettant de styler temporairement l’espace alloué à l’animation pendant que celle-ci se charge. Bien d’autres raisons encore (13 en tout) incitent à utiliser cette technique éprouvée et primée par de grands noms, voici donc une bonne raison de suivre cet article en VO.
> Lire l’article Unobtrusive Flash Objects.

Détecter Internet Explorer 7

Par le
No Gravatar

Internet Explorer 7Le nouveau navigateur de Microsoft commençant à être bien répandu, il devient nécessaire de pouvoir lui servir un contenu propre afin de respecter des mises en pages normalement standard, mais que le nouveau navigateur siglé Redmond n’applique pas totalement. Se trouvant donc à la croisée des chemins entre le détesté IE 6 et un « vrai » navigateur standard, Internet Explorer 7 peut être détecté par la commande suivante dans le head d’une page :
Détecter Internet Explorer 7
Vous voilà paré pour envoyer une petite feuille CSS supplémentaire au vilain bougre…

Les liens d’évitement pour l’accessibilité Web

Par le
No Gravatar

3Toujours sur le front, Alsacréations publie un excellent article, intitulé Les liens d’évitement, traitant de ces liens permettant d’accéder directement à un type de contenu (« aller au menu », « aller au contenu », « skip intro »…) et permettant de respecter les principes d’accessibilité Web formulés par le WCAG.

Sélecteur de Feuilles de Style

Par le
No Gravatar

Excellent article de Andy Clarke et James Edwards traduit par l’équipe de Pompage.net traitant de la construction d’un style switcher ou sélecteur de CSS respectant les principes d’accessibilité Web et offrant des possibilités supérieures au simple changement de style écran habituel.

Lire l’article Les Super-Sélecteurs !

Vulgariser l’accessibilite Web (Temesis)

Par le
No Gravatar

Elie Sloïm publie sur le blog de Temesis un article fort intéressant dédié aux administrateurs de sites Web et autres publics à convaincre de l’utilité d’un site Web accessible et conforme aux standards. Cet article, intitulé à juste titre Vulgariser l’accessibilité démontre (s’il en est encore besoin) combien il est primordial de tenir compte des principes fondateurs de l’accessibilité lors de la conception d’un site Internet.
Lire l’article : Vulgariser l’accessibilité.

↑ Haut de page