L'accessibilité des applications web mobiles

Dimension: px
Commencer à balayer dès la page:

Download "L'accessibilité des applications web mobiles"

Transcription

1 L'accessibilité des applications web mobiles ou la véritable histoire d un projet web mobile (très) grand public vu par ses utilisateurs Contée par Sébastien Delorme, Atalan

2 Casting

3 Critiques «Une histoire accessible et intrigante inspirée de faits réels.»

4 Critiques «Une conférence d auteur, accessible aux avertis.»

5 Critiques «Ce mercredi, en salle, une énième conférence sur les utilisateurs.»

6 Il était une fois

7 Il était une fois VoiceOver?

8 Il était une fois TalkBack?

9 Sans transition

10 Késako? aria-expanded

11 Késako? «Retirer les attributs aria-expanded des systèmes d accordéons»

12 À nvous de jouer

13 Un bouton image

14 Un bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button>

15 Un bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

16 En passant Sur l intégration des icônes-liens, je vous recommande la séance «Techniques d intégration d icônes-liens» à 14h40

17 Un lien

18 <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> Un lien

19 Un lien <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

20 Un tableau

21 Un tableau <table> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table>

22 Un tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table>

23 caption { position: absolute; left: px; } Un tableau

24 Un tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> caption { position: absolute; left: px; } WCAG

25 On passe au niveau supérieur?

26 Un champ «autocomplété»

27 Un champ «autocomplété» aria-autocomplete="" autocomplete=""

28 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> <p>4 résultats suggérés, utilisez les flèches haut et bas pour naviguer.</p> </div>

29 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> 4 résultats suggérés, utilisez les flèches haut et bas pour naviguer. </div>

30 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> 4 résultats suggérés. </div> WCAG

31 On audite?

32 WCAG

33 RGAA

34 Accessi Web

35 On fait tester?

36 On fait tester? «Impossible de consulter mes réservations»

37 «Cette application n est pas du tout accessible!» On fait tester? «Impossible de consulter mes réservations»

38 «Je ne comprends pas, je n arrive pas naviguer dans l application» «Cette application n est pas du tout accessible!» On fait tester? «Impossible de consulter mes réservations»

39 «Je ne comprends pas, je n arrive pas naviguer dans l application» On fait tester? «Impossible de consulter mes réservations» «Cette application n est pas du tout accessible!» «Ce site n est pas du tout compatible avec VoiceOver»

40

41 Penchons-nous sur les retours

42 Cas n 1 «Dans la rubrique prochains départs, pour la plupart des vols, on n a pas accès au terminal. Par exemple, le vol de Troyes à Sète. Ce problème est également présent sur votre site internet.»

43 Cas n 1 «Le lien suivant renvoie vers le message d erreur "Désolé, la page demandée n existe pas".»

44 Cas n 1 1/3 des retours ne concerne pas l accessibilité

45 Cas n 1 d où l importance de cadrer les tests utilisateurs.

46 Cas n 2 «Lorsque j affiche une nouvelle page, VoiceOver redémarre la lecture tout en haut, alors qu il faudrait lire directement le contenu de cette page.»

47 Cas n 2 «Dans chaque élément de la liste, il n est pas utile que VoiceOver lise "puce" à chaque puce rencontrée.»

48 Cas n 2 La limite des aides techniques ou Le manque de connaissance dans l utilisation des aides techniques

49 Et puis

50 «Le bouton de géolocalisation est lu "bouton" par VoiceOver, sans aucune autre information.»

51 Le bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

52 VoiceOver, sur ios6, ne restitue pas l alternative d une image dans un bouton

53 Le bouton image <button title="géolocaliser l aéroport le plus proche"> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

54 «La lecture est trop hachée avec VoiceOver, trop de fois le mot "lien" entendu.»

55 Le lien <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

56 VoiceOver découpe la lecture d un lien en fonction des conteneurs de type block qu il contient.

57 Le lien Petit courrier, lien, image. De : Caen, lien. À : Quand, lien. <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

