Successfully reported this slideshow.
zoyo
vos technologies de l’information
zoyo vos technologies de l’information
avec laparticipation de
zoyo
vos technologies de l’information
ergonomie & usabilité
par zoyo pour le
zoyo
vos technologies de l’information
introduction
accessibiliténumérique
zoyo
vos technologies de l’information
accessibilité
réduireladiscordance — capacité
— besoin
— souhait
zoyo
vos technologies de l’information
monde réel
adaptation matérielle& aide
physique
zoyo
vos technologies de l’information
monde numérique
adaptation logicielle& alternative
zoyo
vos technologies de l’information
web
références: Web Accessibility
Initiative
zoyo
vos technologies de l’information
web
WAI, 1997, W3C
solutionstechniques
zoyo
vos technologies de l’information
web
WAI: WCAG, ATAG, UAAG, …
web content
accessibility guideline
authoring tools
ac...
zoyo
vos technologies de l’information
web
WCAG: rendrelecontenu accessible
zoyo
vos technologies de l’information
web
ATAG: auteurslogiciels,
production decontenu accessible
(WCAG)
zoyo
vos technologies de l’information
web
UAAG: développeurslogiciels
consultation decontenu
zoyo
vos technologies de l’information
web
autre: Section 508, WAI-ARIA, etc.
zoyo
vos technologies de l’information
logiciel
aucunenorme, pasderéférences
officielles
traces: ISO9241, AFNOR Z67,133,
h...
zoyo
vos technologies de l’information
logiciel
classique: TTS, grossissement, …
Text To Speech
zoyo
vos technologies de l’information
logiciel
classique: ajout dematériel
spécifique
zoyo
vos technologies de l’information
logiciel
clésd’utilisation (raccourcis, clés
standards)
zoyo
vos technologies de l’information
logiciel
non libre: Microsoft Active
Accessibility
open source: rien pour lemoment
zoyo
vos technologies de l’information
logiciel
non libre: Microsoft Active
Accessibility
open source: rien pour lemoment
zoyo
vos technologies de l’information
pratique
logicielscourantset solutions
quotidiennes
zoyo
vos technologies de l’information
twitter
http://accessibletwitter.com/
client web accessible
zoyo
vos technologies de l’information
open office .org
odt2daisy, export XML
http://odt2daisy.sourceforge.net/
zoyo
vos technologies de l’information
microsoft office
Word add-in, export XML
http://www.daisy.org/project/save-
as-dais...
zoyo
vos technologies de l’information
firefox
http://www.firevox.clcworld.net/
synthèsevocaledansfirefox
zoyo
vos technologies de l’information
système d’exploitation
http://www.nvda.fr
lecteur d’écran pour Microsoft
Windows
zoyo
vos technologies de l’information
système d’exploitation
http://www.oralux.org
distribution Linux
zoyo
vos technologies de l’information
exemple (1)
zoyo
vos technologies de l’information
exemple (2)
zoyo
vos technologies de l’information
exemple (3)
fermer les yeux et écoutez
simulateur pour aveugle
zoyo
vos technologies de l’information
exemple (4)
zoyo
vos technologies de l’information
Creative Common Licence
(excepté: logo zoyo, © zoyo, X. Brusselaers2010)
présentati...
zoyo
vos technologies de l’information
questions
réponseen privé, avec MoniqueB. &
Nickko
Prochain SlideShare
Chargement dans…5
×

Ergonomie & usabilité introduction - accessibilité numérique - v1.01

1 213 vues

Publié le

Introduction au Café Numérique dédié à l'ergonomie et l'usabilité - L'accessibilité numérique

Publié dans : Technologie, Design
  • Ah zut... j'ai oublié que les retours à la ligne n'étaient pas pris en compte ici. Mon commentaire est illisible et je ne peux même pas le supprimer :-(
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Bonjour,

    Je confirme, le choix des couleurs est à revoir ;-)

    Pour ceux que cela intéresse, les résultats affichés par le logiciel 'Colour Contrast Analyser' :

    Premier plan: #C0C0C0 Arrière plan: #FFFFFF

    Algorithme 'Couleur intensité/différence'
    °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
    Différence de couleur: 189 / différence d'intensité: 63

    La différence d'intensité entre les deux couleurs n'est pas suffisante. La limite est de 125, et le résultat des couleurs de premier et d'arrière plan est de 63.

    La différence de couleur entre les deux couleurs n'est pas suffisante. La limite est de 500, et le résultat des couleurs de premier et d'arrière plan est de 189.

    Algorithme 'Luminosité'
    °°°°°°°°°°°°°°°°°°°°°°°°°°
    Le ratio de contraste est de: 1,8:1

    Le texte est non conforme de niveau AA

    Le texte est non conforme de niveau AAA

    Le grand texte est non conforme de niveau AA

    Le grand texte est non conforme de niveau AAA

    Contraste (Minimum): La représentation visuelle de textes et images de textes a une différence d'au moins 4.5:1, excepté pour ce qui suit: (Niveau AA) Grand Affichage: Les textes et images de textes de grande taille peuvent avoir une différence de contraste d'au moins 3:1

    Contraste (Augmenté): La représentation visuelle de textes et images de textes a une différence d'au moins 7:1, excepté pour ce qui suit: (Niveau AAA) Grand Affichage: Les textes et images de textes de grande taille peuvent avoir une différence de contraste d'au moins 4.5:1

    Amicalement,
    Monique
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Bonjour Jérôme,

    Merci de ton feedback.

    Il est évident qu'ici je n'ai fait que survoler le domaine de l'accessibilité, tant il est vaste et complexe comme tu le sais déjà. Cette présentation servait principalement à l’introduction du sujet afin que nous partions tous sur une même base...
    Pour des confirmés, cela semblait léger, pour des néophytes un peu trop lourd, etc.

    J'ai pu en discuter avec quelques participants de ce Café Numérique qu'au vu de la largesse du sujet, la difficulté n'en était pas moindre au vu que ce 'n'était qu'une' introduction.
    Le ressenti que je voulais donner semble avoir été atteint : celui de se perdre dans ses idées afin de mieux faire ; car le manque de véritables normes (à quand une directive ?) est grand.

    Quant à la couleur typographique (à savoir : gris clair, gris foncé et rose) c’est celle du Café Numérique que je désirais garder (comme tu peux le voir avec mes autres présentations). Malheureusement c’est bien une chose à laquelle je n’avais pas pensé que le rapprochement était simple entre la présentation et le choix des couleurs pour le sujet.
    J’y tiendrais bien entendu compte pour mes prochains sujets !

    Xavier
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • J'ai bien aimé ce café numérique, comme je te le disais en Tweet, cela a plus confirmer des notions que je connaissais...

    D'ailleurs, la typo grise sur fond blanc es ce que c'est vraiment accessible ? :)
    C'était intéressant de montrer les notions WAI, WCAG et ATAG... maintenant en tant que designer web, je n'utilise qu'une partie de ces notions :)

    Au plaisir de voir une autre présentation de toi
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

