Accessibilité Web et Section 508 - Formation pour concepteurs Web expérimentés


Contenu du cours

  1. Une introduction à la section 508
    1. Qu'est-ce que l'article 508?
    2. Qu'est-ce que cela signifie d'être «accessible?"
    3. Des normes facilitent le travail
    4. D'autres forces pour l'accessibilité
  2. Équivalents des textes
    1. Alternatives de texte pour les images (Alt-texte)
    2. Choix des équivalents des textes pour des images et des liens d'image
      1. Choix des équivalents des textes côté client pour cartographier les zones d'image
      2. Création d'Alternatives de textes de grande qualité
      3. Utiliser des descriptions longues pour équivalents texte
    3. Alt-Texte
  3. L'évaluation de l'accessibilité de votre site
    1. Accessibilité Barres d'outils
      1. La barre d'outils Accessibilité du Web pour IE
    2. Utilisation de votre navigateur
      1. Visionner votre page sans images
      2. Modification des polices et des couleurs
      3. Outils de test d'accessibilité
    3. Utilisation de Lynx
    4. Utilisation IBM Home Page Reader
    5. Utilisation d'autres outils d'évaluation et de réparation
    6. Accessibilité Web
  4. Navigation
    1. Navigation accessible en-page
      1. Les exigences 508  pour la navigation en-page
      2. D'autres idées de navigation
      3. Liens accessibles
    2. Navigation en-Page
    3. Cadre de Navigation
  5. Cartes images accessibles
    1. Exemples Cartes images
    2. Cartes images accessibles
      1. Cartes Image côté clients
      2. Cartes Image côté serveur
      3. Complexes Cartes Image côté clients
    3. Accessibilité Image Maps
  6. Audio et multimédia
    1. Quelques définitions
      1. Exigence de l'article 508 pour les transcriptions
    2. Exigence de sous-titrage
    3. SAMI
    4. SMIL
    5. Descriptions visuelles
    6. Audio et multimédia
  7. Cas particuliers
    1. Ne jamais dépendre uniquement de la couleur
    2. Contraste des couleurs
    3. Évitez le clignotement
    4. Réponses synchronisées
    5. Page Réservée au texte en dernier recours
    6. Couleur
  8. Formes accessibles
    1. Formes de base
    2. Boutons poussoirs
      1. Boutons d'image
    3. Boutons généralisés
    4. Champs d'enregistrement de texte
      1. Assurez-vous que les labels sont près des champs des textes
      2. Qu'en est-il de l'invite dans le champ de saisie?
      3. Labels associés avec des éléments
    5. Boutons radios et cases à cocher
    6. Choisissez les menus
    7. Attribut pour des contrôles de forme
    8. Une collection d'exemple de contrôles de forme
    9. Formes accessibles
  9. Tableaux accessibles
    1. Tableau de base
    2. Utilisant ???
    3. Utilisant des en-têtes de colonne et de rangée
    4. Utilisant ????
    5. Tableaux accessibles
    6. Tableau complexe accessible
  10. Manuscrits et Applets
    1. Javascript
      1. Préoccupations d'accessibilité Javascript
      2. La norme de la section 508
      3. Comparaison des exigences de Javascript
      4. Désactiver JavaScript dans votre navigateur
      5. Problèmes d'accessibilité avec événements
      6. Différents rôles pour contenu Javascript
      7. Contenu direct
      8. Changements des attributs
      9. Vérification des formes

10.Contenu caché

    1. L'évolution des normes et lignes directrices
      1. Accès au clavier
      2. Rôles états et valeurs
    2. Ajax et Web 2,0
    3. Applets et Plug-ins
  1. Cascading Style Sheets
    1. Aperçu de feuille de style
    2. Réglages individuels
    3. Lecture de pages Web sans CSS
    4. Utiliser CSS pour simuler le Markup - ne faites pas
    5. Positionnement de CSS
    6. Images d'arrière-plan
    7. Visibilité et remplacement d'image
    8. CSS
  2. Examen des normes de la section 508 pour l'accessibilité du Web

1.   Section 1194.22 (a) offrir équivalents de texte
2.   Section 1194.22 (b) Présenter multimédia synchronisé
3.   Section 1194.22 (c) Rester indépendant de la couleur
4.   Section 1194.22 (d) Rester indépendant des feuilles de style
5.   Section 1194.22 (e) Fournir des liens redondants pour Server-Side Cartes
6.   Section 1194.22 (f) Utilisation de Client-side Image Cartes
7.   Section 1194.22 (g) Ligne d'étiquette et en-têtes de colonne
8.   Section 1194.22 (h) Utiliser l'attribut headers dans les tableaux complexes
9.   Section 1194.22 (i) Fournir des titres de cadre (attributs et les éléments)
10. Section 1194.22 (j) Réduire le clignotement
11. Section 1194.22 (k) Offrir qu’une Alternative texte (LAST RESORT)
12. Section 1194.22 (i) Ecrire des scripts accessibles
13. Section 1194.22 (m) Préciser Applets accessibles et Plug-ins
14. Section 1194.22 (n) Formulaires Design accessibles
15. Section 1194.22 (o) Offrir Skip Navigation
16. Section 1194.22 (p) Alerte utilisateurs à réponses chronométrées

Nous contacter :

Rue Beeckmanstraat 53 1180 Bruxelles/ Brussel

Tel : +32 2 648 84 63 
Fax : +32 2 648 84 63 
Gsm : + 32 477 789 445  
Email : selossej@pixystree.com

Description

Dans ce cours d'accessibilité Web, les étudiants apprendront pourquoi et comment créer les sites Web qui répondent aux normes de la section 508 pour l'accessibilité de site Web. Cette classe vise des concepteurs de Web - c.-à-d., les personnes qui seront responsables de créer les pages accessibles. On s'attend à ce que des étudiants suivant cette classe aient une connaissance approfondie d’HTML et au moins la connaissance intermédiaire de CSS.

Demandez votre devis gratuitement
Contactez-nous !
Demandez Voir les tarifs

Objectifs

Comprendre l'importance de la création de sites Web accessibles
Apprendre ce que signifie faire un site "accessible"
Apprendre à créer des équivalents textuels pour les images appropriées
Apprendre à examiner vos pages Web pour l'accessibilité
Apprendre à créer une navigation accessible
Apprendre à rendre vos cartes d’images accessibles
Apprendre à créer des alternatives accessibles à l'audio et aux multimédia
Apprendre à créer des formulaires accessibles
Apprendre à créer des tableaux accessibles
Apprendre à créer des pages Web qui peuvent bénéficier, mais ne comptent pas sur des manuscrits et des feuilles de style

Liens internes

Formation ActionScript
Formation AJAX

Formation ASP
Formation ASP.NET
Formation CSS 
Formation HTML 
Formation JavaScript
Formation PHP/MySQL 
Formation XML

Liens Externes


Voir notre catalogue inter-entreprise Demandez un devis