58 Le lien Petit courrier De : Caen À : Quand, lien. <a> <img alt="petit courrier" /> <span>de : Caen</span> <span>à : Quand</span> </a> WCAG

59 «Les tableaux ne sont pas du tout accessibles!»

60 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> caption { position: absolute; left: px; } WCAG

61 VoiceOver décale la lecture des entêtes en présence d une cellule vide dans la ligne ou colonne d entêtes.

62 Le tableau «Terminal Vienne C» WCAG

63 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> WCAG

64 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Terminal Paris C» WCAG

65 «Tout plante quand je lis un tableau!»

66 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Tableau, heure et terminaux des prochains départs.» caption { position: absolute; left: px; } WCAG

67 Lorsque VoiceOver lit des contenus cachés, le navigateur cherche à les afficher

68 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Tableau, heures et terminaux des prochains départs.» caption { position: absolute; opacity:0; } WCAG

69 À votre avis, pourquoi? «Retirer les attributs aria-expanded des systèmes d accordéons»

70 «Je n arrive pas à accéder aux suggestions proposées dans les champs de saisie.»

71 Le champ «autocomplété» «4 résultats suggérés.» WCAG

72 En l état, compte-tenu du fonctionnement des lecteurs d écran sur les équipements tactiles, l autocomplétion ne peut pas être rendue accessible.

73 Le champ «autocomplété» WCAG

74 C est le problème d Apple? Tous les utilisateurs (clients) testeurs étaient équipés d un iphone (ios 6 ou 7) Doit-on leur demander de changer de téléphone?

75 Les normes et référentiels Ils sont importants, mais clairement insuffisants, notamment sur des technologies ou des usages récents, comme le mobile.

76 Testez et/ou faites tester Tous les cas montrés peuvent être facilement identifiés, sans nécessairement être un utilisateur averti.

77 Générique de fin & questions Sébastien Delorme Responsable accessibilité numérique Twitter

Atelier pratique Accessibilité des documents PDF

Atelier pratique Accessibilité des documents PDF Atelier pratique Accessibilité des documents PDF WCAG 2.0 Introduction 4 principes : perceptible, utilisable, compréhensible, robuste 12 règles 61 critères de succès 3 niveaux : A, AA, AAA Abstraction

Plus en détail

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels HTML tableau Lévis Thériault, hiver 2009 Structure d un tableau

Plus en détail

Les normes WAI ou comment rendre un site internet accessible

Les normes WAI ou comment rendre un site internet accessible Les normes WAI ou comment rendre un site internet accessible Caroline Lagrave, Stagiaire Etourisme mopa 2010 2 1-Présentation des directives WCAG 1 WAI 2 est un groupe de travail du W3C 3 qui est en charge

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Administrez vos fiches sur voyageretdecouvrir.com

Administrez vos fiches sur voyageretdecouvrir.com Administrez vos fiches sur voyageretdecouvrir.com Pour toute demande, remarque, suggestion, contacter webmaster@voyageretdecouvrir.com Il vous est possible de créer des fiches (pages web) pour : Présenter

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Notice d accessibilité HTML, CSS et JavaScript

Notice d accessibilité HTML, CSS et JavaScript Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas

Plus en détail

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Site web évalué : http://planpme.rhonealpes.fr/ Date de l évaluation : 28 novembre 2014 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

S Voix : parlez à votre Galaxy S III

S Voix : parlez à votre Galaxy S III 7 S Voix : parlez à votre Galaxy S III Le Samsung Galaxy S III est doté d un service de reconnaissance vocale qui permet d interagir avec lui uniquement par la voix. Cette application est également connue

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA Annexe 3 : Grilles de correspondance entre les critères de succès et les tests de conformité Page 1/21 1. Grille de correspondance des

Plus en détail

Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles

Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles Hello! Julie LEGROS Responsable Communication Office de Tourisme de Thonon julie@thononlesbains.com 04 50 71 55 89 Nicolas BOUCHEZ Développeur

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

UTILISATION DU SERVEUR DE RESULTATS

