Larme d'étoile
Cette citation du site "poésie Française" est la reconnaissance de tous mes efforts pour rendre mon site accessible au plus grand nombre.
Si toutefois vous veniez à rencontrer des difficultés pour appréhender certains contenus, n'hésitez pas à m'écrire et je ferai tout mon possible pour vous venir en aide.
Respect des normes du W3C
Les normes du W3C permettent de spécifier les règles d'utilisation des technologies utilisées sur Internet afin de garantir leurs compréhensions par tous les navigateurs respectueux des standards...
Toutes les pages de ce site sont conformes à la norme XHTML1.0
strict Le XHTML est un langage de balisage pour les pages Internet. Il facilite la séparation du fond et de la forme.
Le code CSS de la feuille de style est conforme à la spécification
CSS 2.0 L'utilisation d'une feuille de style permet de spécifier la forme du contenu et de placer les différents éléments sur la page.
Toutes les pages de ce site respectent les directives sur l'accessibilité
aux contenus du W3C concernant les priorités 1 et 2, ont été
validées notamment grâce au validateur bobby.- Une prochaine version de Larme d'étoile apportera de nouvelles améliorations notamment pour satisfaire à la priorité 3. Il est également possible que pendant quelques jours certaines pages soient non conformes dans l'attente d'une validation des corrections en ligne de ma part.
Utilisation de raccourcis clavier
Sur windows le raccourci clavier s'utilise avec la combinaison de touche alt + maj + acceskey . Sur macintosh cela est possible en faisant ctrl + accesskey ou pomme + accesskey .
Voici la liste des raccourcis clavier qui sont utilisés sur Larme d'étoile :
- 1 - Page d'accueil
- 2 - Ecrivez-moi
- 8 - Information sur les droits d'auteur
- 9 - Vos avis sur le site
- 0 - Politique d'accessibilité
L'utilisation de liens réels
Tous les liens de ce site, sont de la forme <a></a>. Aucunes redirections java script, ou des liens masqués par du DHTML ne sont utilisés. Cela est primordial pour l'accessibilité du site, notamment pour les personnes malvoyantes utilisant des logiciels de navigation spécifiques, incapables de suivre des liens dynamiques.
Ajout de titres aux liens
Tous les liens sont commentés et explicités grâce à
l'attribut" title". Celui-ci permet aux logiciels de navigation "vocale"
de les énoncer clairement et d'une autre voix, mais permet aussi d'afficher une bulle de
description du lien concerné.
Une organisation cohérente des liens de navigation
- Les menus de navigation reflètent la structure de l'information (priorité 2). Ils sont présents sur chaque page, et donnent accès à l'ensemble du site en permanence (priorité 3) ;
- les liens apparentés sont regroupés logiquement et structurellement. (priorité 3) ;
- les liens adjacents sont séparés par des caractères imprimables afin d’éviter leur confusion par les technologies d'assistance (priorité 3).
Ne pas ouvrir de nouvelle fenêtre
Tous les liens de Larme d'étoile s'ouvrent dans la même fenêtre, afin de faciliter la navigation de l'internaute et lui laisser la liberté d'utiliser le bouton "précédent" pour revenir au contenu qui l'intéresse. Aucun "pop-up" n'est donc présent sur Larme d'étoile.
Une bonne gestion des images
les images sont par définition un obstacle à toute personne malvoyante. Pour pallier à ce problème, Larme d'étoile utilise plusieurs procédés :
- les images non significatives (le logo, la lune, ect...) sont masquées par la feuille de style lorsque celle-ci est désactivée et remplacées par leur équivalents textes grâce à la technique de remplacement de texte en css.
- Toutes les images significatives sont accompagnées de l'attribut "
alt" qui permet de donner une description à celle-ci. Cela bénéficie aussi aux autres personnes qui peuvent consulter le descriptif en passant la souris dessus, ou encore lorsque le chargement de la page est ralenti le texte de l'image apparaîtra avant celle-ci. - La mise en page de Larme d'étoile n'utilise pas d'images invisibles (priorité 1).
Couleurs
- le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est testé à l'aide du simulateur Vischeck (priorité 2).
- Les couleurs peuvent également être désactivées en choisissant la feuille de style basic pour une meilleure visibilité (à venir très prochainement).
Langue
L'identification de la langue est importante dans de nombreux cas. Les personnes
malvoyantes en bénéficient grâce à leur navigateur
vocal qui sait en quelle langue il doit interpréter le site.
La langue principale de chaque page est donc spécifiée dans les
attributs xml:lang et lang de l'élément html (priorité
3).
Structure et présentation
Tout comme la navigation, la structure de la page et sa présentation doivent être longuement réfléchies. Pour permettre une meilleure accessibilité au contenu :
- l'utilisation des propriétés de positionnement CSS, en séparant totalement présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, contenu, menus (priorité 1) ;
- Larme d'étoile est organisé en sections regroupant les poèmes par thèmes (priorité 2) ;
- la mise en page de Larme d'étoile repose exclusivement sur des feuilles de style externes (priorité 2) ;
- les pages de Larme d'étoile sont structurées à l'aide
des titres
h1…h6, employés dans l'ordre approprié (priorité 2) ; - les informations formant des listes d'items sont balisées à
l'aide des éléments
ul,oletdl(priorité 2) ; - le style de présentation de Larme d'étoile est cohérent sur l'ensemble du site, une feuille de style unique étant utilisée (priorité 3).
Redimensionnement
afin de permettre aux utilisateurs de modifier la présentation de Larme d'étoile, et spécialement la taille des caractères affichés, la mise en page repose sur l'emploi d'unités relatives (em et pourcentages) plutôt qu'absolues (pixels) (priorité 2) ;
Métadonnées
les pages de Larme d'étoile utilisent un jeu de métadonnées normalisées (Dublin Core - priorité 2).
Formulaires
- chaque élément apparent des formulaires est associé à un élément label (priorité 2) ;
- Les champs du formulaire sont regroupés de manière logique grâce
à l'attribut
fieldset
Rakmai.
Je soutient également la démarche de mon amie Héloise, Psychologue en ligne de la santé qui a fait le choix de proposer des consultations psychologiques en ligne afin de rendre accessible au plus grand nombre l'accès à une aide psychologique.