Jonathan Montois Cyrille Kriegel

Slides:



Advertisements
Présentations similaires
Projet LOT Mini-site web « Looking For You 1 »
Advertisements

Accueil du public Déficient visuel. Quel est sa déficience visuelle ? Quelles solutions techniques ? - Quel est son niveau en informatique ? - Quelles.
PRESENTATION DU GUIDE La composition du guide - Le manuel descriptif - Les ressources documentaires Le plan du.
Conception de Site Webs Interactifs Cours 4
Internet : serveurs Web
Introduction aux réseaux informatiques
Nous sommes une équipe de : informaticiens, Médecine, Spécialistes de la langue des signes, Sociologues et Personnes handicapées.
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
Personnalisation des sites SharePoint avec SharePoint Designer 2007
INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques.
XHTML EXtensible HyperText Markup Language. HTML et XML HTML (HyperText Markup Language) et XML (eXtensible Markup Language) sont deux spécifications.
06 Juillet 2009 Projet Checker daccessibilité de fichiers SVG Rami BALI Toufic HADDAD Aroussia MAADI Encadrants Annie DANZART Christine POTIER Jérôme HUGUES.
Domaines nominaux XSLT
version Beta Marie Calberg Ninni Louhelainen SLFN7
Internet : de sa naissance à nos jours
JOME, un Composant Logiciel pour le Télé-Enseignement des Mathématiques via le WEB, Compatible OpenMath et MathML Laurent DIRAT OVE / I3S-UNSA.
Web traditionnel
Xavier Tannier Accessibilité
Nouveau blog. WordPress connexion Nommez votre blog.
HTML.
Génération de feuilles de style pour site Web par un
Bienvenue! Qui suis-je? Webmestre depuis 1994 Café Internet en 1996 Commerce électronique Gestion de contenu web Marketing interactif.
Introduction à la structuration des documents: les techniques M2: Gestion des connaissances.
Notions sur le XML Réfs : manuel p 149. Introduction Le XML (eXtensible Markup Language) est un standard d'échange de données. Il fait partie comme le.
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.
Interaction Homme Machine
Qelios – Formation Initiation au langage CSS
XSLT : trier et mettre en valeur le contenu d’un document XML
Conjoncture des standards Internet et Web Benoît Girard, conseiller stratégique au réseau des webmestres gouvernementaux Ministère des Services gouvernementaux.
La souris danse Espace Régional Internet Citoyen.
XML Plan du cours Introduction au fichier XML
Les feuilles de style CSS
Le langage XHTML 420-S4W-GG Programmation Web Client
Les présentations assistées par ordinateur (préAO)
Peltiez Jason. I Un peu d’histoire 1) Période post W3C 1) Période post W3C 2) L’arrivé du W3C 2) L’arrivé du W3C II Structure et gestion III Processus.
Le langage du Web CSS et HTML
World Wide Web Consortium
4 juin 2009 SUJET N°41 : CONCEPTION DE PLUGINS DE CORRECTION DE PAGES WEB AFIN QU'ELLES RESPECTENT LES NORMES D'ACCESSIBILITÉ Encadrants : Sonia Colas,
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.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Mastère Professionnel Systèmes de Communication et Réseaux
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
1 Temesis ParisWeb 2006 Accessibilité des contenus Web Laurent Denis – 21 septembre 2006.
Le Web et les personnes handicapées
Séminaire (6-12 Février 2007) Promo. M2 ESCE-Tunis 2006/07
L’ergonomie des IHM : pourquoi, comment ?
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?
S'initier au HTML et aux feuilles de style CSS Cours 5.
SMIL Synchronized Multimedia Integration Language
Campus-Booster ID : **XXXXX Copyright © SUPINFO. All rights reserved Le développement Web.
L'accessibilité du Web À travers la création d'un site: Plan: Introduction: définir l'accessibilité.
Introduction à XML Yves Bekkers. Plan Introduction - structurer l’information Les langages à balises - un peu d’histoire XML - concepts de base Outils.
AJAX.
S'initier au HTML et aux feuilles de style CSS Cours 5.
Soutenance du mémoire de synthèse
Module : Langage XML (21h)
2005 Adobe Systems Incorporated. All Rights Reserved. 1 Solutions Adobe Acrobat Génération de fichiers PDF accessibles Lionel Lemoine
eXtensible Markup Language. Généralités sur le XML.
Introduction à MathML Par Katia Larrivée UQO Le 18 mars 2004.
Interaction Homme Machine
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
EFREI – – Mathieu Nebra Le développement Web.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Introduction au HTML Qu’est ce que le HTML ?
2014Laetitia Branciard, Enfa L’accessibilité numérique pour les personnes en situation de handicap.
Révisions pour l’exam L2 Informatique Obligatoire.
NURUN 1. PLACE IMAGE HERE L’accessibilité n’est pas une option.
Transcription de la présentation:

