Webmaster Hub: Div scroll et accessibilité... - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Div scroll et accessibilité... Cela pose-t-il problème à quelqu'un ? Noter : -----

#1 L'utilisateur est hors-ligne   shangailily 

  • Groupe : Email Invalide
  • Messages : 66
  • Inscrit(e) : 04-mai 04
  • Genre:Homme

Posté 06 février 2006 - 15:26

Bonjour,

Je voudrais savoir si l'utilisation de la propriété CSS "overflow:scroll" pose problème à des personnes ayant un handicap. J'ai demandé à un utilisateur de Jaws qui ne voit pas d'inconvénients dans l'utilisation d'une div scrollable, il a accès à l'information de celle-ci.
J'ai testé le grossissement de caractères, cela se passe bien à condition d'utiliser des valeurs relatives.

Pensez-vous qu'il n'y aura pas de problèmes, c'est pour l'utiliser sur un site accessible ?

Merci d'avance.
0

#2 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 08 février 2006 - 18:41

Bonjour,

J'ai vérifié avec la navigation au clavier, tout le contenu est accessible en utilisant la touche de défilement.
En principe, il ne devrait pas y avoir de problème.
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#3 L'utilisateur est hors-ligne   yuston 

  • Voir le blog
  • Groupe : Membre+
  • Messages : 572
  • Inscrit(e) : 07-octobre 04
  • Genre:Homme
  • Localisation:Lausanne

Posté 08 février 2006 - 19:51

En principe, les navigateurs vocaux ou autres (destinés aux personnes ayant un handicap) ne gère pas les CSS... Donc ces navigateurs ne voient que le code HTML sans aucune mise en page!

Donc la propriété overflow n'handicape personne!
Andersen Lau - Me retrouver sur Twitter
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!
0

#4 L'utilisateur est hors-ligne   shangailily 

  • Groupe : Email Invalide
  • Messages : 66
  • Inscrit(e) : 04-mai 04
  • Genre:Homme

Posté 10 février 2006 - 10:00

Merci de vos remarques.

Yuston, concernant les CSS, là j'ai dû mal à avoir les infos précises. J'ai appris que Jaws peut comprendre les propriétés CSS comme "visibility:hidden" d'autres outils d'assistance "display:none"... Je ne sais pas trop...
0

#5 L'utilisateur est hors-ligne   Raphael 

  • Groupe : Membre
  • Messages : 565
  • Inscrit(e) : 16-octobre 03
  • Localisation:Strasbourg
  • Société:Alsacréations

Posté 10 février 2006 - 10:39

yuston, le mercredi 08 février 2006, 19h51, dit :

En principe, les navigateurs vocaux ou autres (destinés aux personnes ayant un handicap) ne gère pas les CSS...

Pas tout à fait : ils ne sont pas censés interprêter les CSS d'affichage écran (screen), mais pour les autres propriétés (notamment CSS Speech), il vaudrait mieux qu'ils les interprêtent ! :)

D'ailleurs ils ne savent pas parfois eux-même quelles propriétés CSS prendre en compte ou non (display / visibility)
Donc ne pas se fier à cette croyance.

Ce message a été modifié par Sibelius - 10 février 2006 - 10:41.

Alsacréations.com (communauté) - Alsacréations.fr (agence web alsacienne)
le livre sur XHTML/CSS
0

#6 L'utilisateur est hors-ligne   wighie 

  • Groupe : Membre
  • Messages : 19
  • Inscrit(e) : 10-novembre 05
  • Localisation:Paris, Orléans, Bordeaux, Lorient
  • Société:ALL'Net | CMS-@ccessible

Posté 12 février 2006 - 09:45

Bonjour,
En ce qui concerne la proppriété "overflow:scroll" elle ne pose aucune problème pour les utilisateurs de synthèse vocale... Cependant, elle peut poser des problèmes en terme d'ergonomie pour les mal-voyant, ou toutes personnes ayant des difficultés avec la souris. Il est parfois difficile pour des personnes âgées ou encore lorsqu'on est en fort grossissement de "travailler" avec les scroll bars. (... on peut trouver un exemple d'utilisation de l'overflow sur le site du Sénat).

De mémoire, pour Jaws (et Say it Pro), le "hidden" fait disparaitre complétement de la lecture l'élèment, tandis que le "display:none" le rend invisible uniquement à l'écran mais reste pris en compte par la synthèse.

En l'espèce j'utilise le display:none pour "planquer" (du screen) les informations de navigations spécifiques genre "Accès direct au contenu", ou encore le contenu des touches de raccourcis.
Au delà de la différence, c'est la compétence qui prime !!!
0

#7 L'utilisateur est hors-ligne   Raphael 

  • Groupe : Membre
  • Messages : 565
  • Inscrit(e) : 16-octobre 03
  • Localisation:Strasbourg
  • Société:Alsacréations

Posté 12 février 2006 - 09:57

wighie, le dimanche 12 février 2006, 09h45, dit :

En l'espèce j'utilise le display:none pour "planquer" (du screen) les informations de navigations spécifiques genre "Accès direct au contenu", ou encore le contenu des touches de raccourcis.
<{POST_SNAPBACK}>

Hello,

C'est justement le genre de manipulations à éviter (voir le lien explicatif dans mon précédent message) : "display" et "visibility" ne s'appliquent pas uniquement au media screen et un texte caché en "display none" sera aussi "caché" sur certains lecteurs d'écran. ce qui est l'inverse de l'effet souhaité ! :(
Alsacréations.com (communauté) - Alsacréations.fr (agence web alsacienne)
le livre sur XHTML/CSS
0

#8 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

Posté 12 février 2006 - 12:24

Bonjour,

wighie, le dimanche 12 février 2006, 09h45, dit :

En l'espèce j'utilise le display:none pour "planquer" (du screen) les informations de navigations spécifiques genre "Accès direct au contenu", ou encore le contenu des touches de raccourcis.
<{POST_SNAPBACK}>

A mon avis, ce n'est pas une bonne idée, même si elle est assez répandue, de cacher ces informations.

D'une part il y a l'incertitude quant à la prise en compte ou pas de certaines règles de style par les aides techniques (comme les lecteurs d'écran).

D'autre part, les indications placées en début de page et destinées à faciliter la navigation peuvent être utiles aussi à certains utilisateurs de navigateur graphique.
Exemples :
- celui qui navigue au clavier et est perdu au milieu de la page : la touche Home le ramène à ces liens et un click le ramène au menu
- les aides proposées dans la page Politique d'accessibilité peuvent être utiles aussi à des utilisateurs n'utilisant pas un lecteur d'écran (raccourcis clavier, feuille de style alternative...)
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
0

#9 L'utilisateur est hors-ligne   shangailily 

  • Groupe : Email Invalide
  • Messages : 66
  • Inscrit(e) : 04-mai 04
  • Genre:Homme

Posté 14 février 2006 - 10:22

Bonjour à tous,

Je n'utilise plus les "display:none" et "visibility:hidden" car il y a, comme le dit Monique, trop d'incertitudes...

Pour revenir à l'"overflow:scroll", j'ai pensé aux personnes malvoyantes, bien sûr. Je sais qu'il faut en limiter l'usage pour eux mais si on donne une valeur relative en "em" à la hauteur et à la taille des textes, lors du grossissement, la hauteur de la div scrollable s'agrandira proportionnellement avec la taille du texte. Là où il faut faire attention est la largeur de la div, je veux dire par là, il ne faudrait pas que l'espace alloué au contenu soit trop petit.
Voilà mes réflexions...
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)