UTILISATION DU SERVEUR DE RESULTATS UTILISATION DU SERVEUR DE RESULTATS 1. Vous voulez vous inscrire sur le serveur de résultats d analyses : Cliquez sur le bouton de droite indiqué ci-dessous «VOUS VOULEZ VOUS INSCRIRE» Sur l écran suivant,

Plus en détail

Guide sur l accessibilité des ressources numériques pédagogiques

Guide sur l accessibilité des ressources numériques pédagogiques Guide sur l accessibilité des ressources numériques pédagogiques Quelques pistes sur la manière de rendre accessibles au plus grand nombre d étudiants les ressources diffusées sur les plateformes pédagogiques

Plus en détail

Date de création : 03/06/2013 Date de modification : Fiches techniques PMB - Cellule PMB - cellulepmb@ac-rennes.fr

Date de création : 03/06/2013 Date de modification : Fiches techniques PMB - Cellule PMB - cellulepmb@ac-rennes.fr Titre Paramétrer et personnaliser le style GENBIB Rubrique 6. Opac 6.1.2 Auteur Edith Boulo Version PMB : 3.4.16 Date de création : 03/06/2013 Date de modification : 1. Paramétrage par défaut Voici un

Plus en détail

Une création Socrates www.socratesonline.com. Internet accessible pour tous

Une création Socrates www.socratesonline.com. Internet accessible pour tous Une création Socrates www.socratesonline.com Internet accessible pour tous Qui sommes-nous et qu est-ce que SitEthique? Le cabinet Socrates accompagne depuis 10 ans les établissements et les services dans

Plus en détail

Toutes les présentations disponibles sur votre appareil mobile s affichent dans la présentation Présentations.

Toutes les présentations disponibles sur votre appareil mobile s affichent dans la présentation Présentations. http://help.apple.com/keynote/ipad/7/print.html?localepath=french.lp... 1 sur 65 22/10/2013 15:26 Aide Keynote Introduction à Keynote Créer ou ouvrir une présentation Keynote offre une variété de thèmes

Plus en détail

Grid Player pour ios version 1.0

Grid Player pour ios version 1.0 Grid Player pour ios version 1.0 Sensory Software International Ltd 2011 Présentation de Grid Player Grid Player est une application de communication destinée aux personnes ne pouvant pas parler ou ne

Plus en détail

Plan. Outils d évaluation et de réparation de sites Web. Introduction WCAG. Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis

Plan. Outils d évaluation et de réparation de sites Web. Introduction WCAG. Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis Plan Outils d évaluation et de réparation de sites Web Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis Introduction Outils d évaluation et de réparation Démarche pour évaluation

Plus en détail

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Site web évalué : http://villepontcharra.fr Date de l évaluation : 27 juillet 2012 Version du RGAA : RGAA 2.2 (dernière version

Plus en détail

Géo Campus Orléans : création d une application de géolocalisation sous Android.

Géo Campus Orléans : création d une application de géolocalisation sous Android. Géo Campus Orléans : création d une application de géolocalisation sous Android. Pour personnes à mobilité réduite David CASSON 1 / 30 1 Présentation 2 Les 4 libertés : Késako 3 4 2 / 30 Plan 1 Présentation

Plus en détail

Règles pour le développement d interfaces mobiles accessibles

Règles pour le développement d interfaces mobiles accessibles Règles pour le développement d interfaces mobiles accessibles Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Sommaire Introduction... 3 Les règles... 3 Règles pour le développement

Plus en détail

Guide utilisateur ESYCOM Excel

Guide utilisateur ESYCOM Excel Guide utilisateur ESYCOM Excel Table des matières ESYCOM Excel Se connecter à votre ESYCOM Paramétrer ESYCOM Excel Exemple de fichier et paramétrage associé Envoyer des SMS avec Excel Envoyer des courriers

Plus en détail

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Site web évalué : http://www.massif-central.eu/ Date de l évaluation : 13 octobre 2015 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web.

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web. Pour accéder au Prêt numérique 1. Le mot de passe pour accéder à votre dossier dans le catalogue Nelligan est requis. a. Pour créer un mot de passe, écrivez le lien suivant dans la barre d adresse du navigateur

