#accessibilite

Brook Baker: Challenges Facing a Proposed WIPO Treaty for Persons Who are Blind or Print Disabled | Knowledge Ecology International
http://keionline.org/node/1723

The book famine in the Global South continues and text on the internet is frequently soundproof. Rather than address the pragmatic human rights needs of people who are blind and print-disabled by crafting a low-cost, easy-to-use solution, copyright and other IP industries, and their proxies in U.S. and E.U. trade offices, are holding a Treaty for the Blind hostage in order to build higher bulwarks to protect their monopoly right kingdoms.

#drm vs #accessibilité
#handicap #aveugles #traité #propriété_intellectuelle

Ubuntu. Réduire la luminosité des fenêtres inactives
http://neosting.net/aide-tutoriel/ubuntu-conpiz-dim-inactive-windows.html

Voici une petite astuce utilisable sous Ubuntu (ici, en version 13.04) avec Compiz, qui permet de dé-saturer, de mettre en transparence et de réduire la luminosité des fenêtres qui ne sont pas actives. En effet, cette astuce permet de mettre en surbrillance uniquement la ... #accessibilite #ccsm #fenetres #ubuntu

Politique d’accessibilité
http://www.maif.fr/annexes/politique-accessibilite/politique-accessibilite.html

« Qu’est-ce que « l’ #accessibilité » d’un site Internet ? » définition en une image :

https://www.cdn-maif.fr/content/20130503_085838/images/annexes/politique-accessibilite/accessibilite-site-maif.png

Défaitisme et #accessibilité | nota-bene.org
http://nota-bene.org/Defaitisme-et-accessibilite

Avant d’être handicapée, une personne handicapée est une personne. Ne l’oubliez jamais quand vous faites le choix, sciemment, d’omettre l’accessibilité dans un site #web.

Actes - 7e Forum Européen de l’Accessibilité Numérique Faire de l’e-accessibilité une compétence professionnelle
http://inova.snv.jussieu.fr/evenements/colloques/colloques/article.php?c=78&l=fr&a=428

Ces bonnes pratiques, qui s’appliquent majoritairement au moment de la conception et de l’habillage graphique, garantissent une bonne lisibilité de la page #web et valident les critères Accessiweb précités.

Une présentation de @tetue sur les bonnes pratiques en matière de #typo sur le web. Peut être pratique quand il s’agit de sensibiliser quelqu’un à ce sujet.

#fonts #accessibilite

WAVE Web Accessibility Tool
►http://wave.webaim.org

Web accessibility evaluation tool

#a11y

Braille Book Everything, un concept de loupe pour les non-voyants
http://neosting.net/materiel/concept-braille-book-everything.html

Le concept d’un appareil mobile, capable de lire du texte avec un logiciel de reconnaissance de caractères pour le retranscrire en braille est une très bonne idée. On peut l’assimiler en fait, à une loupe pour non-voyants. D’un coté de l’appareil mobile, on imagine un ... #accessibilite #braille #braille-book-everything #concept

#Bonnes-pratiques graphiques
http://fr.slideshare.net/tetue/bonnes-pratiques-graphiques

Les slides des bonnes pratiques #web de #graphisme pour l’#ergonomie et l’#accessibilité, par @tetue pour #Paris-Web.

Changer sa perception de l’accessibilité – 24 jours de web
http://www.24joursdeweb.fr/2012/changer-sa-perception-de-l-accessibilite

Pour les designers, l’accessibilité n’est généralement pas bien perçue. Pour eux, c’est une limite à leur créativité. Le taux de contraste minimum entre la couleur d’avant-plan et celle d’arrière-plan est l’élément qui les affecte le plus. En respectant le taux de contraste du WCAG 2.0 AA, il reste encore suffisamment de couleurs pour travailler. L’accessibilité n’empêche pas les designs originaux, par contre elle permet de mettre un frein aux mauvaises idées.

#a11y #accessibilité #color #créativité

The Web We Lost - Anil Dash
http://dashes.com/anil/2012/12/the-web-we-lost.html

This isn’t our web today. We’ve lost key features that we used to rely on, and worse, we’ve abandoned core values that used to be fundamental to the web world. To the credit of today’s social networks, they’ve brought in hundreds of millions of new participants to these networks, and they’ve certainly made a small number of people rich.

But they haven’t shown the web itself the respect and care it deserves, as a medium which has enabled them to succeed. And they’ve now narrowed the possibilites of the web for an entire generation of users who don’t realize how much more innovative and meaningful their experience could be.

Fieffé de bon article (via plein de gens bien, dont @koalie et @adactio qui n’ont sans doute pas de compte Seenthis mais j’ai décidé d’arrêter de lier vers Twitter le fermeur de RSS).

sithmel/graphTable · GitHub
https://github.com/sithmel/graphTable

Un sous-plugin de #jQuery #Flot qui fabrique un graphique à partir d’une table #HTML, donc plus accessible à priori. Et plus facile à construire puisqu’on a pas besoin de connaître le JS pour le faire.

À faire : un plugin #SPIP pour l’intégrer encore plus facilement à partir de classes #CSS ajoutées aux tables : « graphtable columns » ou « graphtable rows », entre autre. Du coup il n’y aurait même plus besoin de l’appel non plus. Juste activer le plugin et mettre des classes sur certains tableaux.

#accessibilité #javascript

LukeW | An Event Apart : What Clients Don’t Know
http://www.lukew.com/ff/entry.asp?1662

If you are a designer, you need to convince people of things. That’s part of the job.