Ergonomie & usabilité introduction - accessibilité numérique - v1.01

  1. 1. zoyo vos technologies de l’information zoyo vos technologies de l’information avec laparticipation de
  2. 2. zoyo vos technologies de l’information ergonomie & usabilité par zoyo pour le
  3. 3. zoyo vos technologies de l’information introduction accessibiliténumérique
  4. 4. zoyo vos technologies de l’information accessibilité réduireladiscordance — capacité — besoin — souhait
  5. 5. zoyo vos technologies de l’information monde réel adaptation matérielle& aide physique
  6. 6. zoyo vos technologies de l’information monde numérique adaptation logicielle& alternative
  7. 7. zoyo vos technologies de l’information web références: Web Accessibility Initiative
  8. 8. zoyo vos technologies de l’information web WAI, 1997, W3C solutionstechniques
  9. 9. zoyo vos technologies de l’information web WAI: WCAG, ATAG, UAAG, … web content accessibility guideline authoring tools accessibility guideline user agent accessibility guideline
  10. 10. zoyo vos technologies de l’information web WCAG: rendrelecontenu accessible
  11. 11. zoyo vos technologies de l’information web ATAG: auteurslogiciels, production decontenu accessible (WCAG)
  12. 12. zoyo vos technologies de l’information web UAAG: développeurslogiciels consultation decontenu
  13. 13. zoyo vos technologies de l’information web autre: Section 508, WAI-ARIA, etc.
  14. 14. zoyo vos technologies de l’information logiciel aucunenorme, pasderéférences officielles traces: ISO9241, AFNOR Z67,133, heuristiquesUS, …
  15. 15. zoyo vos technologies de l’information logiciel classique: TTS, grossissement, … Text To Speech
  16. 16. zoyo vos technologies de l’information logiciel classique: ajout dematériel spécifique
  17. 17. zoyo vos technologies de l’information logiciel clésd’utilisation (raccourcis, clés standards)
  18. 18. zoyo vos technologies de l’information logiciel non libre: Microsoft Active Accessibility open source: rien pour lemoment
  19. 19. zoyo vos technologies de l’information logiciel non libre: Microsoft Active Accessibility open source: rien pour lemoment
  20. 20. zoyo vos technologies de l’information pratique logicielscourantset solutions quotidiennes
  21. 21. zoyo vos technologies de l’information twitter http://accessibletwitter.com/ client web accessible
  22. 22. zoyo vos technologies de l’information open office .org odt2daisy, export XML http://odt2daisy.sourceforge.net/
  23. 23. zoyo vos technologies de l’information microsoft office Word add-in, export XML http://www.daisy.org/project/save- as-daisy-microsoft
  24. 24. zoyo vos technologies de l’information firefox http://www.firevox.clcworld.net/ synthèsevocaledansfirefox
  25. 25. zoyo vos technologies de l’information système d’exploitation http://www.nvda.fr lecteur d’écran pour Microsoft Windows
  26. 26. zoyo vos technologies de l’information système d’exploitation http://www.oralux.org distribution Linux
  27. 27. zoyo vos technologies de l’information exemple (1)
  28. 28. zoyo vos technologies de l’information exemple (2)
  29. 29. zoyo vos technologies de l’information exemple (3) fermer les yeux et écoutez simulateur pour aveugle
  30. 30. zoyo vos technologies de l’information exemple (4)
  31. 31. zoyo vos technologies de l’information Creative Common Licence (excepté: logo zoyo, © zoyo, X. Brusselaers2010) présentation: zoyo, Groumphy (@groumphy) pour le
  32. 32. zoyo vos technologies de l’information questions réponseen privé, avec MoniqueB. & Nickko

×