Plus en détail

Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA

Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA WALTER DE ABREU CYBIS, DR ING. JEAN-MARIE D AMOUR, M. ÉD. Résumé Ce rapport décrit l étude réalisée par l'équipe «Accessibilité

Plus en détail

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

Guide Nokia 9300. Guide utilisateur ENTREPRISES. www.sfr.fr rubrique Entreprises

Guide Nokia 9300. Guide utilisateur ENTREPRISES. www.sfr.fr rubrique Entreprises Guide Nokia 9300 Guide utilisateur ENTREPRISES www.sfr.fr rubrique Entreprises Table des matières Prise en main 2 Démarrage Touches 3 Touches et navigation Appels vocaux 4/5 Effectuer et répondre à un

Plus en détail

Web et accessibilité, où en est on?

Web et accessibilité, où en est on? Web et accessibilité, où en est on? RMLL Nantes 2009 Thématique Accessibilité et handicap 08 juillet 2009 Armony ALTINIER armony@acs horizons.fr 06.68.89.77.51 Définition de l'accessibilité du Web Mettre

Plus en détail

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 le langage HTML Maxime Morge Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 Plan Pourquoi est-il nécessaire de connaître le langage HTML? Comment stucturer le contenu d une page? Données

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part savoir

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur

v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur infos@voxmedias.net commercial@voxmedias.net www.voxmedias.net voxmédias 2011-2012 2 Usagers déjà inscrits :

Plus en détail

bureautique-microsoft Word 2010

bureautique-microsoft Word 2010 Nom du candidat remy lambert Catégorie du test Nom du test 04 - Logiciels de bureautique-microsoft Word 2010 Bases et mise en forme Date du test 25 mai 2012 Nombre de questions 28 Durée du test 18 mn Indicateurs

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

La carte de contrôle chômage complet

La carte de contrôle chômage complet La carte de contrôle chômage complet Version Mobile Manuel d utilisateur Table des matières Accès 4 Description générale 6 En-tête 7 Logo de l organisme de paiement 7 Télécharger le PDF 7 Paramètres 8

Plus en détail

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA)

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) No. Validation Tests avec les outils Commentaires A Contenu non- textuels

Plus en détail

Les Ateliers Info Tonic

Les Ateliers Info Tonic Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert

Plus en détail

Attestation de conformité de «vie-publique.fr»

Attestation de conformité de «vie-publique.fr» Attestation de conformité de «vie-publique.fr» Identité du déclarant Direction de l'information légale et administrative 26 rue Desaix 75727 Paris Cedex 15 Date de la déclaration Cette déclaration a été

Plus en détail

Atelier Samedi 17 novembre 2007 Sébastien Delorme. Et si je mettais à sa place?

Atelier Samedi 17 novembre 2007 Sébastien Delorme. Et si je mettais à sa place? Atelier Samedi 17 novembre 2007 Sébastien Delorme Et si je mettais à sa place? Atelier Samedi 17 novembre 2007 Sébastien Delorme Comment bien prendre en compte les besoins, comportements et capacités de

Plus en détail

DÉBUTER AVEC APP INVENTOR

DÉBUTER AVEC APP INVENTOR Terminale STMG SIG Année 2013-2014 DÉBUTER AVEC APP INVENTOR App Inventor est un outil de développement en ligne pour les téléphones et les tablettes sous Android. App Inventor est un OS créé par Google,

Plus en détail

Se protéger avec F-Secure Antivirus

Se protéger avec F-Secure Antivirus Se protéger avec F-Secure Antivirus F-Secure Antivirus est l un des antivirus que le Centre de sécurité du Service Pack 2 de Windows XP vous propose d installer. Ce programme est en français et gratuit

Plus en détail

SPECIFICATIONS FONCTIONNELLES DETAILLEES VICAT. Site internet des Papeteries de Vizille. RÉFÉRENCE : 2011_OA110029 VERSION : v01.

