Quand on parle d’accessibilité, on fait souvent référence à la loi dite « loi Handicap » de 2005. En 2016, la loi République Numérique est venue mettre à jour cette réglementation en s’appuyant sur le RGAA, le Référentiel Général d’Accessibilité pour les Administrations.
La Caisse des Dépôts a apporté un soin particulier pour rendre un maximum de ses sites Drupal accessibles, quels que soient les techniques, périphériques, navigateurs utilisés, pour tous les utilisateurs en n'excluant personne, en particulier les personnes en situation de handicap.
Alter Way a pu accompagner la Caisse des Dépôts dans cette dynamique de mise en conformité au RGAA, qui impacte toute la chaîne de production d’un site internet, depuis sa conception jusqu’à sa contribution.
Unlike salespeople, channel partners don't have hands on access to sales/marketing training sessions or brand induction workshops. Watch this presentation to learn how a partner portal compensates these negatives by providing channel partners with easy access to critical elements that help them close deals faster.
Amazon et sa nouvelle stratégie logistique :
Pourquoi Amazon va devenir un transporteur mondial.
Découvrez sa stratégie pour renforcer son avance au niveau de l'expérience client et développer une nouvelle offre de services autour de la supply chain.
Unlike salespeople, channel partners don't have hands on access to sales/marketing training sessions or brand induction workshops. Watch this presentation to learn how a partner portal compensates these negatives by providing channel partners with easy access to critical elements that help them close deals faster.
Amazon et sa nouvelle stratégie logistique :
Pourquoi Amazon va devenir un transporteur mondial.
Découvrez sa stratégie pour renforcer son avance au niveau de l'expérience client et développer une nouvelle offre de services autour de la supply chain.
La production de contenu marketing repose sur une définition précise de sa cible : Les Buyer Personas sont un outil largement utilisé par les équipes marketing modernes.
Comment fixer le prix de vente d'un produit ?FIDAQUITAINE
Découvrez comment calculer votre prix de vente.
Contactez nous si vous souhaitez plus d'informations sur notre offre analyse du coût de revient.
Fidaquitaine Bordeaux
3 avenue Georges Clemenceau 33150 CENON
05 56 40 94 20
Fidaquitaine Périgueux
26 rue Chanzy 24000 PERIGUEUX
05 53 46 65 16
Ce rapport contient des informations sur le commerce électronique, on a essayé à travers ce document de présenter le concept de e-commerce, son évolution ainsi que ses différents types.
RESUME
Le marketing moderne est une science mais aussi une activité pratique qui
permet de satisfaire les besoins des publics et de l’entreprise par la conception de
produits adaptés. L’innovation est ainsi de créer et concevoir des services ou
produits correspondant aux attentes des publics utilisateurs. En cela se déploie,
tout un art ou une stratégie marketing. Les Sciences du Langage et de la
Communication y contribuent énormément, et en donnant un savoir et savoir-faire
aux apprenants et professionnels marketers dans la perspective de mener à bien
leurs projets.
Cette étude de cas simulée en est un exemple des compétences et du savoir
que peut disposer une entreprise pour la création et le lancement d’un produit.
Le processus d'achat et approvisionnement travail réalisé par : Aboubakr MOUBARAK et Youssef ELMOUKKADEM, licence professionnelle logistique industrielle à l'école supérieure de technologie de FES en 2014/2015
Étude de cas Céragrès : une expérience client repenséeValtech Canada
Le cas Céragrès est un cas concret d'entreprise en pleine réflexion sur l'optimisation de son expérience client. Comment créer une expérience holistique qui intègre autant les points de contacts physiques, numériques et humains ? Comment une entreprise peut-elle engager ses différentes clientèles (internes et externes) pour innover ?
Louise d'Amours, Directrice Communication et Marketing de Céragrès, accompagnée de Damien Lefebvre, coprésident w.illi.am/ présenteront l'approche et les règles qui permettent à une entreprise de prendre ce virage numérique pour mieux servir ses clients.
///
- Comment offrir une expérience virtuelle optimale afin d’aider vos clients à trouver rapidement ce qu'ils cherchent ?
- Comment un site Web intuitif peut-il aider à diriger vos clients vers de l'information utile et pertinente dès le premier contact ?
- Établissez un message cohérent et adapté dans tous les divers canaux afin de mieux guider vos clients.
- Comment les médias sociaux s'intègrent-ils à votre expérience Web ?
E-commerce et comportement de consommateur marocainayoub agoujil
Plan :
Introduction
Chapitre 1 : Concept & Définition du Commerce électronique:
Section 1 : Généralités sur le E-Commerce :
1.Définition
2.Les différents types de transactions3.Les acteurs du e-commerce
Section 2 : le marché de l’e-Commerce
Section 3 :Le E-commerce au Maroc
Section 4: les comportements des consommateurs face au E-commerce :
Chapitre 2 : Etudes sur les comportements des consommateurs face au commerce électronique:
Une étude générale sur le comportement des consommateurs face au commerce électronique
Conclusion
La chaîne logistique prend en charge l'ensemble de la gestion des flux
matières (ou marchandises).
- Elle gère directement les activités concernées, ou susceptibles d'assurer une
collaboration étroite avec les acteurs ou tiers concernés, ceci en vue de
maîtriser / piloter :
- les flux et stocks de produits finis, en cours, semi-finis, matières
premières concernées, etc.
- les ressources (ressources humaines internes ou prestataires
externes : fournisseurs, entreposage, magasinage, transport,
transitaires, etc.) ;
- les équipements nécessaires à la réalisation de la prestation
logistique (entrepôts, outillages, machines, manutention, véhicules
propres, etc.) ;
- les fournitures (emballage, consommables, sources d'énergie et
carburants, etc.) ;
- les services (planification, magasinage, emballage, manutention,
transport, export, douane, facturation, litiges, etc.) ;
- les systèmes d'information.
Mémoire IAE digitalisation du parcours d'achat_Robert DepiquignyRed de Redac
À l’heure où la puissance du commerce connecté et des boutiques virtuelles bat son plein, le magasin se cherche : a-t-il encore une place au milieu de cette révolution numérique ? Chez bon nombre d’entre eux, la stratégie digitale est bien souvent
ancrée dans une logique de juxtaposition plutôt que d'imbrication des canaux. Comment peuvent-ils tirer profit des technologies digitales qui leur sont offertes aujourd’hui pour fidéliser une clientèle de plus en plus volatile, de plus en plus connectée, au fait de toutes les nouveautés digitales et des usages qui y sont
associés ?
Quelle est la législation en vigueur ? Quels sont les principaux mécanismes généraux mis en œuvre pour favoriser l’accessibilité numérique ? Comment concevoir et développer de nouveaux systèmes numériques accessibles ?
La production de contenu marketing repose sur une définition précise de sa cible : Les Buyer Personas sont un outil largement utilisé par les équipes marketing modernes.
Comment fixer le prix de vente d'un produit ?FIDAQUITAINE
Découvrez comment calculer votre prix de vente.
Contactez nous si vous souhaitez plus d'informations sur notre offre analyse du coût de revient.
Fidaquitaine Bordeaux
3 avenue Georges Clemenceau 33150 CENON
05 56 40 94 20
Fidaquitaine Périgueux
26 rue Chanzy 24000 PERIGUEUX
05 53 46 65 16
Ce rapport contient des informations sur le commerce électronique, on a essayé à travers ce document de présenter le concept de e-commerce, son évolution ainsi que ses différents types.
RESUME
Le marketing moderne est une science mais aussi une activité pratique qui
permet de satisfaire les besoins des publics et de l’entreprise par la conception de
produits adaptés. L’innovation est ainsi de créer et concevoir des services ou
produits correspondant aux attentes des publics utilisateurs. En cela se déploie,
tout un art ou une stratégie marketing. Les Sciences du Langage et de la
Communication y contribuent énormément, et en donnant un savoir et savoir-faire
aux apprenants et professionnels marketers dans la perspective de mener à bien
leurs projets.
Cette étude de cas simulée en est un exemple des compétences et du savoir
que peut disposer une entreprise pour la création et le lancement d’un produit.
Le processus d'achat et approvisionnement travail réalisé par : Aboubakr MOUBARAK et Youssef ELMOUKKADEM, licence professionnelle logistique industrielle à l'école supérieure de technologie de FES en 2014/2015
Étude de cas Céragrès : une expérience client repenséeValtech Canada
Le cas Céragrès est un cas concret d'entreprise en pleine réflexion sur l'optimisation de son expérience client. Comment créer une expérience holistique qui intègre autant les points de contacts physiques, numériques et humains ? Comment une entreprise peut-elle engager ses différentes clientèles (internes et externes) pour innover ?
Louise d'Amours, Directrice Communication et Marketing de Céragrès, accompagnée de Damien Lefebvre, coprésident w.illi.am/ présenteront l'approche et les règles qui permettent à une entreprise de prendre ce virage numérique pour mieux servir ses clients.
///
- Comment offrir une expérience virtuelle optimale afin d’aider vos clients à trouver rapidement ce qu'ils cherchent ?
- Comment un site Web intuitif peut-il aider à diriger vos clients vers de l'information utile et pertinente dès le premier contact ?
- Établissez un message cohérent et adapté dans tous les divers canaux afin de mieux guider vos clients.
- Comment les médias sociaux s'intègrent-ils à votre expérience Web ?
E-commerce et comportement de consommateur marocainayoub agoujil
Plan :
Introduction
Chapitre 1 : Concept & Définition du Commerce électronique:
Section 1 : Généralités sur le E-Commerce :
1.Définition
2.Les différents types de transactions3.Les acteurs du e-commerce
Section 2 : le marché de l’e-Commerce
Section 3 :Le E-commerce au Maroc
Section 4: les comportements des consommateurs face au E-commerce :
Chapitre 2 : Etudes sur les comportements des consommateurs face au commerce électronique:
Une étude générale sur le comportement des consommateurs face au commerce électronique
Conclusion
La chaîne logistique prend en charge l'ensemble de la gestion des flux
matières (ou marchandises).
- Elle gère directement les activités concernées, ou susceptibles d'assurer une
collaboration étroite avec les acteurs ou tiers concernés, ceci en vue de
maîtriser / piloter :
- les flux et stocks de produits finis, en cours, semi-finis, matières
premières concernées, etc.
- les ressources (ressources humaines internes ou prestataires
externes : fournisseurs, entreposage, magasinage, transport,
transitaires, etc.) ;
- les équipements nécessaires à la réalisation de la prestation
logistique (entrepôts, outillages, machines, manutention, véhicules
propres, etc.) ;
- les fournitures (emballage, consommables, sources d'énergie et
carburants, etc.) ;
- les services (planification, magasinage, emballage, manutention,
transport, export, douane, facturation, litiges, etc.) ;
- les systèmes d'information.
Mémoire IAE digitalisation du parcours d'achat_Robert DepiquignyRed de Redac
À l’heure où la puissance du commerce connecté et des boutiques virtuelles bat son plein, le magasin se cherche : a-t-il encore une place au milieu de cette révolution numérique ? Chez bon nombre d’entre eux, la stratégie digitale est bien souvent
ancrée dans une logique de juxtaposition plutôt que d'imbrication des canaux. Comment peuvent-ils tirer profit des technologies digitales qui leur sont offertes aujourd’hui pour fidéliser une clientèle de plus en plus volatile, de plus en plus connectée, au fait de toutes les nouveautés digitales et des usages qui y sont
associés ?
Quelle est la législation en vigueur ? Quels sont les principaux mécanismes généraux mis en œuvre pour favoriser l’accessibilité numérique ? Comment concevoir et développer de nouveaux systèmes numériques accessibles ?
Quelle est la législation en vigueur ? Quels sont les principaux mécanismes généraux mis en œuvre pour favoriser l’accessibilité numérique ? Comment concevoir et développer de nouveaux systèmes numériques accessibles ?
OCTO Talks - State of the art Architecture dans les frontend webOCTO Technology
Vous avez dit architecture front 💅 ? Du CSS au CDN, personne ne sera épargné !
par Pierrette Bertrand (Head of Web Front Development @OCTO Technology), David Ostermann (Developpeur Front End @OCTO Technology) et Florian Leroy (Consultant Senior @OCTO Technology)
Qu’est-ce qu’une architecture front ? Selon que vous demandiez à un intégrateur, un développeur frontend, un développeur d’API ou tout simplement, à un architecte, la réponse sera bien différente. Car selon notre expérience, ce dernier, n’a en réalité qu’une partie de la réponse. Dans ce talk, nous regarderons ensemble les avantages et inconvénients de la multitude des choix possibles, à chaque étage, afin de donner une carte utile pour s’y retrouver. N’en déplaise aux développeurs front, le concept d’architecture front dépasse de loin le choix de leur framework préféré !
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Association Paris-Web
Obliger à faire accessible, c'est bien. Convaincre c'est mieux.
En l'absence de moyens coercitifs, l'intégration des contraintes d'accessibilité commence la plupart du temps par une évangélisation des différents acteurs des projets web clients. Nous verrons, sur la base des dimensions humanitaire, sociétale, commerciale et technique de l'accessibilité, quels arguments déployer face à tous les acteurs des métiers du web.
Penser ses services et interfaces digitales pour le handicap et l'inconfort numérique : faire de la contrainte une opportunité. Quand on sait que 12 millions de personnes en France souffrent d'un handicap, plus d'un milliard dans le monde, que les seniors représentent actuellement 18 millions de personnes en France, ne pas intégrer le parcours de l'accessibilité numérique dans le développement et l'amélioration des projets et services digitaux, c'est perdre un nombre non négligeable d'utilisateurs qui ne pourront pas naviguer, interagir et utiliser les fonctionnalités.
Une interface accessible s'avère également plus ergonomique et plus simple d'utilisation.
Experts en accessibilité numérique, nous vous accompagnons dans vos démarches : sensibilisation, audit, conseil, pérennisation, formation RGAA, UX handicap.
Présentation effectuée au meetup Devops Tahiti (3 juin 2020) par Christophe Villeneuve sur "Tests d'accessibilité par la pratique".
Deux outils complémentaires d'accessibilités, sont présentés pour vous aider à valider votre code
Objectifs de la formation présentée : identifier les enjeux de l'accessibilité Web : acteurs, obligations légales, référentiels - Appréhender les bénéfices de l'accessibilité en tant qu'Internaute - Savoir mettre en œuvre les principes d'un site accessible à tous
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause par Apple principalement, qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
A l’occasion d’un webinar aussi concret qu’interactif, Niji, vous propose d’apporter un éclairage précis sur le sujet suivant :
Frameworks XPlatform mobiles : Vers la fin des technologies javascript ? Faut-il se convertir à Flutter ou passer au natif ?
Au-delà des enjeux technologiques, comment optimiser ces investissements dans la durée ?
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause (entre autre par Apple), qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
Similaire à Drupagora 2019 : Drupal, accessibilité et RGAA (20)
#sharingLille : L'Open Source pour une société numérique ouverte, transparent...ALTER WAY
Retrouvez Véronique Torner, présidente d'alter way, au #SharingLille le 21 avril à Euratechnologies ( 165 Avenue de Bretagne, 59000 Lille) à 16h30 pour son intervention : "L'Open Source pour une société numérique ouverte, transparente et collaborative".
Il est aujourd'hui primordial de réfléchir à notre avenir numérique et de faire le choix de l'ouverture.Le rôle des technologies et des modèles issus du Libre et Open Source est aujourd'hui clé dans les grandes révolutions numériques que sont le Cloud, le Big Data ou encore l'Internet des Objets, indispensables pour réinventer les villes et territoires de demain.
Issus d'une pratique industrielle et communautaire en constante amélioration depuis plus de trente années, les Logiciels Libres et Open Source proposent à la fois des innovations disruptives importantes et des standards qui s'imposent à une échelle mondiale. Ils répondent aux enjeux de mutualisation, d'interopérabilité et de formats ouvert, nécessaires à un écosystème collaboratif.
Flyer promotions Alter Way Formation Avril Mai 2015ALTER WAY
bénéficiez de -10% sur nos formations open source avec ce flyer, en vous connectant avec le code F2015 sur http://formation.alterway.fr
Offre valable jusqu'au 31 mai 2015
Alter Way's digitalks - Docker : des conteneurs pour tout faire ? ALTER WAY
Docker est un projet Open Source qui automatise le déploiement d’applications dans des conteneurs logiciels virtuels. Déjà utilisé par Google, Red Hat, RackSpace, ebay, Microsoft, Amazon, Docker rencontre un succès mondial et est en passe de révolutionner le marché du cloud et de la virtualisation.
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?ALTER WAY
Docker est un projet Open Source qui automatise le déploiement d’applications dans des conteneurs logiciels virtuels. Déjà utilisé par Google, Red Hat, RackSpace, ebay, Microsoft, Amazon, Docker rencontre un succès mondial et est en passe de révolutionner le marché du cloud et de la virtualisation.
Open World Forum 2014 : From ES6 to Javascript 2.0. What use today ? par Jon...ALTER WAY
Ecma script 6 - Javascript 2.0 : Promises, générateurs, variables locales, découvrez comment l'ECMA SCript 6 va transformer vos applicatifs *.js.
Vous n'avez jamais entendu parler d'"Harmony" ni d'"Es.next" et vous êtes développeur web ? Fatigué des fonctions callbacks, vous envisagez de passer vos requêtes ajax en synchrone ? Il est temps de vous intéresser à l'ECMA Script 6. Partiellement implémenté, le futur standard Javascript 2.0 fournit son lot de nouveautés (Promises, générateurs, variables scopables) et autres subtilités programmatoires pour le plus grand plaisir de vos SPA.
Cette conférence se propose dans un premier temps de parcourir les différents aspects de la spécification puis, dans un second, de s'attarder à travers le développement de modules sur les points clés du standard Javascript 2.0. Elle a pour objectifs :
d'éclairer les auditeurs sur les caractéristiques de l'ECMA Script 6
l'approfondissement des aspects phares (promise et un autre sujet en fonction de l'état d'implémentation lors de l'atelier)
de mesurer leur implémentation navigateur à date et explorer les polyfills
Open World Forum 2014 : Guerre des IAAS par Stéphane Vincent ALTER WAY
L’avènement des offres cloud IAAS matures redéfinit les cartes dans les métiers de l’hébergement. La commoditisation longtemps annoncée devient enfin une réalité et il est grand temps pour les hébergeurs traditionnels et les sociétés de conseil de repenser leurs métiers. Nous ferons le tour des enjeux de cette nouvelle donne et donneront quelques pistes d’évolution basées notre expérience concrète.
Solutions Linux 2014 - Alter Way : Évolutions des back offices des CMS/CMF ALTER WAY
Le choix d'un CMS ne se fait plus que sur ses spécificités techniques, l'interface back office pour les contributeurs rentre aujourd'hui en ligne de compte.
L'ergonomie de l'interface back office permet une meilleure prise en main des outils et participe à la conduite du changement en interne.
Nous proposons une conférence sur l'évolution des back-offices des principaux CMS/CMF open source et les fonctionnalités que nous pouvons attendre dans les prochaines versions.
Elasticsearch : petit déjeuner du 13 mars 2014ALTER WAY
Elasticsearch est un moteur de recherche Open Source très puissant basé sur
Apache Lucene. Il permet l'indexation de millions de données, leur recherche et leur
analyse en temps réel. Les outils Elascticsearch sont déjà utilisés par des acteurs de
référence tels que FourSquare, GitHub, OpenDataSoft ou encore Dailymotion.
Alter Way et Elasticsearch vous convient à venir découvrir la suite Elasticsearch
enfin disponible en version 1.0 et prête pour la production !
H2O est une solution d'hébergement du type "Pay Only What You Use" innovante. Elle répond aux besoins d'évolutivité et de haute performance demandés par les applications web. Grâce à l'utilisation de composants système novateurs, H2O s'adapte dynamiquement aux montées en charge non prévues, et ce, sans interruption de service, ni modification de code.
Reprise sur incident , par Jean Marc FontaineALTER WAY
Que se soit suite à une attaque, une défaillance matérielle ou un bogue applicatif, et malgré toute les précautions prises en amont, aucune application en production n’est à l’abri d’une catastrophe.
L’important est d’avoir un plan de reprise sur incident efficace pour limiter le plus possible l’impact d’un tel incident sur la qualité de service.
Cela passe par une phase de préparation (mise en place de logs, sauvegardes régulière, etc) et par un plan d’action pour le jour J (Communication de crise, diagnostiques, priorisation des tâches, etc.)
Organiser efficacement son depot de code par Jean Marc FontaineALTER WAY
Cette conférence dépoussière l’usage du dépôt de code et le replace au centre de l’usine de développement : les développeurs y poussent du code, l’intégration continue l’analyse, l’outil de déploiement l’envoie vers les serveurs.
Il est capital d’organiser efficacement le dépôt de code. Cela passe notamment par sa sécurisation, le choix des politiques de commit et de branchage ou encore ses interactions avec l’extérieur.
Nous verrons comment répondre à ses problématiques avec les deux outils phares que sont Subversion et Git.
Objets patterns et genie logiciel , par Julien PauliALTER WAY
Lorsqu’on parle d’objet, de patterns ou de génie logiciel, PHP fait souvent sourire et Java vient tout de suite en tête. Cette session a pour but de prouver que PHP est mature pour supporter des projets d’envergure. Nous détaillerons techniquement le modèle objet de PHP, nous parlerons design patterns et génie logiciel, UML à l’appuie. Comment PHP a-t-il évolué sur ces points ? Comment fonctionne-t-il et quels sont les projets open sources basés sur PHP et orientés patterns ?
6. 6
02.
Les projets
La création de sites grand public comme :
● Compte personnel d’activité (2016) – refonte en cours
● Ciclade - gestion des comptes et avoirs en déshérence (2017)
● Consignations (2018) - Labellisé e-accessible RGAA (niveau AA)
● La création du Portail Handicap (2019)
Nous a conduit à renforcer la prise en compte
de l’accessibilité numérique de nos sites.
8. Quelle est la première chose à
laquelle vous pensez quand
vous entendez le mot
accessibilité ?
8
9. À la base, un gros cliché !
Une image faussée du handicap,
où l’on voit systématiquement une personne
aveugle, sourde, en fauteuil roulant...
9
10. “
Mais on ne va pas se mentir...
Les handicapés ne sont pas notre cible,
il n’est pas nécessaire de rajouter ça dans le projet
Qu’est-ce qu’on risque si on ne le fait pas ?
Quel est le retour sur investissement ?
Il est codé en braille ton site accessible !?!
10
12. 12
Qu’est-ce qu’on risque si on ne le fait pas ?
1er risque .
Empêcher des utilisateurs
d’utiliser vos services et donc
de perdre en audience.
3ème risque .
Si vous ne corrigez que les bugs pour les
valides et pas ceux affectant l’accès pour les
personnes handicapées, vous faites de la
discrimination, ce qui est passible d’une
sanction pénale.
Selon l’article 225-2 du code pénal :
◇ Entre 3 et 5 ans d'emprisonnement
◇ 45 000 à 75 000 euros d'amende.
2ème risque .
Une pénalité pouvant s’élever à
5000€ par an et par site ou
application + renouvelable
Loi de la République numérique -
article 106 de la loi n° 2016-1321
13. 13
15 millions de personnes
en situation de handicap en France
21,5% de la population
14. Précision 1 :
Le handicap n’est pas lié à
un état mais à une situation
14
Une personne aveugle n’est pas handicapée
du fait qu’elle est aveugle (état), elle est
handicapée uniquement dans les situations où
la vue est nécessaire pour interagir (situation).
source
15. Précision 2 :
Tout le monde peut être en
situation de handicap
15
◇ On a oublié ses lunettes à la maison
◇ Clavier / souris qui ne fonctionnent pas
◇ Descendre d’un trottoir avec une poussette
ou des béquilles
◇ On s’est cassé un bras
◇ Smartphone en plein soleil
◇ etc.
16. C’est la possibilité pour toutes et tous (sans distinction de
sexe, d’âge, de situation ou de handicap), d’utiliser les outils
informatiques, les logiciels ou applications et de consulter
les ressources numériques, quelle que soit leur façon d’y
accéder.
Les contenus et services doivent être perceptibles,
utilisables, compréhensibles et robustes.
C’est un principe élémentaire d’égalité, une obligation
citoyenne.
source
16
Définition de l’accessibilité numérique
17. Les contenus et services doivent être :
Perceptible
Les éléments doivent être
distinguables visuellement, les
contenus non textuels comme
les images ou les vidéos doivent
avoir une alternative textuelle.
Utilisable
Le contenu doit être accessible
à la fois à la souris et au clavier,
l’utilisateur doit pouvoir
s’orienter et se situer dans le
site.
Compréhensible
Le contenu doit être lisible,
prévisible et le système doit
aider à corriger les erreurs de
saisie.
Robuste
Le contenu doit être accessible
quel que soit l’appareil utilisé et
ses évolutions futures.
17
20. 04. L’accessibilité dans chaque étape du projet
20
Amont Projet Aval
Cadrage et
cahier des
charges
Conception
UX / UI
Développement
Front / Back
Intégration
des contenus
Mise à jour
& contribution
Prise en amont de la production technique, elle est plus simple et
moins coûteuse à mettre en œuvre qu'en fin de chaîne de production
- comme le responsive web design à l’époque -
21. Cadrage et cahier des
charges
21
● Un effort significatif
● Des impacts sur la charge et le
temps du projet
◇ +/- 30% de gestion de projet
◇ +/- 20% de conception (ux-ui)
◇ +/- 30% de dev front-end
◇ +/- 30% de dev back-end
22. Conception UX / UI
Structurer l’information
Navigations, niveau de titre, liens explicites...
Présenter l’information
Contraste de couleur, lisibilité typographique,
formulaire, tableau, focus clavier…
S’adapter à la charte client
22
23. Développement
back-end / front-end
◇ Sémantique
◇ Hiérarchie des titres
◇ Code valide W3C
◇ Formulaire en erreur
◇ Scripts
◇ Capacité du CMS
(webform, facette et wysiwyg)
23
24. Intégration des contenus
L’ossature peut être accessible, les
contenus doivent l’être également.
L’ennemi : le wysiwyg 😡
Attention : un contenu contribué de la
mauvaise façon fera perdre l’accessibilité
d’un site (lien non-explicite et image mal
contribué)
24
25. L’audit & corrections
Un audit en 2 phases.
◇ 1ère phase : à la fin du dev
◇ 2ème phase : suite aux
corrections
Besoin de sensibiliser les équipes
pour comprendre et mettre en oeuvre
les corrections.
Besoin d’une expertise pour être sûr
25
27. Le RGAA
Depuis 2009, la DINSIC* édite le RGAA qui regroupe les critères
et les tests permettant de vérifier la conformité d’un site
internet public.
Le RGAA** est basé sur les WCAG 2.0 (2008) et WCAG 2.1
(2018).
Les WCAG*** sont les règles internationales pour l’accessibilité
des contenus web (W3C).
Le RGAA permet de tester le respect de ces règles.
27
* DINSIC : Direction Interministérielle du Numérique et du Système d'Information et de Communication
** RGAA : Référentiel Général d’Accessibilité pour les Administrations
*** WCAG : Web Content Accessibility Guidelines (prononcer “ouécague”)
28. 28
133 critères
dans le RGAA
3 niveaux dans le référentiel :
Niveau A : niveau minimum
82 critères..
Niveau AA : niveau d’amélioration
20 critères..
Niveau AAA : niveau d’optimisation
31 critères..
Pour qu’un site soit dit accessible, il doit
avoir le niveau AA minimum (soit 82 + 20)
29. 29
Pour en
savoir plus
La DINSIC édite des guides
d’initiation au RGAA :
● design
● développement
● intégration
● édito
● Et un guide des impacts utilisateurs
des défauts d’accessibilité
30. 30
Côté outils
Différents plugins / addons :
● Sémantique HTML : Landmarks pour
Chrome ou Firefox pour tester la
structure HTML5 + ARIA
● Hiérarchie de titre : HeadingsMap
Firefox et Chrome
● Pour tester avec le RGAA : Assistant
RGAA pour Chrome et Firefox
32. Conclusion
32
● Ne pas perdre l’objectif premier (pour qui on fait tout ça).
● L’accessibilité numérique est un vaste sujet, parfois d’expert
mais quand on le prend dès le début du projet, les efforts
sont lissés sur les différents pôles métiers.
● Former / sensibiliser les équipes
● Sur les projets qui se suivent ou dans le même écosystème :
○ Bien penser à conserver une chaîne complète
d’accessibilité pour ne pas rompre l’expérience
utilisateur
● Suivre les évolutions de l’accessibilité (constante et rapide)