8 bouts pour rendre la page Web accessible

18 mars 2008 {4 mois, il y a 22 jours.} (signalé par Anish Blon)

Accessibilité de WebLes choses simples sont le plus souvent inaperçues par des réalisateurs de Web pendant le processus de développement de Web. Ainsi, voici une liste des choses que les réalisateurs de Web devraient prendre soin de pendant le développement.

L'accessibilité de Web se rapporte à la pratique de rendre des sites Web utilisables par des personnes de toutes les capacités et incapacités. Quand des emplacements sont correctement conçus, développés et édités, tous les utilisateurs peuvent avoir l'égalité d'accès à l'information et à la fonctionnalité.
Extraits pris de Wikipedia

1. HTML structural

La plupart des réalisateurs prêtent l'attention à la présentation graphique et négligent souvent la structure du document. Un document de HTML marqué vers le haut de structurellement peut s'adapter à différents environnements. Par conséquent, un document de HTML doit être structuré de telle manière qu'il puisse lire sans stylesheet.

2. Ancres et liens

Les liens sont ce qui faits le Web le Web. On devrait fournir des liens signicatifs et devrait s'assurer que les liens sont accessibles en navigateurs basés par texte aussi bien.

par exemple

title= " du href= " mypage.html de <a " ma page " Page</a> >My

3. Texte alternatif pour des données non-textuelles

Pour fournir l'alternative des textes pour des données de non-texte comme des images vous pouvez employer l'attribut d'alt pour décrire brièvement la signification. Vous pouvez également se servir de l'attribut de LONGDESC pour des descriptions longues.

par exemple

alt= longdesc= " long desc "/> " du src= " banner.gif " de <img des textes " d'alt

De même, on devrait faire attention utilisant des liens d'image. Sans équivalent des textes, les lecteurs d'écran ne pourront pas montrer le lien. L'utilisation de fils de l'attribut d'alt peut permettre à des lecteurs d'écran d'accéder au texte de lien.

4. Tableaux

Des bouts suivants devraient être maintenus dans l'esprit en employant des tables pour la disposition :

  1. L'attribut de LARGEUR sur des éléments de TABLE, du TD, ou de TH est habituellement inutile et peut gêner l'accessibilité d'un document. Ainsi, on devrait commander tous les attributs utilisant le CSS.
  2. La rangée et les en-têtes de colonne devraient être distinctement évidents. Pour des en-têtes de colonne, le TH est préféré plutôt que le TD. La fourniture de la LÉGENDE ou du TITRE pour décrire le contenu de la table rend plus signicatif.

5. Scripting de côté de client

Le côté de client Scripting comme le Javascript n'est pas soutenu par tous les navigateurs et parfois les utilisateurs peuvent le désactiver. Par conséquent on devrait s'assurer que la page Web est même les manuscrits utilisables ne sont pas soutenues ou ne sont pas éteintes.
On ne devrait pas se fonder sur le côté de client scripting pour diriger ou regarder le contenu. Quand le Javascript est employé, il ne devrait pas être compté au moment.

6. Couleurs

Quelques vieux navigateurs ne soutiennent pas des noms de couleur. Des couleurs devraient toujours être spécifiées avec un triplet hexadécimal dans le #rrggbb ou le #RRGGBB de forme. Nous devrions nous assurer que l'information présentée par l'utilisation de couleur est disponible sans elle.

par exemple

type= " texte/CSS " de <style >

 corps {

   couleur : #000000 ;

   fond : #ffffff ;

}

</style>

7. Le texte a basé des navigateurs

Simulez la page Web sur le navigateur basé par texte tel que Lynx pour voir comment le document ressemblerait à en l'absence des graphiques.

8. Validation

La validation des documents de HTML est la plupart de part importante. Un Validator vérifie le HTML du document contre un Document type definition pour s'assurer que la syntaxe du HTML est correcte. Validez votre document pour vérifier les erreurs.

  1. Service de validation de page Web par W3C
  2. Web Accessibilty de la section 508
Bookmark nous : Emplacements bookmarking sociaux pour partager et découvrir de nouvelles pages Web.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • DZone
  • Google
  • TwitThis

Poteaux aléatoires


Signalez un commentaire ou une question



  1. (requis) (requis)

  2. (requis) (requis) (ne sera pas édité)


English flagDutch flagFrench flagGerman flagJapanese flagPortuguese flagRussian flagSpanish flag

"));