SPECIFICATIONS FONCTIONNELLES DETAILLEES VICAT. Site internet des Papeteries de Vizille. RÉFÉRENCE : 2011_OA110029 VERSION : v01. VICAT Site internet des Papeteries de Vizille RÉFÉRENCE : 2011_OA110029 VERSION : v01.01 18/05/2012 LES INTERLOCUTEURS DU PROJET OPEN WIDE Sandrine Bouvier Tél : +33 4 26 68 29 04 Mail : sandrine.bouvier@openwide.fr

Plus en détail

Peut être utilisée à l intérieur du site où se trouve la liste de référence.

Peut être utilisée à l intérieur du site où se trouve la liste de référence. Peut être utilisée dans tous les sites d une collection, si la colonne est créée au niveau du site parent. Peut être utilisée à l intérieur du site où se trouve la liste de référence. Peut être utilisée

Plus en détail

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Site web évalué : http://bievre-isere.com Date de l évaluation : 30 mars 2015 Version du RGAA : RGAA 2.2 Equivalence de niveau

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Appli iphone - Rapport de présence

Appli iphone - Rapport de présence Appli iphone - Rapport de présence Rapport de présence - Appli iphone Cette appli Paxton est disponible dans l'apple App Store. Elle est conçue pour fonctionner sur tout modèle iphone ios 5.1 ou plus récent

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

ipad GUIDE DE CONFIGURATION INITIALE

ipad GUIDE DE CONFIGURATION INITIALE ipad GUIDE DE CONFIGURATION INITIALE Wi-Fi Mot de passe Bluetooth * OFF L ipad cherche constamment à se connecter à des appareils Bluetooth à proximité This is a no-brainer! BATTERIE ++++ Centre de notifications

Plus en détail

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti RESPONSIVE DESIGN Gobelins 2014.2015 Isabelle Biamonti Plan Principe général Exemples Sans responsive Avec responsive Versions séparées Responsive design ou versions séparées? Comment rendre un design

Plus en détail

Comment l utiliser? Manuel consommateur

Comment l utiliser? Manuel consommateur Comment l utiliser? Manuel consommateur Table des matières 1. QUE DOIS-JE FAIRE POUR OBTENIR L ACCES A MON ESPACE CLIENT?... 3 2. ACCÉDER À VOTRE ESPACE CLIENT... 4 3. CONSULTER VOS DONNÉES... 6 3.1. MES

Plus en détail

FORMATION MULTIMÉDIA LVE

FORMATION MULTIMÉDIA LVE Windows Live Movie Maker est un logiciel de montage vidéo conçu pour les débutants. Il permet de créer, de modifier et de partager des séquences vidéo sur le web, par courrier électronique ou sur un CD/DVD.

Plus en détail

EXERCICE N 4. Base Centrale de pilotage. Notions abordées : 0Grouper des valeurs. 1Transformer une formule en variable. 2Transformer en tableau croisé

EXERCICE N 4. Base Centrale de pilotage. Notions abordées : 0Grouper des valeurs. 1Transformer une formule en variable. 2Transformer en tableau croisé Base Centrale de pilotage EXERCICE N 4 Notions abordées : 0Grouper des valeurs 1Transformer une formule en variable 2Transformer en tableau croisé 3Format de nombre 4Poser un tri personnalisé sur une variable

Plus en détail

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 Home Confort / Installation rapide Procédure PROCEDURE D INSTALLATION DE HOME CONFORT Pour ajouter le Convertisseur RF/Wifi dans votre Espace Home

Plus en détail

Tutorial des barres d'outils dans Mozilla Firefox

Tutorial des barres d'outils dans Mozilla Firefox Version 2.1 24. septembre 2007 Tutorial des barres d'outils dans Mozilla Firefox Responsable du projet : Auteur : Collaborateurs : Marc Johannot Cide Cyrille Verdon, Pouly Romain TUTORIIAL Les barres d'outils

Plus en détail

