Concilier accessibilite, referencement et utilisabilite avec les interfaces riches

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

more share options
Embed For WordPress.com

Without related presentations

14 comments

Comments 1 - 10 of 14 previous next Post a comment

+ Fabien Deshayes 2 years ago
Sémantique jouera un rôle au niveau de l’accessibilité, mais également du référencement
Choisir avec pertinence les termes employés
+ Fabien Deshayes 2 years ago
slide 15 :
Initiative WAI-ARIA (Web Accessible Initiative - Accessible Rich Internet Applications) pour AJAX, HTML et Javascript
Avancées techniques : nécessités de nouveaux standard d’accessibilité
Définir le comportement (clavier, métadonnées) pour de nouveaux composants (arbres, sliders,etc.) et comportements (drag’n’drop) orientés applications : on pourra définir une page web comme une application et non plus comme un contenu statique
+ Fabien Deshayes 2 years ago
slide 14 :
Mettre en place l’accessibilité ou le référencement, cela demande d’être structurant
Mise en place d’une architecture spécifique dès le début du développement de l’application
Le référencement est un des arguments de la préférence de l’ajax au flash ; c’est donc en amont du développement que l’on étudie les besoins de référencements
Comparaison avec un empilage de pierre : toujours plus difficile d’en ajouter une en bas une fois que l’on en a déjà empilées.
+ Fabien Deshayes 2 years ago
slide 13 :
Mise en place de ces stratégies = convergence d’intérêts
Il est possible et même parfois conseillé de concilllier ces 3 domaines
En prônant l’accessibilité => amélioration du référencement
En cherchant un bon référencement (travail sémantique) => amélioration de l’utilisabilité
+ Fabien Deshayes 2 years ago
slide 12 :
1 - il faut de la réactivité
En étant dynamique (rechargement partiel donc plus rapide), on gagne en compréhension pour l’utilisateur
Il devient plus simple et plus rapide de mettre en valeur des informations
2 - il faut penser comme l’utilisateur final, ne pas se poser trop de questions
Gérer le précédent / suivant est un des points essentiels de l’utilisabilité
Jakob Nielsen = gourou de l’usabilité (useit.com, nombreux papiers)
+ Fabien Deshayes 2 years ago
slide 11 :
Pour une bonne architecture RIA, il est possible de mettre en place :
deeplinking pour permettre des accès à différentes rubriques directement
URLs différentes via deeplinking ou/eturl rewriting
Copie en version HTML du contenu des pages
Utilisation de texte au maximum, avec XML
+ Fabien Deshayes 2 years ago
slide 10 :
Exemple de ce qu’il ne faut pas faire (en flash, mais valable pour d’autres technos RIA) :
Un seul point d’entrée HTML (donc référençable)
Des images à la place du texte
Un seul point d’entrée sur le SWF
+ Fabien Deshayes 2 years ago
Toutes ces technologies offrent un support du clavier
Méta data : utilisés par les screen readers ; gérés également par toutes les technos (Silverlight v2 (en cours de dév))
+ Fabien Deshayes 2 years ago
slide 8 :
Screen reader pour les malvoyants
Pouvoir naviguer dans l’application en se servant uniquement du clavier (par exemple pour changer d’onglet, revenir à une page précédente, etc.)
Pour une vidéo, il faut que celle-ci au des sous titres pour les mal entendants
+ Fabien Deshayes 2 years ago
Utilisabilité de Gmail
Possible d’annuler une action => comportement d’une application « classique » de bureau
Fonctionnalité ancré dans les mœurs dans un modèle web : le précédent - suivant

Comments 1 - 10 of 14 previous next

Notes on slide 1

1 Favorite

bechirh favorited this 2 years ago

Concilier accessibilite, referencement et utilisabilite avec les interfaces riches - Presentation Transcript

Concilier accessibilité, référencement et utilisabilité avec les interfaces riches Fabien Deshayes
Présentation
- Consultant RIA pour Tangane
- Bloggeur sur les RIA depuis novembre 2006
- www.fdeshayes.net
Il est possible de concilier dans une interface riche : Accessibilité Référencement Utilisabilité
Chevrolet
GMail AJAX HTML
Référencer du Flash ? 32 600 000 résultats
GMail précédent / suivant annuler
Accessibilité Clavier Screen reader
Accessibilité bient ôt Métadonnées Clavier
Architecture RIA Internet appli.swf monsite.com A (images) B (images) C (images)
Architecture RIA OK Internet appli.swf monsite.com/A A (texte) B (texte) C (texte) monsite.com/B A.html B.html
Utilisabilité « The system should always keep users informed about what is going, through appropriate feedback » « Users often choose system functions […] Support undo and redo » - Jakob Nielsen www.useit.com
Convergence d’intér êts Utilisabilité Accessibilité Référencement
Dès le début Travail structurant Décisions en amont
Standards ARIA Nécessité de standardiser les nouveaux composants et comportements
Sémantique Travail sur la donnée essentiel Une bonne sémantique = utilisabilité + référencement
Bilan Faciliter l’accès et l’utilisation de la bonne information
Merci ! Blog professionnel : www.fdeshayes.net Blog collaboratif : www.riactu.fr