• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles
 

Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles

on

  • 1,601 views

Qu'est-ce que l'accessibilité sur le web? Comment faire des sites accessibles? ...

Qu'est-ce que l'accessibilité sur le web? Comment faire des sites accessibles?
Retrouvez dans cet avis d'expert les conseils et bonnes pratiques pour mieux comprendre l'accessibilité sur le web.

Statistics

Views

Total Views
1,601
Views on SlideShare
1,598
Embed Views
3

Actions

Likes
1
Downloads
0
Comments
0

2 Embeds 3

https://www.linkedin.com 2
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessibles Presentation Transcript

    • L’accessibilité sur le web Définition et bonnes pratiquesRETROUVEZ NOUS SUR www.ametys.org @AmetysCMS AmetysCMS AmetysWebCMS
    • Questions Qu’est-ce que l’ACCESSIBILITÉ ? Comment faire de l’ACCESSIBILITÉ ?Comment les CMS peuvent-ils aider à FAIRE DES SITES ACCESSIBLES ?
    • DéfinitionDonner accès à la même information à tous lesindividus quel que soit leur matériel ou logiciel,leur infrastructure réseau, leur langue maternelle,leur culture, leur localisation géographique, ouleurs aptitudes physiques ou mentales. » Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web
    • L’accessibilité pour qui ?En France :10 millions de personnes ont un handicap de longue durée ou permanent • Moteur • Auditif • Cognitif • Visuel (aveugle, mal voyant ou daltonien) • Handicaps multiples10 millions de seniors qui développent ces mêmes handicaps
    • L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quin’ont pas FLASH !
    • L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui n’ont pasJAVASCRIPT activé (10% en France) !
    • L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes quine sont pas sourds mais ont le son coupé !
    • L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui naviguent sur leur mobile !
    • L’accessibilité pour qui ?L’accessibilité c’est aussitoutes les personnes qui se sont cassés le poignet au ski !
    • Les idées reçuesJe vais faire un site dédié aux sourds »
    • Les idées reçues Je vais faire un site dédié aux sourds• Et si la personne n’a pas FLASH ?• Pourquoi les sourds et pas les aveugles ?• Avoir une partie du site accessible aux sourds ne rend pastout le site accessible !• C’est cher à développer… et c’est très cher à maintenir !• Tous les sourds ne parlent pas la langue des signes !
    • Un site accessible n’est pas forcément moche !
    • Les idées reçuesl’Accessibilité c’est bien pour le référencement »
    • Les idées reçues l’Accessibilité c’est bien pour le référencementOUI c’est bien !• Mettre des alternatives pour l’accessibilité permet de mieux référencer les contenus, car finalement Google est « aveugle »• L’accessibilité conseille de faire des contenus plutôt court pour qu’ils soient facilement assimilable, cela convient aussi à Google car il les considère plus pertinent
    • Les idées reçues l’Accessibilité c’est bien pour le référencementATTENTION ! Il peut y avoir des conflits !• Le référencement va chercher à multiplier l’information pour la même chose ce qui est n’est pas bien pour l’accessibilité (perte de temps pour lecteur)• Les titres de pages ne doivent pas forcément contenir les mêmes informations pour être bien accessible ou bien référencé…
    • Zoom sur les images• Quelle alternative pour cette image ? Mettre « Photo du professeur Jean Charles Pomerol »
    • Zoom sur les imagesBonnes pratiques• Ne pas ralentir et ne pas gêner la lecture du site pour un aveugle• Faire gagner du temps au contributeur• Pour les images de décoration, mettre une alternative vide• Les seules images qui nécessitent une alternative sont les graphiques de données dont les infos ne sont pas reprises dans l’article adjacent
    • Zoom sur les imagesComment les CMS peuvent aider les contributeurs web à FAIRE LES BONS CHOIX ?
    • Zoom sur les imagesL’Accessibilité des images avec Drupal 7 Alternative non-vide proposée par défaut Aide en ligne incomplète
    • Zoom sur les images L’Accessibilité des images avec Ametys• Alternativevide par défaut• Aide complèteet précise
    • Structure du contenu• Le contenu doit être structuré sémantiquement• Utilisation des bonnes balises html • Un titre ce n’est pas un contenu écrit en taille 16, en majuscule ou en gras• Hiérarchisation correcte des titres
    • Structure du contenu• Cas d’utilisation concret • Récupération de contenu existant mais mal formé par copier-coller <p style=‘color:orange; font-size:13px’>Titre A</p> <p style=‘color:black; font-size:16px;text- decoration:underline’>Titre B</p>
    • Structure du contenuStructuration du contenu avec Joomla! 1.6 Conserve tout lors d’un copier-coller Apparence trompeuse par rapport à la sémantique
    • Structure du contenuStructuration du contenu avec AmetysDétruit les balises de présentation lors d’un copier-coller Après intervention du contributeur : choix des niveaux de titre
    • Evolution de l’accessibilité dans le temps• L’accessibilité est difficile à vérifier• Vérificateurs « externes » ou « internes »• Niveau de l’accessibilité d’un site dans le tempsaccessibilité Site motorisé par Ametys Site motorisé par un autre CMS temps
    • CONTACT SITE40 RUE DU VILLAGE MAILD’ENTREPRISES TWITTER31670 LABÈGE FACEBOOK+33 (0) 5 62 19 19 00 YOUTUBE