Guide sur l accessibilité numérique des ressources pédagogiques

Guide sur l accessibilité numérique des ressources pédagogiques Pistes et conseils, pour vous aider à mettre rapidement en œuvre sur votre cours AMeTICE un contenu accessible à un maximum d étudiants. Guide sur l accessibilité numérique des ressources pédagogiques

Plus en détail

Sur la fenêtre qui apparaît, saisir votre nom d utilisateur et votre mot de passe. Puis cliquez sur Se connecter

Sur la fenêtre qui apparaît, saisir votre nom d utilisateur et votre mot de passe. Puis cliquez sur Se connecter Patrick Marchand, Animateur TICE Chartres I et Chartres IV @ mél ouvert : Utiliser le webmail académique Présentation...1 Lire les messages...1 L interface du webmail...2 Les dossiers...3 Les adresses...3

Plus en détail

Cours ios. Cours en ligne Développement d Apps sur iphone e ipad. Académie Libre info@academielibre.fr

Cours ios. Cours en ligne Développement d Apps sur iphone e ipad. Académie Libre info@academielibre.fr Cours ios Cours en ligne Développement d Apps sur iphone e ipad Académie Libre info@academielibre.fr Programme général du Cours ios Module 1 Introduction à la programmation Unité 1 Introduction aux ordinateurs

Plus en détail

Application BSR pour ios

Application BSR pour ios Application BSR pour ios Mathieu Schroeter 25 juillet 2013 Table des matières 1 Présentation 2 1.1 Ecran de connexion......................... 2 1.2 Ecran de bienvenue......................... 2 1.2.1

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Office d enregistrement des titres et des instruments. Plans d arpentage Guide d utilisation

Office d enregistrement des titres et des instruments. Plans d arpentage Guide d utilisation Office d enregistrement des titres et des instruments Plans d arpentage Guide d utilisation 1 P age Table des matières Introduction... 3 Navigateurs compatibles... 3 Pour commencer... 5 Plans en ligne...

Plus en détail

Tablette. Quelques applications à installer sur sa

Tablette. Quelques applications à installer sur sa Quelques applications à installer sur sa Tablette DEC22 --- C Jézégou -------------------- Quelques applications pour tablettes de classe --------------------- page 1 / 5 Domaine Application Fonction Lien

Plus en détail

PLATEFORME ANTI-CORRUPTION AU CAMEROUN

PLATEFORME ANTI-CORRUPTION AU CAMEROUN PLATEFORME ANTI-CORRUPTION AU CAMEROUN MANUEL DE L UTILISATEUR Version 1.0 Copyright 2013 FODER - CAMEROUN 1 1. Table des matières 1. Table des matières... 2 2. Introduction... 3 3. La page principale

Plus en détail

Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Version Windows 7 Les initialisations

Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Version Windows 7 Les initialisations Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Document rédigé par Michel Gagné pour des séances de mars et avril 2013 Réédité pour des séances de mars 2014 Version Windows

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Inte rface audio portable

Inte rface audio portable Inte rface audio portable INTERFACE AUDIO PORTABLE Dans la boîte de rangement de la console centrale, une interface permet de raccorder plusieurs périphériques audio portables, notamment un, au système

Plus en détail

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000)

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) 1. Démarrer l ordinateur et attendre l affichage du bureau Le bureau L image du bureau peutêtre changée : tous les ordinateurs n ont pas la même! 2. Double

Plus en détail

2. Internet... 13. 1. Pour débuter avec l ipad 1

2. Internet... 13. 1. Pour débuter avec l ipad 1 1. Pour débuter avec l ipad 1 Premier contact.......... 2 itunes, le compagnon indispensable............ 3 Démarrer l ipad........... 4 Éteindre l ipad : veille ou arrêt?.. 5 Recharger l ipad...........

Plus en détail

Programme de formation pour FileMaker 14

Programme de formation pour FileMaker 14 Programme de formation pour FileMaker 14 Développeur Avancé (III-IV) Initiation à FileMaker Gérer et visualiser les données Travailler avec des données Rechercher des données Imprimer des données Échanger

