-
Compteur de contenus
4 579 -
Inscrit(e) le
-
Dernière visite
Tout ce qui a été posté par Monique
-
C'est tout simplement la reconnaissance de la qualité d'un outil... donc du travail que cela représente
-
Ma petite check list accessibilité
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour, Si l'attribut alt est obligatoire, il est tout aussi important que son contenu soit significatif et adapté au contexte. Dans la mjorité des cas, l'attribut alt d'une image décorative devra être vide. La formulation prête à confusion et pourrait faire croire que la page n'est pas accessible du tout... elle l'est de niveau 1 strong ne sert pas à mettre en gras (même si c'est le comportement de la plupart des navigateurs graphiques) mais à marquer l'importance d'un texte. Pas très clair... le doctype doit être renseigné et la structure de la page doit correspondre à celui qui est choisi. Le terme "langue" me semble plus approprié. Pour les tableaux de données, il est important d'utiliser l'attribut headers (trop peu connu). Préciser l'usage de la balise label et des attributs id et for. Important aussi : ne pas placer de liens vers des cibles différentes sur le même texte. PS : plutôt que "technologies non supportées", parler de "balises dépréciées" C'est un excellent exercice que tu as fait... ça aide à mieux cerner les problèmes soulevés -
Bonjour, Oui mais... il y manquait quelque chose
-
Mise en page par tables et accessibilité
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour Wanbli, Une des grosses difficultés quand on a appris a travailler avec les tableaux, c'est de se défaire de l'idée que "cellule = div". Il faut s'habituer à utiliser des balises spécifiques. Un exemple pour afficher une alternance du genre texte image image texte texte image basé sur l'article Boîtes bloc, boîtes en ligne et propriété display d'Openweb la css .enligne li { display: inline; list-style-type: none; padding: 0.5em; margin: 1em; width: 10em; } img { border: 0; vertical-align: middle; } le html <ul class="enligne"> <li>texte texte texte texte</li> <li><img alt="hub" src="hub.png" height="80" width="140" /></li> </ul> <ul class="enligne"> <li><img alt="hub" src="hub.png" height="80" width="140" /></li> <li>texte texte texte</li> </ul> <ul class="enligne"> <li>texte texte texte texte texte</li> <li><img alt="hub" src="hub.png" height="80" width="140" /></li> </ul> Cela te donnera la même disposition qu'avec un tableau de 2 colonnes et 3 lignes. -
Mise en page par tables et accessibilité
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour, Jusqu'il y a peu, ma réponse aurait été catégorique : pas de tableau pour la mise en page ! Aujourd'hui j'hésite, notamment depuis que j'ai testé des sites avec Lynx et Jaws. Ce qui est absolument à éviter, ce sont les tableaux imbriqués bien sûr puisqu'ils ne permettent en aucun cas une lecture des informations dans un ordre logique. Je t'invite à relire Les critères d'accessibilité d'un site où yobiwan s'est battu seul contre tous Oui c'est possible, mais il faut veiller à ce que les informations soient réparties dans le tableau de manière à être lues de manière logique (comme s'il n'y avait pas de tableau, ce qui peut se tester avec Opera en décochant l'option "Tableaux" dans Fichiers>Préférences>Style de la page>Mode utilisateur). Il ne faut pas utiliser les balises th et caption, à réserver aux tableaux de données. Et bien sûr ne pas utiliser de tableaux imbriqués. -
Menus déroulants accessibles?
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour, Je ne peux qu'appuyer cette position. Même si le problème des couleurs peut être résolu, il en est un qui subsitera vraisemblablement : la perte du focus... et la disparition des choix possibles. Cela affecte les mal-voyants qui utilisent un système de loupe, mais aussi tous les maladroits qui maîtrisent mal les mouvements de la souris (et je parle d'expérience... combien de fois un tel menu - y compris ceux des logiciels - ne s'est pas "refermé" parce que je n'arrête pas à temps le déplacement de ma souris !). -
Oui... j'avais mal compris Sans les images, il est difficile d'imaginer l'effet à obtenir et impossible de faire un essai. Mais un point me turlupine mais je n'ai pas eu le temps de creuser : c'est dans la cellule du milieu que l'image de fond doit se répéter en fonction de la taille du taleau ? Alors pourquoi attribues-tu une largeur fixe dans sa règle de style ?
-
Bonjour gillouxx, Et bienvenue sur le Hub Je ne comprends pas bien ta démarche... Tu veux que l'image se répète sur toute la largeur du tableau ? Alors pourquoi attribuer ton style de fond à une seule cellule ? Je verrais plutôt - dans la css .fond { background-image: url("images/barre_haut_02.gif"); background-repeat: repeat-x; } et dans le html <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr class="fond"> <td width="86%"><img src="images/barre_haut_01.gif" width="790" height="180"></td> <td width="8%"> </td> <td width="6%"><img src="images/barre_haut_03.gif" width="177" height="180"></td> </tr> </table> Est-ce bien l'effet que tu veux ?
-
Bonjour ste, Pourquoi utilises-tu la balise <map> alors qu'il n'y a pas de <area> ? J'avoue ne pas comprendre. Je préfèrerai "Description détaillée de la photo" plutôt que "Longue description de la photo" Mais je ne comprends pas trop ton utilisation des longsdc non plus, puisque le texte s'affiche directement sous la photo. Et sur le plan puremment visuel, il serait mieux de décoller ton contenu des bords de la page.
-
Bonjour storm, Et bienvenue sur le Hub C'est toujours un plaisir de lire de tels propos... cela signifie que le travail des fondateurs/modérateurs ainsi que la participation active et constructive de nombreux membres portent leurs fruits
-
Menus déroulants accessibles?
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour, Ce menu a exactement le même problème que celui d'Openweb si on supprime la couleur ! Il sera accessible aux non-voyants mais pas à certains mal-voyants. -
Bonjour Michel, Pour une réponse plus précise, il serait utile de savoir quelle est la page tu as soumise au validateur. Quel doctype as-tu utilisé ? Si c'est en strict, le target_blank n'est pas autorisé. Pour le textarea, je pense que la réponse de ste devrait t'aider à trouver
-
Bonjour, Pourquoi répètes-tu le lien vers la page d'accueil et le forum tout en haut de la page... cela n'apporte rien à mon avis. A la place tu pourrais placer un lien "Aller au contenu". Cela te permettrait de laisser tes blocs comme ils sont mais donnerait au visiteur la possibilité de sauter les menus s'il le souhaite (disposition recommandée par Accessiweb).
-
Menus déroulants accessibles?
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour, J'ai fait une recherche sur "accessibility" dans les archives de la mailing list, la notion d'accessibilité ne semble quand même pas négligée... Question posée le 9 juin 2004 Réponse Le sujet est abordé aussi dans ces discussions : - Why not JavaScript? - Suggestion for a Specification: XUL Basic -
Menus déroulants accessibles?
Monique a répondu à Sebastien - Forum : Accessibilité et Ergonomie Web
Bonjour Emmanuel, Et bienvenue sur le Hub Tant que tu es tout rouge (il n'y a pourtant pas de raison pourtant puisque Laurent n'a dit que la vérité ), j'en profite pour ajouter ma voix... Je suis vraiment très heureuse de te retrouver ici et toute rouge aussi de pouvoir compter sur la participation de tant de membres de qualité sur le Hub (le groupe Open Web, celui des Pompeurs, les bloggeurs et autres experts...) -
Bonjour lorec, Et bienvenue sur le Hub Nous attendons tes questions de pied ferme !
-
Bonjour bouffon3000, Et bienvenue sur le Hub Tu as déjà le souci de bien faire, tu as su éviter le piège de la reproduction de sites existants en travaillant à ta manière... et tu t'es inscrit sur le Hub ! Tous les ingrédients sont réunis pour que ton site gagne en qualité et rencontre un beau succès Pour améliorer la face cachée de ton site (le code), je t'invite à lire les articles de la partie Publications du Hub, à parcourir des discussions au grè de tes intérêts bien sûr et à lire ces deux articles : - Écrire une page Web - CSS débutant Cela te montrera la voie à suivre pour obtenir des pages de qualité. N'hésite surtout pas à poser des questions dans les rubriques concernées
-
Bonjour Et bienvenue sur le Hub Cet article Optimiser le poids et les mises à jour de son site web résume bien les avantages des deux techniques qui pourront t'aider à améliorer ton site : les feuilles de style (css) pour la mise en forme (dans un premier temps... tu verras qu'il est possible d'aller beaucoup plus loin ) et php pour oublier les cadres (sources de nombreux problèmes). Outre cet article et celui cité par pierredureau, je ne peux que te recommander de parcourir les autres pages d'Openweb et de Alsacreations... deux sites indispensables à tout webmaster ! J'en ajouterai un troisième : Pompage.net Et je te donne rendez-vous dans les rubriques (X)HTML & CSS, Accessibilité, PHP & mySQL...
-
Bonjour yamo, Et bienvenue sur le Hub Après avoir visité ton site, je suis persuadée qu'il doit être un régal pour les amateurs de rap ! J'espère qu'en parcourant le forum tu trouveras les informations que tu cherchais mais aussi que tu y découvriras d'autres moyens d'améliorer plus encore ton site.
-
Bonjour Michel, Et bienvenue sur le Hub Je peux donc penser que, après t'avoir connu grâce au concours, nous allons bientôt te retrouver dans les autres rubriques du forum !
-
Bonjour Valérie, Et bienvenue sur le Hub Je suis persuadée que tu trouveras des occasions d'apporter ton aide bien plus vite que tu ne le crois !
-
En voilà une... tu comprendras le Pour le span dans le h1... j'insiste, je ne comprends pas son utilité PS : je n'ai pas résisté à l'occasion de vous montrer ce qui me fait toujours rire quand j'ouvre IE... regardez le logo devant test-jaws.html dans la barre des liens
-
Bonjour, Je reviens sur deux points soulevés par Pierre. Pourquoi un span dans le h1 puisqu'il concerne la totalité du texte ? Pourquoi ce h2 vide, avec une image en background qui n'est pas visible ? J'ai fait un essai avec IE... c'est lisible mais tout le texte est centré
-
Bonjour Steve, Et bienvenue sur le Hub Tu étais vraiment presser de venir tout casser... tu n'as même pas attendu le 20 juin
-
Bonjour Hadrien, Et bienvenue sur le Hub Je vois que le tam-tam fonctionne bien dans la blogosphère... et j'en suis très heureuse. J'espère que tu te plairas aussi ici