Accessibilité web: un cactus pour l'UBS [fr]

Je suis cliente de l’UBS depuis que j’ai un compte en banque. Depuis plus de deux ans, je fais tous mes paiements par e-banking.

Aujourd’hui, je suis embêtée. Premièrement, le site e-banking refuse de fonctionner correctement depuis quelque temps dans mon navigateur de prédilection, Mozilla.

De plus, le site est clairement optimisé pour une résolution 1024 par 768. En 800 par 600, les parties les plus importantes de la page sont cachées. Lorsque l’on a une dizaine de factures à  payer, et qu’on sait que chaque facture nécessite de traverser trois écrans semblables à  celui que vous voyez dans le lien ci-dessus, on peut imaginer le nombre de clics sur la barre de défilement. Ou, si je fais à  la voix, le nombre de répétitions de « défiler x »…

Non, le 800 par 600 n’est pas mort. Une des nombreuses personnes que j’ai consultées au sujet des petits soucis de santé que vous savez a attiré mon attention sur le fait que l’on a tendance à  être penché en avant vers son écran d’ordinateur (ce n’est pas trop bon pour la nuque, vous imaginez). Au travail, j’ai un écran 21 pouces. Même en faisant attention, je me surprenais sans cesse penchée en avant sur mon bureau, pour gagner ces juste quelques centimètres qui rendent la lecture agréable. En 800 par 600, je m’installe confortablement contre le dossier de ma chaise sans tentation de faire des misères à  ma nuque. Oui, même avec un écran Sony 21 pouces.

Je passerai bien entendu sur les problèmes suivants comme chat sur braise :

  • les cadres, qui ne me permettraient pas de payer mes factures avec mon téléphone portable si je désirais
  • les images qui remplacent les boutons de formulaire, bien entendu dépourvues d’attribut alt
  • l’absence d’adresse e-mail qui permettrait de contacter le webmaster ou toute autre personne responsable du site ou de ses fonctionnalités
  • le balisage invalide (quel jeu de mots !), digne représentant de ce que j’aime à  appeler le « style 1995 »

On peut donc faire beaucoup mieux ! Après les banques françaises, on se met aux banques suisses ?

Pompage.net : numéro de janvier [en]

Ce mois-ci sur Pompage.net, traduction d’un extrait du prochain livre de Jeffrey Zeldman : 99,9% des sites web sont obsolètes (traduit par l’inépuisable Samuel Latchman).

Abandonnez target="_blank"! [en]

En ce moment sur la liste de discussion de pompage.net : arguments contre l’utilisation de target="_blank".

En résumé, forcer l’ouverture d’une nouvelle fenêtre lorsque l’utilisateur clique sur un lien « casse » le bouton « Back ». De plus, il est impossible de savoir avant de cliquer sur le lien s’il ouvrira ou non une nouvelle fenêtre… Si vous avez quelque chose à  ajouter au débat, n’hésitez pas à  rejoindre la liste et à  prendre part à  la discussion !

Améliorer son site [en]

À lire aujourd’hui chez Karl : améliorer son site petit à  petit. Quelques actions simples par lesquelles vous pouvez commencer, plutôt que de faire une immense opération « nettoyage de printemps », souvent décourageante avant même de l’avoir commencée.

Contrôler l'impression avec CSS [en]

Pompage : le numéro de novembre est en ligne !

Vous apprendrez qu’il est fort aisé de contrôler sous quelle forme votre site sera imprimé : Faites bonne impression avec les CSS, un article d’Eric Meyer traduit par les bons soins de Samuel Latchman.

Accessibility: People Who Command Their Computer by Speech [en]

Creating a new weblog post is pretty painless. I have a dictation shortcut which inserts the markup and placeholders for text and title. Let me know if I start flooding you.

Mozilla seems to lack accessibility components (MSAA) included in Internet Explorer and other Microsoft programs, which make them easier to use by voice. With Internet Explorer for example, a hyperlink is automatically selected when you pronounce the hyperlink text, so that you can follow it. In Mozilla, I have to tab my way around or hope that the site I’m visiting has provided access keys for each hyperlink (is that even possible?)

More on this topic once I have figured it out.

Update 31.10.02: actually, Mozilla has top-notch support for MSAA, but Dragon doesn’t activate it. What a pity!

Nouvel article traduit [en]

Pompage.net vous offre ce mois un nouvel article, qui vous invite à  voir que l’indulgence des navigateurs peut être contre-productive. Elle n’encourage pas les designers web en herbe à  construire des pages structurellement correctes.

Si vous l’avez raté, n’oubliez pas de lire l’article du mois passé: Techniques et astuces pratiques pour une mise en page CSS. Mettez-vous également l’eau à  la bouche en regardant ce que nous vous préparons… Merci à  toute l’équipe!

Totalement crétin [en]

Totalement crétin: piquant (même pas mal) et savoureux. A surveiller.

Multilingue! [en]

Vous qui aimez mélanger les langues, et qui proposez allégrement à  vos lecteurs des liens vers des sites anglais, français, québécois, helvètes, belges ou allemands (bon, je ne vais pas faire toute la liste!) — sachez qu’il y a dorénavant bien plus élégant que mes petits drapeaux html. Daniel nous explique comment indiquer la langue d’un lien en css (oui je sais, ça sonne bête et c’est même probablement faux de le dire comme ça — mais vous me comprenez.)

Bon, moi je fais encore bien pire: non seulement je fais des liens vers des sites tantôt francophones, tantôt anglophones, mais en plus je m’amuse (comme Martine, Romain, Emmanuelle et d’autres encore) à  écrire dans les deux langues. Ce serait cool d’avoir un moyen CSS-structural-tout-beau-machin pour différencier le texte français du texte anglais (pour le moment, ce sont les mêmes petits drapeaux qui s’en chargent.)

Au fait, que met-on dans hreflang lorsque le site linké est bilingue?

Note: linké, c’était exprès pour faire friser les oreilles de la grande rousse

CSS pratique [en]

Enfin, le moment tant attendu! Pompage.net vous offre une nouvelle traduction toute fraîche, qui vous éclairera concrètement sur les merveilles du CSS. Dégustez, et parlez-en à  l’envi autour de vous!

Pompage.net: Techniques et astuces pratiques pour une mise en page CSS.