Jonathan Montois Cyrille Kriegel 02/04/2017 ACCESSIBILITE WEB Jonathan Montois Cyrille Kriegel

Sommaire : Définition d ’accessibilité Web Pour quelles raisons ? 02/04/2017 Sommaire : Définition d ’accessibilité Web Pour quelles raisons ? les handicaps la variété de terminaux Les solutions Quelles techniques ? Conclusion

L ’accessibilité Web Définition : Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.

Les raisons : les handicaps Les personnes handicapées présentent différents types d'incapacité : Incapcité visuelle Incapacité auditive Incapacité motrice Incapacité cognitive

Les raisons : les handicaps Face à ces handicaps, l ’utilisation d ’appareils et logiciels : Equipements remplacant clavier ou souris Adapter le site à ces technologies Clavier ou souris adaptée Logiciels de commande vocale et grossissement, lecteurs d ’écrans

Les raisons : Les terminaux Multitude de terminaux (Téléphone, WEB, PDA, ordinateurs embarqués dans un véhicule…) C'est l'ensemble des terminaux et leurs évolutions qui doivent être pris en compte dans la politique de développement Internet. Il faut pour ceci avoir une véritable stratégie "multi support". le site devra rester cohérent, ne pas se déstructurer, et être lisible quelque soient les conditions de visualisation.

Le W3C World Wide Web Consortium : Fondé en octobre 1994 Chargé de définir les normes (appelées recommandations) du World Wide Web telles que HTML, XHTML, XML, CSS, PNG, SVG. Géré conjointement par le MIT aux États- Unis, l'ERCIM en Europe (auparavant l'INRIA) et l'université Keio au Japon.

Le WAI Web Accessibility Initiative : Créé en 1996 par le consortium World Wide Web (W3C) Regroupe plus de 500 membres: sociétés, organisations issues de l'industrie, organismes pour personnes handicapées, organisme de recherche et gouvernementaux. Actions : Les technologies du Web, le développement de recommandations, le développement d'outils, l'information et la formation, la recherche et le développement.

Les solutions Solutions proposées pour tous les handicaps, et pour résoudre les problèmes d ’accessibilité des terminaux 2 thèmes majeurs : Assurer une transformation élégante Rendre le contenu compréhensible et navigable

Les principales solutions Fournir des alternatives équivalentes au contenu visuel et auditif. (nommer les images dans alt=” ”, sous-titrages...) Ne pas s’en remettre exclusivement aux couleurs. (daltoniens, périphériques non-multicolores ou non-visuels) Utiliser le balisage et les feuilles de style, et cela de façon appropriée. (balises appropriées, contrôler présentation avec CSS -> facilite lecture automatique, permet modification simplifiée suivant critères de l ’utilisateur…) Assurer un accès direct aux interfaces utilisateur intégrées. (accessible et compatible avec les différentes technologies d ’assistance aux utilisateurs) Conception respectant l’indépendance par rapport au périphérique. (interaction possible avec n ’importe qu ’elle interface : clavier, souris, voix…) Fourniture de mécanismes de navigation clairs. (difficulté de navigation pour non-voyants -> informations d ’orientation, carte du site…) Débit des terminaux : taille de page raisonnable. (< à 70 ko)

Quelles techniques pour l’accessibilité WEB? Recommandations : Séparation Forme et contenu Utilisation de nouveaux langages XHTML, XML, XSL ainsi que tous les dérivés qui utilisent le XML et permettent une adaptation du contenu en fonction du terminal.

Fonctionnement de ces langages LE XHTML : Reformulation de HTML (plus strict) pour compatibilité avec XML Extension du HTML HTML avec CSS séparée

Fonctionnement de ces langages Le XML. Norme universelle de codage de l ’information développé par le W3C. Permet d ’identifier clairement chaque information par sa nature. Portabilité accrue par la norme qui utilise un format de texte brut Méta-langage

Fonctionnement de ces langages Le XSL et XSLT. Normes qui permettent la transformation d ’un document XML en un fichier quelconque.

Conclusion Nouveaux langages pour tous les terminaux XML a une place prépondérante accessibilité Web cruciale à l ’avenir