Je compile des liens sur l’#accessibilité pour un article, ceci est un source indirecte.

#ARIA, il serait temps de s’y mettre ! | Édition Nº8 | le train de 13h37
http://letrainde13h37.fr/8/aria-il-serait-temps-de-sy-mettre

Bien que la mode du #web 2.0 soit passée, l’usage massif de #javascript pour réaliser des sites web ou désormais de véritables applications en ligne est bel et bien plus que d’actualité.

Cette utilisation de javascript et ces nouveaux usages du web ne vont pas sans poser quelques difficultés aux utilisateurs de lecteurs d’écrans.
[...]
C’est dans le but de lever ces éventuelles difficultés que le W3C propose une spécification technique nommée ARIA « Accessible Rich Internet Application ».

Nous allons donc en étudier les grands principes et voir comment l’utiliser.

via @notabene :)
#intégration #accessibilité

https://github.com/fnagel/jQuery-Accessible-RIA

a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on jQuery (using the UI Widget Factory). Currently a lightbox app, live form-validation, accessible tabs and sortable tables are ready to use. Released under MIT licence.

#jquery #javascript #a11y #table #accessibilité

Les approches *-first | Openweb.eu.org
http://openweb.eu.org/blog/les-approches-first

J’ai conscience que nos métiers de plus en plus spécialisés n’encouragent pas à cette vision transversale, toutefois, je pense vraiment que le vrai défi du Web de demain et d’après-demain sera d’inclure tous ces aspects sans exception. Un subtil jeu d’équilibriste.

Musique à mes oreilles.
#accessibilité #webdesign #buzzwords #qualité

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.

#accessibilité #qualité

Content Choreography | Trent Walton
►http://trentwalton.com/2011/07/14/content-choreography

Another thing I’ve noticed is that media queries are being used to significantly #redesign pages. I’ve seen background colors change and top-level elements move from left to right. If critical thought is applied here those choices may be spot on. But what happens if a user visits at full-width one afternoon and revisits your site in the evening on a tablet, and everything looks completely different? It’s annoying—like someone rearranging the groceries in your pantry every time you closed the door. The power of media queries can be intoxicating, but just because you can doesn’t mean you should.

Mouais. Il a raison sur le fond mais il faudra vraiment que les gens se rendent compte que tant qu’à faire du #responsive, il serait malin de virer les #webfonts pour des questions de bande passante, et forcer le #contraste pour des questions d’#accessibilité en mobilité notamment.

#mediaqueries #rwd

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

C’est vraiment relou cette manie de reporter sur des sites normaux, qui n’ont pas de limite de place, des habitudes d’#écriture avec des noms de code barbares issus de #SMS ou #Twitter et qui visaient à gagner quelques pauvres caractères.

Après les sites normaux deviennent aussi illisibles que les borborygmes qui viennent des #flux-tendus.

Franchement, c’est mieux #accessibilité que #a11y, #lisibilité ou #lisibilité-web que #100E2R (easy to read en 100%, littéralement), non ?

C’est quand même, entre autres, pour ça que @seenthis c’est plus classe.

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.

http://graphism.fr/wp-content/uploads/2012/09/UI2.jpg

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.

Les premières notices accessibilité adaptées à la gestion de projet web

Les notices AcceDe Web s’adressent de façon spécifique à chaque intervenant d’un projet web et sont adaptées aux différentes étapes de conception.

http://accede-web.com/fr

#accessibilité #atalan #a11y

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

Du pictogramme - Le blog de sev communication
http://sevcommunication.com/Du-pictogramme

Au fil des ans, après avoir, comme beaucoup, créé des pictogrammes pour chacune des opérations qui nous étaient confiées, je suis revenu progressivement à l’utilisation de signes plus universels, non sans y apporter quelques touches et retouches, guidé par ce que m’avait dit une personne en fauteuil roulant : elle en avait « marre » de devoir parfois faire plusieurs tours avant de comprendre que le symbole qu’elle recherchait avait été « aménagé », le rendant difficilement lisible, et même parfois totalement incompréhensible. Le pictogramme est une forme de typographie, il doit signifier, donner du sens, mais demeurer accessible au plus grand nombre et le plus rapidement possible.

http://sevcommunication.com/IMG/jpg/picto_internat.jpg

#pictogramme #lisibilité #a11y #accessibilité #typographie #universalité

Le Pluzz de France Télévisions fait plouf : 67% de perdus ! - Medias-soustitres
http://www.medias-soustitres.com/internet/actualites/article/le-pluzz-de-france-televisions

Quelques chiffres extraits le 30 juillet 2012 pour illustrer :

Sur France 2, 72 programmes sous-titrés sur 172 programmes soit 42 % Sur France 3, 43 programmes sous-titrés sur 126 programmes soit 34 % Sur France 4, 7 programmes sous-titrés sur 38 programmes soit 18,5 % Sur France 5, 19 programmes sous-titrés sur 91 programmes soit 20% Sur France 1, 0 programme sous-titré sur 87 programmes soit 0 % Sur France ô, 0 programme sous-titré sur 93 programmes spot 0%

Au total soit 33% de programmes sous-titrés si on n’inclut pas les chaines de France 1 et France ô. Quand on sait que la quasi-totalité de ces programmes est sous-titrée lors de leur diffusion à la télévision, cela veut dire qu’on a mis 67% de ces programmes à la poubelle.

Bin alors, il va falloir que quelqu’un s’explique chez France Télévision, non ?

#sous-titrage #surdité #accessibilité

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.

http://www.youtube.com/watch?v=fzgxTGG7hKE