Il y a plein de textes et plein de vidéos pour sensibiliser à l’#accessibilité des sites Web mais je trouve cette vidéo particulièrement réussie, car très « vie quotidienne ». Pas d’exploits, juste des tâches simples.
En campagne pour des sites Web de qualité, conformes et accessibles... et aussi pour les logiciels libres, les formats ouverts, l’usage des TIC pour tous.
Il y a plein de textes et plein de vidéos pour sensibiliser à l’#accessibilité des sites Web mais je trouve cette vidéo particulièrement réussie, car très « vie quotidienne ». Pas d’exploits, juste des tâches simples.
Les bonnes pratiques du lien hypertexte
▻http://www.my.epokhe.com/2008/11/04/bonnes-pratiques-liens-hypertextes
La synthèse vocale Jaws ne lit pas, par défaut, l’attribut TITLE, nécessaire pour apporter des informations complémentaires aux kyrielles de liens non explicites et identiques disséminés sur le Web. En effet, Jaws ne propose la lecture de cet attribut qu’en option, ce qui ne permettra pas à un utilisateur non-voyant de comprendre un lien non explicite si JAWS est mal paramétré. Son mode de consultation est soit l’intitulé soit le TITLE soit le plus long des deux, contrairement à Window Eyes, qui propose une restitution à la volée. Très compliqué pour les utilisateurs de lecteur d’écran, la bonne règle est de ne pas l’utiliser.
#attribut_TITLE #a11y #hyperlinks #liens_hypertextes #hyperliens
#accessibilité crotte de bique, parlons humain. :)
Analyse du nouveau Myspace et des codes du design web contemporains - Graphisme & interactivité blog par Geoffrey Dorne
►http://graphism.fr/analyse-du-nouveau-myspace-des-codes-du-design-web-contemporains
C’est presque devenue la norme, l’interface Metro (renommée Modern UI Style) est propre, carrée, élégante, fluide, correspond également parfaitement aux grilles en responsive design… bref elle est le doux mélange entre le graphisme suisse et le design web contemporain. Je suis donc ravi de voir que l’expérience proposée n’a pas l’air trop confuse mais également que la clarté de ce type d’interfaces qui reposent sur une grille prend le pas sur le design web d’aujourd’hui.
Oui, mais je tire la sonnette d’alarme de l’#accessibilité : tous ces designs en grilles hiératiques, pourquoi pas. Sauf qu’au niveau de la couche graphique d’un système d’exploitation il peut être simple de contraindre, dans le web c’est plus difficile et pas forcément souhaitable.
Je fais partie de ces rares clampins qui zooment les polices mais pas les designs entiers (ça viendra peut-être quand le #responsive sera général, ce n’est pas encore le cas). Or généralement les designs avec des hauteurs fixes, ça casse de partout : dans le meilleur des cas je peux encore lire, dans le pire des cas il y a des chevauchements partout.
Vous me direz que je peux désactiver les #CSS : je vous répondrai que oui, moi, je peux, parce que le web est mon métier. Mais les vrais gens qui surfent, là, au-dehors ?
Bref, pour moi c’est toujours un point de vigilance et j’ai souvent une certaine défiance (justifiée 95% des fois) devant des pavés qui sonr tous de la même taille.
Le Firefox de mon Mac mini a une taille de texte configurée à 24px au lieu de 16 parce que je le consulte sur ma TV depuis mon canapé. Tous les sites en « px » ne respectent pas ce paramétrage. Mais le pire, c’est que la plupart de ceux qui utilisent bien des « em » sont tout de même difficiles à consulter.
Je me console en disant que je tente de montrer le bon exemple avec mon propre site… ;-)
« Je fais partie de ces rares clampins qui zooment les polices mais pas les designs entiers » dis tu. Le problème est donc… rare ?
@baroug Je ne sais pas, c’est juste un sondage effectué autour de moi qui me confirme que ce n’est pas si fréquent chez les gens qui passent leur vie sur le web (je prends malgré tout souvent l’exemple du mec qui fait affichage > taille du texte dans IE : seul le texte grossit, le design n’est pas zoomé).
C’est pourtant un point de vigilance que je souligne souvent quand on me demande mon avis sur des sites : et si ça casse (parce que ça cassera forcément, ne nous leurrons pas), quel est le seuil tolérable et quelles méthodes de compensation a-t-on mis en place ?
Dans tous les cas, tu as raison, pour contenir du texte, les hauteur fixes, ça pue. Mais pourquoi choisir le zoomage texte seul, qui rend le web plus laid qu’il ne l’est déjà ?
@baroug parce qu’un scroll horizontal additionnel serait encore plus pénible :)
Pour un professionnel du web, tu bosse manifestement sur un trop petit écran. Investis.
Une étude #ebooks et #accessibilité :
Mainstream Access to E-Books—What Works, What Doesn’t, and What Is Still Unclear
►http://www.nfb.org/images/nfb/Publications/bm/bm12/bm1201/bm120105.htm
Accessibility – what is it good for? | Marco’s accessibility blog
►http://www.marcozehe.de/2012/10/22/accessibility-what-is-it-good-for
This blog post is by no means about diminishing the accomplishments the #accessibility community has made. But we need to go beyond that! We need to leave our comfortable niche and turn the accessibility extra way into the #standards way. Make people use headings, correct form element labeling, and other stuff just because it is the right thing to do that benefits everyone, not because “it’s an accessibility requirement”. Accessibility needs to finally shake off the smell of being an unloved burden to meet some government criteria. Every book any web dev buys must simply state as a #best_practice, without mentioning accessibility at all, that for labeling an input one uses the label element, and that the for attribute of that label element needs to point to the id of the input to be labeled. As a test case, state that this way, a user can also click on the label to get the cursor right. Don’t bother people with screen readers at all. They don’t need to know for these things.
We must get to a point where teachers give their students lesser grade if they deliver semantically incorrect work. An excuse like “but it works” should not be enough to get a good grade.
Cent fois oui, on en est déjà bien là quand je participe à des formations.
Voir aussi, un commentaire de Kevin Potts :
The main problem, having been invested in the accessibility community since 2003, is that accessibility is seen as a checklist. Legislature such as Section 508 promotes this way of thinking — “make sure you check 0ff this, this, this and this and boom your site is accessible”. Checklists are easy to reference. Developers love them because lints and validators can be written against them.
The reality is that accessibility is a philosophy. It is a mindset. A strategy. A tenant. This is the brilliance of WCAG2.0 that most from the sidelines fail to grasp. It uses words like “perceivable” and “understandable” — abstractions that try to convey that accessibility is foundational, not something that cannot be tacked onto the end of a project.
Fuyez les livres, fuyez l’école, fuyez Facebook ! - Le blog de enfants-ecrans.over-blog.com
►http://enfants-ecrans.over-blog.com/article-fuyez-les-livres-fuyez-l-ecole-fuyez-facebook-4915
Tout comme on s’inquiète aujourd’hui pour nos enfants qui passent trop de temps devant leur ordinateur, Socrate mettait ses contemporains en garde contre les dangers de l’écriture, qui ne « produira que l’oubli dans l’esprit de ceux qui apprennent, en leur faisant négliger la mémoire ».
Tattoo code : t’as tout compris | Les Nouvelles de Tahiti
►http://www.lesnouvelles.pf/article/ca-fait-la-une/tattoo-code-t%E2%80%99as-tout-compris
Une autre façon de lire la presse écrite !
#presse #multimédias #qrcode
J’aime bien savoir que ce genre de concept existe, a été mis en place et marche :
Virus du Sida : des joueurs en ligne résolvent une énigme
►http://www.liberation.fr/c/01012360755-c
« Les résultats publiés cette semaine montrent qu’en combinant les jeux, la science et l’informatique, on parvient à des avancées qui n’étaient pas envisageables jusqu’alors »
Inria accueille le premier bureau W3C en France - Inria
►http://www.inria.fr/actualite/mediacenter/bureau-france-w3c
Créé en 1967, Inria est le seul institut public de recherche entièrement dédié aux sciences du numérique.
Au commencement était le web. - Les tablettes prennent leur envol. - Les tablettes prennent leur envol.
►http://alaingerlache.be/post/10435885905/les-tablettes-prennent-leur-envol
Un service qui était auparavant gratuit devient payant lors de l’introduction d’une nouvelle technologie.
Cross Media Consulting : L’actu media web - La présidentielle 2012 ne sera pas numérique
►http://www.erwanngaucher.com/14092011La-presidentielle-2012-ne-sera-pas-numerique,1.media?a=709
Les politiques et leurs communicants sont des enfants de la télé, pas du numérique
Remplacer le dictionnaire français par défaut de Firefox, Dictionnaire français moderne | Ballajack
►http://www.ballajack.com/remplacer-dictionnaire-francais-firefox
#Firefox #orthographe
je réponds à la place de @seenthis, il me semble que c’est le taggage automatique d’OpenCalais qui fait ça, et qu’il est possible de les supprimer - quand ils sont « abusif » - en cliquant dessus. Bien pratique autrement.
Un mauvais point pour moi... si j’avais lu toute la documentation avant de poser ma question de newbie... ;-)