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.
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.
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. :)
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.
#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 ?
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.
#Accesskey, l’essai non transformé de l’#accessibilité | Openweb.eu.org
►http://openweb.eu.org/articles/accesskey_essai_non_transforme
Un article critique sur les accesskeys qui seraient rarement utiles du fait de leurs implémentations disparates et aussi parce qu’il n’y a pas consensus et que c’est au cas par cas.
Mais intéressant tout de même à la fin : une liste des raccourcis qui font « un peu » consensus quand même, par exemple ceux recommandés par le #RGAA
David Rumsey Historical Map Collection
Atlas for The Blind 1837
►http://www.davidrumsey.com/blog/2012/5/21/atlas-for-the-blind-1837
The Atlas of the United States Printed for the Use of the Blind was published in 1837 for children at the New England Institute for the Education of the Blind in Boston. Without a drop of ink in the book, the text and maps in this extraordinary atlas were embossed heavy paper with letters, lines, and symbols. To the best of our knowledge, this is the first atlas produced for the blind to read without the assistance of a sighted person.
Braille was invented by 1825, but was not widely used until later. It represented letters well, but could not represent shapes and cartographic features.
Opquast Desktop : : Modules pour Firefox
►https://addons.mozilla.org/fr/firefox/addon/opquast-desktop
Opquast Desktop est une application qui vous permet d’analyser votre site au regard de différentes check-lists qualité ou #accessibilité.
Places It’s Tempting To Use Display: None; But Don’t | CSS-Tricks
►http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont
You want to hide something on a page, so:
.hide {
display: none;
}
But wait! By applying that class to an element you’ve immediately made that content “inaccessible” by screen readers. You’ve probably known this forever, but still the poison apple sneaks into our code once in a while.
Dépêche AFP - #accessibilité des sites internet des candidats à la présidentielle : Pour une accessibilité universelle
►http://accessibilite-universelle.apf.asso.fr/archive/2012/02/24/depeche-afp-accessibilite-des-sites-internet-des-
Accessibilité, le site - Ministère du Développement durable
►http://www.developpement-durable.gouv.fr/-Accessibilite-.html
#accessibilité
Vidéo Accessible - SPIP-Contrib
►http://www.spip-contrib.net/Video-Accessible #spip #vidéo #accessibilité
The Only Thing Constant is Change « Unrepentant
►http://john.foliot.ca/change
I arrived, a web-accessibility specialist, to set up a program that had a title and a blank sheet of paper attached to the title. The job? Figure it out and get it done. Learn the art of herding cats, and establish web accessibility as a thing on campus. Be an evangelist, a technologist, a salesman, a politician. Make it happen. I was surrounded by a group of supportive if sometimes skeptical technology people, who were always gracious in their generosity of time to me, and for the most part openly receptive to what I was trying to do. They remain so even today, and I look back on the many successes we’ve accomplished together, and the path forward we have charted together too, and I wish you all continued success.
Les bienfaits de l’inclusive development | w3qualité
►http://w3qualite.net/demarche/les-bienfaits-de-inclusive-development-32
Pour [Denis Boudreau], le KISS est un simple retour à l’intention du web :
oublier les obligations : viser le résultat
ne plus être paralysé par l’ampleur de la tâche : segmenter en sous-tâches moins complexes et itérer
et, plus loin :
Cette approche offre un indéniable et appréciable parallèle avec la démarche de qualité web : la transversalité. Elle rejoint entièrement la qualité web et la gestion des différentes facettes de sa complexité : standards, performance, compatibilité, interopérabilité, sécurité, ergonomie. Le développement inclusif permet d’atteindre la quasi-totalité des métiers et des compétences en charge d’un projet web.
autrement dit, la pratique des #méthodes-agiles
@James sur le KISS en partie oui, mais pas forcément sur le reste de sa présentation, c’est même presque orthogonal : d’un côté on parle philosophie (le décloisonnement), de l’autre on parle méthode (cycle en V contre méthodes agiles). Tous les points de Denis peuvent rentrer dans les deux méthodes.
Accessibilité agile : audit exhaustif... ou avons-nous mieux en magasin ? - Blog Temesis
►http://blog.temesis.com/post/2011/10/15/Accessibilit%C3%A9-agile-audit-exhaustif
Ma seule légère réserve : il nous faudra être attentif à ce que le message de fond ne soit pas dévoyé et récupéré sous la forme « ah ben j’ai pas besoin d’un expert alors ? ». Ce n’est bien sûr pas ce que tu écris, mais les gens sont tellement prompts à lire ce qu’ils ont envie de lire...
Effectivement, à part cette petite réserve, sur le reste c’est du petit lait.
#accessibilité #agilité
Les sites Web dépendant de l’État et des collectivités doivent être accessibles aux personnes handicapées (article 47 de la loi du 11 février 2005). Le Référentiel général d’accessibilité pour les administrations (RGAA) indique les règles techniques et les bonnes pratiques à mettre en œuvre pour atteindre cet objectif.
Cher David, tu sais que c’est Mosquito et moi qui avons fait ton site Web sous #SPIP qu’il est tout beau ?
►http://sports.gouv.fr
Je dis ça je dis rien.
Jolie réalisation, d’ailleurs ! #fait_en_spip
Quant à moi qui navigue au clavier, j’ai toujours sous la main le petit bookmarklet qui sauve :
javascript:s%20=%20document.createElement(%22style%22) ;s.setAttribute%20(%22type%22,%20%22text/css%22) ;t%20=%20document.createTextNode%20(%22*:focus%20{%20outline:2px%20red%20dotted%20 !important ;%20background:#fee%20 !important ;%20}%22) ;s.appendChild(t) ;h%20=%20document.getElementsByTagName(%22head%22)[0] ;h.appendChild(s) ;void(0) ;
parce que outline:none ça me fait toujours pleurer.
Où en est l’accessibilité numérique, 7 mois plu tard ? ►http://www.webaccessibilite.fr/lettre-ouverte-pour-l-accessibilite-numerique-7-mois-plus-tard-2011 #a11y #accessibilité #bilan
#Accesskey le grand #échec de l’#accessibilité du #Web
►http://www.alsacreations.com/article/lire/568-Accesskey-le-grand-echec-de-l-accessibilite-du-Web.html
Issu d’une idée aussi vieille que l’informatique, le raccourci clavier appliqué au Web est un cinglant échec qui condamne son utilisation à quelques chiffres associés à des fonctions clés du site.
Les référentiels, comme celui de l’ADAE ou du gouvernement anglais tentent de trouver un consensus en établissant une liste formelle des raccourcis clavier.
Mais à dispositif mal né, problèmes récurrents, cette liste pose autant de problèmes que les raccourcis eux-mêmes...
PDF Techniques | Techniques for WCAG 2.0
►http://www.w3.org/WAI/GL/2011/WD-WCAG20-TECHS-20110621/pdf.html
PDF files may be produced either directly by application programs or indirectly by conversion from other file formats or imaging models. In addition, tools exist for inspecting, checking, and repairing PDF files for accessibility. The following sections provide representative lists of applications and tools typically used for these functions.
#accessibilité #PDF #WCAG #W3C
Handling duplicated links using HTML5 and WAI ARIA » iheni :: making the web worldwide
►http://www.iheni.com/handling-duplicated-links-using-html5-and-wai-aria
This month’s article over at Spotless Interactive looks at ways of handling repeated adjacent links. Typically these are image and text links linking to one page and are often found on news websites.
I look at how HTML5 block level linking can link entire areas of a page and WAI ARIA negative tabindex (tabindex=”-1″) can remove links from keyboard focus.
@notabene J’ai pas compris ce qu’il dit. S’il fait un lien autour de tout le bloc, il n’y a plus de doublon, non ?
@nhoizey tiens je ne t’avais pas répondu : on ne peut pas toujours ne faire qu’un seul lien avec un alt vide malheureusement. Dans le cas où les liens sont dupliqués, l’astuce est bonne à connaître.
@notabene j’ai failli attendre ! :-p
OK, compris que ça peut être utile...
ChangeProposals/InstateLongdesc - HTML WG Wiki
►http://www.w3.org/html/wg/wiki/ChangeProposals/InstateLongdesc
Issue 30 Change Proposal: Include longdesc in HTML5
Include the #longdesc attribute from HTML 4 in HTML5 as an allowed attribute on images.
C’est important même si ça semble accessoire à plein de monde. #accessibilité
en HTML ? Tu as une URL à partager ?
pardon il s’agit de figure/figcaption
►http://seenthis.net/messages/8788
je n’ai encore rien implémenté, mais ça me paraît la bonne voie pour les légendes des #galeries photo par exemple
Oui, et pas seulement. Chez moi par exemple c’était un genre de galère à faire avec du JS, prendre le alt de l’img, etc. ►http://twitpic.com/430m8g
Quelqu’un a déjà commencé à bousculer le mécanisme de #img sur #spip ?
(je réponds à moi-même) Cela dit #longdesc n’est pas exactement destiné au même usage. Il décrit l’image, d’une façon qui la plupart du temps n’intéressera pas les voyants.
Tiens si ça vous intéresse encore je viens de modifier un modèle dans mes skels à venir modeles/img.html (la v6 est en cours de production, je la verserai sur le SVN du rezo quand elle sera mûre).
Le problème de position:fixed | notabene
►http://www.nota-bene.org/Le-probleme-de-position-fixed
problème : il faut, après avoir fait défiler une page, appuyer en rafale sur la flèche haut pour lire les lignes qu’on a manquées. C’est rageant
Pop-ins et accessibilité | nota-bene.org
►http://www.nota-bene.org/Pop-ins-et-accessibilite
#popin #accessibilité #Stéphane_Deschamps #dev #web #qualité #clevermarks #bp