// * un site "Accessible" *_____

à jour le
29 fév. 2004

Eric Pichon  

 

suite...voir lien en bas de page

 

attributs d'accessibilité des imagesEssayez de rendre votre site le plus accessible possible aux personnes handicapées (notamment malvoyantes)

Soignez les éléments les plus "sensibles" de vos pages

Pour en savoir plus : Plongez dans l'accessibilité !
(30 jours pour rendre un site web plus accessible) voir le site

Fonction de Dreamweaver

accessibilité des tableauxDreamweaver vous propose lors de l'insertion des images, tableaux, formulaires de renseigner des attributs d'accessibilité (à condition d'avoir choisi cette option dans le menu Edition > Préférences) .

Utilisez plusieurs feuilles de style

Il suffit placer dans l'en-tête (entre <head> et </head>) un lien vers plusieurs feuilles de style, qui seront utilisées alternativement selon le "contexte".

Bien sûr, vous aurez au préalable créé chacun des fichiers CSS avec les styles appropriés : cela sera d'autant plus performant si vous avez parfaitement séparé le fond (l'information donnée par la page web) de sa mise en forme (la présentation déterminée par l'une ou l'autre des feuilles de style), notamment en préférant les calques aux tableaux de mise en page.

Feuilles de style différentes selon le navigateur

<!--[if IE]> <link rel="stylesheet" type="text/css" href="styleIE.css" /> <![endif]-->

<!--[if IE]> et <![endif]--> ne sont reconnues que par Internet explorer ; les autres navigateurs interprèteront tout ce qui se trouve entre <!-- et --> comme un commentaire et le "sauteront"

(source et autres "trucs" : "Hiding Your Cascading Style Sheets" / about.com )

Feuille de style différentes selon l'usage (écran, impression, vocal, braille).

L'attribut "media" précise à quelle "sortie" s'applique la feuille de style :

Tout media :

<link rel="stylesheet" type="text/css" media="all" href="/style.css" />

Ecran :

<link rel="stylesheet" type="text/css" media="screen" href="/ecran.css" />

Impression :

<link rel="stylesheet" type="text/css" media="print" href="/imprime.css" />

Navigateur vocal :

<link rel="stylesheet" type="text/css" media="aural" href="/vocal.css" />

Navigateur braille :

<link rel="stylesheet" type="text/css" media="braille" href="/braille.css" />

 

retour en haut de la page Malheureusement Dreamweaver ne gère pas toutes les possibilités des feuilles de styles non destinées à l'écran (par exemple type d'intonation pour la lecture): utilisez plutôt un logiciel de gestion de CSS comme TopStyle.

Creative Commons.. BY:NC:SA: -Attribution : ce site peut être reproduit et distribué à condition que l'auteur initial, eric pichon, soit cité.- Non commercial : aucune adaptation, reproduction ou utilisation de ce site ne peut être faite à des fins commerciales, sans accord de l'offrant ('licensor') - Partage à l'identique : des adaptations de ce site ne peuvent être diffusées que sous une autorisation identique.

retour en haut de la page - une autre page >