Tous les articles dans Accessibilité

7 Articles

Une aide technique par la pensée

Comment ne pas avoir hâte pour les personnes à mobilité réduite ?

Des chercheurs américains sont parvenus à ce que des singes se nourrissent à l’aide d’un bras robotisé contrôlé uniquement par l’activité cérébrale.

[+] – LeMonde.fr

Journée Mondiale de l’Utilisabilité 2007

Encore un évènement incontournable le 8 novembre :

Journée Mondiale de l’Utilisabilité 2007

Pour en savoir plus, c’est chez Fred.

Point accessibilité : l’Europe s’y mets.

Un label d’accessibilité européen vient de voir le jour (depuis quelques temps en fait) : Euracert, certifiant la disponibilité d’un site pour les aveugles, les malvoyants et les malentendants.

Morceaux choisis (Via 01Net ):

  • Les entreprises ou les établissements publics intéressés par ce type de certification doivent d’abord obtenir le certificat national de leur pays, puis demander Euracert. « En France, le label bronze Accessiweb coûte 1900 euros. Il faut ajouter 600 euros pour obtenir le label Euracert »
  • Le surcoût associé dépasse souvent les 20 % du coût total de développement du site Web.
  • Seulement 3 % de sites européens accessibles
  • En France, seulement une vingtaine de sites ont été certifiés Accessiweb pour l’instant. Il s’agit essentiellement de sites d’établissements publics comme le ministère délégué aux personnes handicapées (label bronze) mais des grandes entreprises comme Gaz de France (label bronze) et la SNCF (label argent pour ses sites TER) viennent d’obtenir un label.

Remplacement de texte par de l’image

Voici plusieurs techniques pour insérer une typographie riche – i.e. remplacer du texte par une image, tout en respectant l’accessibilité et l’indexation par les moteurs de recherches : bluffant !

» /!\ problèmes d’accessbilité avec ces techniques et .
» La technique ultime.

» Une technique en php… prometteur mais… je ne suis pas arrivé à faire tourner….

» Surtout pour les titres, en css brut.

» Solution simple et compatible.

» pas mal du tout.

» En javascript.
Il s’agit ici plus d’un detect pour savoir si le navigateur autorise l’affichage d’image.

Ergonomie incitative et accessible

» Support de présentation du WiF.

» Feng-shui et interfaces graphiques.

» Le Design eye.

» Communication visuelle & design Web

» L’accessibilité : « ça coûte cher et ça sert pas à grand chose »…
» L’accessibilité : halte aux mythes & préjugés.

» Design de mailing list.

» L’utilité et l’utilisation de l’effet rollover.

» Etude sur la navigation.

Webdesign : le guide.

Tout y est : de la typographie & layout, accessibilité, architecture…

» Web design form scracth.

Accessibilité : de l’élastique

Le design dit « élastique » ou techniquement « relatif » permet d’afficher un site en parlant de « proportion » (em ou %) et non plus de valeurs fixées (px ou pt). Ceci permet essentiellement d’obtenir des sites dit « accessibles », en particulier pour les mal-voyants.

» Font, layout et même image : le CTRL+molette est gaté :

» Conversion px to em to pt to px… pour arrêter de faire 432 test!

» Pour réaliser un zoom sur le contenu de sa page.

» Un tutorial complet pour comprendre la réalisation technique d’un site de A à Z.

» Créer un affichage tabulaire et des tableaux pour mal voyants.

» Des coins arrondis elastiques.

» Du texte en em plutôt qu’en px ou %…. ça prend tu temps.

ouvrir