Plus en détail

Contenu détaillé du stage :

Contenu détaillé du stage : Contenu détaillé du stage : Création Internet et Accessibilité Méthodologie de suivi et de gestion pour assurer un rôle d intégrateur Web (Présentation hebdomadaire) (720 heures -10 Stagiaires 30h par

Plus en détail

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet)

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet) Armony Altinier Préface de Dominique Burger (BrailleNet) web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Groupe Eyrolles, 2012, ISBN : 978-2-212-12889-5 Table des matières

Plus en détail

Manuels numériques et bibliothèque Didier Guide pratique

Manuels numériques et bibliothèque Didier Guide pratique Manuels numériques et bibliothèque Didier Guide pratique Sommaire Les principes Accès depuis un ordinateur...2 Accès depuis une tablette...3 Accès mixte...4 En détails Accès depuis un ordinateur...5 La

Plus en détail

BCNNETKEY. Guide d utilisation. Votre accès à BCN-Netbanking, encore plus sûr. www.bcn.ch/netkey

BCNNETKEY. Guide d utilisation. Votre accès à BCN-Netbanking, encore plus sûr. www.bcn.ch/netkey BCNNETKEY Guide d utilisation Votre accès à BCN-Netbanking, encore plus sûr www.bcn.ch/netkey Votre banque en ligne encore plus sûre grâce à la BCN-Netkey. Avec la BCN-Netkey, vous détenez ce qui se fait

Plus en détail

MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40

MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40 MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40 Description des actes en série sur le Baladeur Santé TABLE DES MATIERES 1. Généralités 5 1.1. Fonctionnement général du

Plus en détail

- CertimétiersArtisanat

- CertimétiersArtisanat 2 - CertimétiersArtisanat CertimétiersArtisanat - Sommaire NOTIONS SUR LE CERTIFICAT... 4 UN DOUBLE CERTIFICAT SUR VOTRE CLE CERTIMETIERSARTISANAT... 5 UTILISATION D UN CERTIFICAT ELECTRONIQUE CLASSE 3+

Plus en détail

Guide d utilisation de mcashier

Guide d utilisation de mcashier Guide d utilisation de mcashier Acceptation de paiements 1. Introduire le montant de l achat dans l App. Si vous le souhaitez, vous pouvez saisir une indication sous le montant, par ex. le nom du produit.

Plus en détail

Liaison entre Ms Access et

Liaison entre Ms Access et Liaison entre Ms Access et Olympe Didier SNOECK, ThierryCHAPUSET et J.M. ATTONATY Constat Avant de pouvoir réaliser des simulations avec Olympe, il faut créer un jeu de données (Dataset). Ce jeu de données

Plus en détail

Maîtriser le backend

Maîtriser le backend 4 Maîtriser le backend Les nouveaux utilisateurs de Magento sont souvent impressionnés par la qualité de son interface d administration, mais ils en redoutent aussi la richesse fonctionnelle. Connaître

Plus en détail

MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010. mardi 16 octobre 2012

MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010. mardi 16 octobre 2012 MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010 mardi 16 octobre 2012 MA PRÉSENTATION MARIE-DOMINIQUE MUTEL 14 ans d expérience dans le domaine de l enseignement des outils bureautiques Assure la formation

Plus en détail

BASEDPSY 7 (PsyTablet_7)

BASEDPSY 7 (PsyTablet_7) BASEDPSY 7 (PsyTablet_7) Logiciel de gestion des dossiers cliniques et de gestion financière pour psychothérapeutes de toutes disciplines. Base de données développée par Alain Barbeau www.basedpsy.com

Plus en détail

Introduction à HTML et CSS

Introduction à HTML et CSS ENS de Cachan Introduction à HTML et CSS Françoise Tort Chargement d'une page Web h"p://site.chemin./page.html navigateur requête.html.css.jpg.mp3 serveur web fichiers Le navigateur web traduit les pages,

Plus en détail

Notice d'utilisation Vente en Ligne

