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 199 vues

Publié le

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

Publié dans : Technologie, Design
4 commentaires
0 j’aime
Statistiques
Remarques
  • 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

Aucun téléchargement
Vues
Nombre de vues
1 199
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
8
Commentaires
4
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Insérer image creative common ‘originale ’ ??
  • 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

    ×