L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.

Slides:



Advertisements
Présentations similaires
Définitions Analyse documentaire
Advertisements

Projet LOT Mini-site web « Looking For You 1 »
Accueil du public Déficient visuel. Quel est sa déficience visuelle ? Quelles solutions techniques ? - Quel est son niveau en informatique ? - Quelles.
Atelier Parisweb 2007 Questions / Réponses Accessibilité
Concevoir un site dans une optique de référencement Sébastien Billard Consultant référencement.
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
PRESENTATION DU GUIDE La composition du guide - Le manuel descriptif - Les ressources documentaires Le plan du.
Conception de Site Webs Interactifs Cours 3
Conception de Site Webs Interactifs Cours 4
Les balises Du HTML au XML. Le HTML* PREMIER TEMPS La première « révolution » est dans son nom : HYPERTEXT Mais cest le M (MARKUP) qui a un grand avenir…
Internet : serveurs Web
UV Libre : Refonte du site web ASI Maxime CHAMBREUIL – ASI 3 – Décembre 2001.
Concevoir un site dans une optique de référencement.
Personnalisation des sites SharePoint avec SharePoint Designer 2007
Aurélien Levy Expert accessibilité chez Tektonika, co-auteur du RGAATektonika Contributeur openweb.eu.org Collectif de promotion des standards du Web Membre.
Université de Picardie
INTRODUCTION Sites vitrines vs sites applicatifs Un concept abstrait
Xavier Tannier Accessibilité
La technologie au collège et le B2i
Projet Master 2 Nouvelles Technologies et Handicap
Lycée Louis Vincent Séance 1
Génération de feuilles de style pour site Web par un
Service dInformation et dAnalyse des Logiciels Libres Éducatifs
I) Présentation de linstitut et du projet II) Les différentes parties du projet 1) Partie « kit graphique » 2) Partie « espace de stockage » 3) Partie.
HTML / CSS Gestion des systèmes d’information Classe terminale
« La démarche d’une organisation vers l’accessibilité »
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Interaction Homme Machine
Jonathan Montois Cyrille Kriegel
Le langage XHTML 420-S4W-GG Programmation Web Client
Epreuve E6 - Soutenance Atophisse Kévin Barré.
Le langage du Web CSS et HTML
Internet WEB.
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
Présentation projet Nicolas BLANCHARD Stéphanie LECLERCQ Abdelouafi EL OTMANI.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Diaporama réalisé par Damienne PIN, Documentaliste Collège Barbara Hendricks 226 Rue du Limousin Orange LE PROBLEME DE LA QUALITE DE L ’INFORMATION.
1 Temesis ParisWeb 2006 Accessibilité des contenus Web Laurent Denis – 21 septembre 2006.
Le Web et les personnes handicapées
Design Web accessible WCAG 2.0 au service du design graphique Denis Boudreau Coopérative AccessibilitéWeb Septembre 2009 – Matériel de formation Des questions?
Concevoir un site web de A a Z Cours 3. Aujourd’hui Découper sa page en tranche pour une intégration graphique optimale avec Photoshop L’intégration des.
S'initier au HTML et aux feuilles de style CSS Cours 5.
L'accessibilité du Web À travers la création d'un site: Plan: Introduction: définir l'accessibilité.
Novembre Pourquoi SIALLE ? De nombreux logiciels pédagogiques, disséminés sur des sites web institutionnels ou non, personnels.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Plan de la présentation
Karine Vallin - Dorian Baysset
Introduction à MathML Par Katia Larrivée UQO Le 18 mars 2004.
HTML 4 et CSS 2 Cours 4 Faire acquérir à l'étudiant des connaissances de niveau intermédiaire en programmation HTML et de l'initier aux feuille de style.
Les enjeux de l’accessibilité numérique appliqués au site web de l’académie de Grenoble Licence professionnelle ATC Soutenance de stage – 1 er Juin 2007.
Html et css.
Pierre Malenfant Technologie 9 École du Carrefour
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
Principes de design accessible selon les standards SGQRI 008 Émilie Burelle 27 août 2010.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
2014Laetitia Branciard, Enfa L’accessibilité numérique pour les personnes en situation de handicap.
NURUN 1. PLACE IMAGE HERE L’accessibilité n’est pas une option.
Transcription de la présentation:

L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » (Tim Berners-Lee)

L'accessibilité du Web concerne principalement : Les sites Internet et les applications web Les navigateurs Internet et les lecteurs de média Les logiciels de création de contenu multimédia

WAI Pour permettre cette accessibilité, la W3C a créé en 1996, le projet WAI (Initiative d’Accès au Web) qui consiste à : Uniformiser les langages et les protocoles du web, comme CSS, COM, XHTML,… développer des recommandations pour l'accessibilité améliorer les outils permettant d'évaluer et de réparer l'accessibilité du Web créer des documents d'information pour le monde de l'éducation et les travailleurs sociaux coordonner la recherche et développement

POURQUOI L’ACCESSIBILITE ?

Diversité des utilisateurs Non voyants Malvoyants Handicaps moteurs Déficiences auditives Déficiences cognitives et linguistiques Handicaps liés au vieillissement POURQUOI L’ACCESSIBILITE ?

Différences de navigateurs 1. Microsoft IE % 2. Mozilla Firefox % 3. Apple Safari 1.75 % 4. Opera 0.77 % 5. Netscape 0.26 % POURQUOI L’ACCESSIBILITE ?

Test des logiciels et matériels pour personnes handicapées Exemple d’un site accessible : Validé XHTML, CSS, WAI AAA par le W3C, ce site admirablement conçu anéantit l’argument selon lequel la conformité aux normes gêne ou détruit le graphisme. Exemple d’un site non accessible : La mise en page de ce site est conçue grâce à l’imbrication de tableaux, complétée par l’utilisation de feuilles de style, utilisées non pas pour l’organisation des éléments de la page mais uniquement pour leurs possibilités graphique. POURQUOI L’ACCESSIBILITE ?

Quelques chiffres… En France, on estime que plus de 5 millions de personnes sont handicapées, soit près d'un français sur 10. 1,5 millions de personnes malvoyantes, aveugles, malentendants, sourds, 1 million de personnes souffrant d'un handicap mental, personnes souffrant d'un handicap isolé, 1,4 millions de personnes souffrant d'un handicap moteur associé. POURQUOI L’ACCESSIBILITE ?

Etude réalisée sur l’accessibilité de 200 sites Web québécois et canadiens francophones classés par domaines. POURQUOI L’ACCESSIBILITE ?

LES METHODES …

Uniformisation du web Rôles des balises HTML >> Structurer l’information Usages détournés >> Conception visuelle Conséquences >> Perte du sens non visuel (lecteurs vocaux, robots, …) Solutions >> Normes W3C (Web 1.0, XHTML) LES METHODES …

Exemples en HTML Usage générales d’accessibilité : > balises en minuscule > balises tjrs refermées : texte > encodage des caractères : é : é à : à … > Toujours indiquer les contenus textuel des images : LES METHODES …

Exemples en HTML Formulaires : lier les champs à l’intitulé Nom :

Exemples en HTML Tableaux : lier les cellules Nom Prénom Lamour Robert

WAI : 3 niveaux d’accessibilité A Un développeur de contenu Web doit satisfaire ce point de contrôle.  Texte de remplacement pour les images, frames et animations.  Equivalents textuels AA Un développeur de contenu Web devrait satisfaire ce point de contrôle.  Respect de la sémantique : utilisation appropriée des balises.  Séparation du code informationnel et du code de mise en forme, désormais géré les feuilles de style.  S’assurer d’un contraste suffisant entre le texte et l’arrière plan. AAA Un développeur de contenu Web peut respecter ce point de contrôle.  faciliter la navigation au clavier  fournir des méta-informations sur la page (langage, contenu…)  mise en place de raccourcis clavier pour accéder aux différentes parties du site  Hiérarchiser les menus pour faciliter la navigation au clavier  créer un ordre logique pour les formulaires LES METHODES …

Les problèmes dans la mise en place de ces normes : comment s’assurer que tous les webmasters appliqueront désormais les nouvelles normes convaincre les sociétés créatrices de navigateurs de respecter les normes nécessité de la refonte des anciens sites web non conformes l’ampleur du travail à effectuer, et le temps nécessaire à son application