Notice d'utilisation Vente en Ligne Notice d'utilisation Vente en Ligne Ce document est la propriété exclusive de la société DICE. 1 2 3 4 Sommaire Introduction... 3 But du document... 4 Commande par un client via internet... 5 3.1 Affichage

Plus en détail

Table des matières...2 Introduction...4 Terminologie...4

Table des matières...2 Introduction...4 Terminologie...4 Table des matières Table des matières...2 Introduction...4 Terminologie...4 Programme EasyTour...5 Premiers pas...5 Installation...6 Installation du logiciel EasyTour...6 Branchement du téléchargeur...6

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Excel 2007. Utilisation Avancée MANUEL. Microsoft

Excel 2007. Utilisation Avancée MANUEL. Microsoft Microsoft Excel 2007 Utilisation Avancée MANUEL AVERTISSEMENT Microsoft Excel 2010 est une marque déposée de la société Microsoft. Toutes les marques citées dans cet ouvrage sont des marques déposées par

Plus en détail

Initiation au montage video avec Movie Maker

Initiation au montage video avec Movie Maker Initiation au montage video avec Movie Maker Il existe différents types de fichiers vidéos, principalement en fonction de leur taux de compression. Les plus communs sont les fichiers «AVI», «MPEG», ou

Plus en détail

Facebook, Google, LinkeIdn... Optez pour la double validation

Facebook, Google, LinkeIdn... Optez pour la double validation 1. Bien protéger tous ses comptes Facebook, Google, LinkeIdn... Optez pour la double validation Voilà quelques mois que le phénomène prend de l ampleur, et à juste raison. Car sur le net, on n'est jamais

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

vous permet d agrandir la fenêtre Lync à la taille de votre écran.

vous permet d agrandir la fenêtre Lync à la taille de votre écran. Lync 2013 Lync 2013 est doté d un nouvel aspect qui vous aide à communiquer facilement et rapidement. Vous découvrirez également de nouvelles fonctionnalités, telles que les salles de conversation permanente,

Plus en détail

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Solution E-transactions Date: 12/02/2015 E-transactions NOTE TECHNIQUE Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Version du 12/12/2015 1 Crédit Agricole S.A, société anonyme au

Plus en détail

Support Technique Téléphone : 06 73 34 31 79 Email : techno@e-media.fr. e-media 43 rue Dietterlin 67100 Strasbourg MEDIA WEB MODE D EMPLOI

Support Technique Téléphone : 06 73 34 31 79 Email : techno@e-media.fr. e-media 43 rue Dietterlin 67100 Strasbourg MEDIA WEB MODE D EMPLOI e-media 43 rue Dietterlin 67100 Strasbourg Support Technique Téléphone : 06 73 34 31 79 Email : techno@e-media.fr MEDIA WEB MODE D EMPLOI Page 2 / 13 Avant propos Ce document décrit la procédure d utilisation

Plus en détail

Procédure appropriée pour éditer les diagrammes avec ECM Titanium

Procédure appropriée pour éditer les diagrammes avec ECM Titanium Procédure appropriée pour éditer les diagrammes avec ECM Titanium Introduction: Dans ce document vous trouverez toutes les renseignements dont vous avez besoin pour éditer les diagrammes avec le logiciel

Plus en détail

Référentiel accessibilité des services Internet de l administration française - Version 2004 -

Référentiel accessibilité des services Internet de l administration française - Version 2004 - Agence pour le Développement de l Administration Électronique (ADAE) Référentiel accessibilité des services Internet de l administration française - Version 2004-1 TABLE DES MATIERES Introduction...3 Rappel

Plus en détail

Saiga Informatique Logiciel imuse Extranet usagers

Saiga Informatique Logiciel imuse Extranet usagers REINSCRIRE ELEVE CONSULTER DOSSIER EN LIGNE Saiga Informatique Logiciel imuse Extranet usagers I. Récupérer de l'identifiant Se connecter avec : https://www.imuse-savoie.fr/extranet/login/usa_index_famille.php#

Plus en détail