Accessiblilité et Double Content ?

WRInaute discret
Bonjour,

Je suis en train de créer un site accessible aux handicapés, malvoyants, etc... donc comme wri, mais je vais un peu plus loin et je vais tester ça avec des vrais utilisateurs.

Pour rendre accessible le site a une sorte d'handicapés x (il y en a plusieurs), l'idéal c'est que je remette le même site dans un dossier avec d'autres feuilles de style. Deux options: préfère html (Deux même sites en html ou deux écritures php différentes pour une même page appelant des styles différents. Donc selon le cas je peux mettre du rel=nofollow ou du noindex pour les liens et écriture url succeptible d'être vue comme DC. Mais je doute fort que cela empêche à GG de voir le DC ??
Je peux mettre aussi link rel="alternate stylesheet", mais je n'ai aucune idée de comment les moteurs interpretent cette rel ???

Voilà je redoute la sanction googleuse du double content, donc est-ce terrible si je fais ça et j'interdit aux moteurs de venir voir ma dupplication du site conçue pour handicapés, bien que je considere les moteurs comme tel :wink:

Alors je laisse tomber cette partie d'handicapés ou je laisse tomber google non accessible. Lol; aimerais pouvoir concilier les deux.

Je sais que la meilleure solution serait d'utiiser les alternate style sheet des navigateurs, mais comme non dispo sur tous les navigateurs ...
 
WRInaute occasionnel
Tu laisses ton contenu et tu changes la mise en forme avec le CCS. Ce que je ne sais pas, c'est comment tu définis l'usage en fonction du handicap. Je ne suis pas assez pointu pour aller plus loin, peut-être qu'un spécialiste du sujet dans le forum pourra t'en dire plus.
 
WRInaute accro
Effectivement tu fais ton site en respectant les règles d'accessibilité. Puis tu laisse le choix du fichier css pour définir la taille de caractères par exemple.
 
WRInaute discret
Oui mackloug, merci pour ton intérêt. C'est avec le CSS qu'on fonctionne pour changer les pages.

Mais si on utilise le PHP, ça me fait deux URL différentes pour un même contenu, mais un design différent.

Par contre si fait en html. Il faut faire plusieurs pages pour le même contenu mais design différent, je crois, car chaque page appelle un design.

Comment je fais pour que GG ne voit pas dans tout ça du DC ?

- en html, le noindex et nofollow dans robots.txt (fiable ?)
- en php pour les entêtes (idem no index dans robots.txt pour les url avec css handicapés ?)
 
WRInaute passionné
Je ne comprends pas bien ton histoire de faire plusieurs feuilles de styles kasperle ...

L'accessibilité passe par une foule de petites choses comme ne pas mettre la taille des caractères avec une valeur figée en px, renseigner correctement les attributs pour les images (quand c'est nécessaire), etc. ...

Si tu as potassé un peu la question, tu dois connaitre en autres ces 2 liens :

W3C - Directives pour l'accessibilité aux contenus Web (version 1.0)

Accessiweb - 92 critères (version linéaire HTML)

Passer par plusieurs feuilles de style ne me semble pas la bonne solution pour ça :wink:
 
WRInaute discret
Oui je suis au courant des différentes directives WAI.
L'aggrandissement du texte se fait via le raccourci du navigateur (toutes mes dimensions sont en em).

En fait je cherche un truc pour différentes feuilles de style en fonction de la vision des visiteurs.
Je propose le style normal (par défaut), PLUS un style sur fond noir avec lettres blanches et un autre sans aucun style :D

Je mets en place les styles avec la balise [ link rel="alternate stylesheet" ], et le choix se fait par le menu affichage --> Style de la page.
Mais, dans ce cas, le choix n'est pas persistant de page en page. Et en plus ça ne fonctionne qu'avec des vrais navigateurs (FF, etc..) surement pas avec IE ! Marche pas non plus avec Safari d'ailleurs...

Je voudrais donc rendre ce choix persistant si les gens choisissent le style sur fond noir (par ex). Pour faire ça j'ai le choix entre :

Un fichier de configuration php qui me donnera des urls du style [index.php?set=fondnoir] ou puisque je ne propose que 2 styles alternatifs, je pensais à de simples liens qui envoient vers un sous dossier avec la (les) pages alternatives.

Is that clear enough ?

K.
 
WRInaute discret
'jour
Et si tu ne faisais qu'une seule version, en PHP ou en HTML (x de préférence :p) ... accessible à tous ? pourquoi te compliquer la vie.
Si tu en as pris connaissance, comme je l'ai compris dans ton propos plus haut, tu appliques directement les recommandations d'accessibilité :
construire ton style directement en le codant de façon à ce qu'il soit "navigable" au clavier, renseigner tes tabindex (et encore une bonne déclinaison de titres et une arborescence intelligente, évite bien des tabindex...) pense aux lecteurs vocaux etc...


ah, oui, il n'y a pas que les handicapés :) il y a les "gens" qui désactivent Javascript, qui n'aime pas avoir à installer un log ou un plugin spécifique pour surfer sur ta vague... Ceux qui sont Linux, MAc (avec ce foutu IE 5) qui ont un navigateur non graphique sur leur distrib... fais toi un *htm delorie (vide) que tu envoies sur ton serveur et va sur cette URL, tester comment lynx te voies (avec son fameux oeil)
http://www.delorie.com/web/lynxview.html

bref que ton contenu soit visible, OU accessible (braille etc) par tous.

et ton site sera accessible

pas besoin de deux versions, si tu fais l'effort de coder en ce sens justement pour les handicapés, oublie le côté obscur de la force, le tag soupe et les fantaisies de contenu du style "tout flash" etc... heu c'est sympa le Flash, j'adore mais il faut en ce cas donner une version visible autre, ne serait-ce qu'à Gogol 1er :P

sinon, pour les couleurs, le changement se fait bien via une CSS... et c'est tout simple à réaliser.
 
WRInaute discret
Ben euh, c'est que j'aime bien me compliquer la vie moi, m'enfin :D

En fait mes pages sont en xhtml strict, je pense avoir pas mal lu sur la question de l'accessibilité. J'ai même installé Lynx sur mon Mac pour tester mes sites !
Je ne suis pas non plus un fana du flash et encore moins des javascript. J'essaye toujours, quand c'est possible, de trouver une alternative en CSS.
Merci OpenWeb, Pompage, Alsa et le génial cssPlay de stu Nicholls.

Sinon pour tester l'accessibilité il y a aussi le redoutable http://webxact.watchfire.com/. J'utilise aussi celui de apinc.org. Sinon une très bonne liste sur le forum d'Alsa : http://forum.alsacreations.com/ad-6-30-Ressources-sur-lAccessibilite.html
et aussi sur le W3C http://www.w3.org/WAI/ER/tools/complete

L'histoire des styles alternatifs, notament sur fond noir c'est pour essayer de proposer une alternative aux gens qui rencontre des problèmes de vision. D'où la question du "style switch" via php ou simplement en xhtml. Double Content or not ??

Je m'interesse en effet aux histoires de couleurs, de contraste, etc... C'est assez hard de gérer les Protanopia, Deuteranopia et autres... :roll:

D'ailleurs Fujitsu propose 2 bons outils : 1 pour les couleurs (ColorSelector) et un autre pour l'accessibilité (Web Accessibility Inspector)
http://www.fujitsu.com/global/accessibility/assistance/wi/

Mais Quid du DC avec ces CSS alternatifs ?
 
WRInaute discret
kasperle a dit:
Mais Quid du DC avec ces CSS alternatifs ?

Mais heuu !
Ta CSS n'a rien à voir avec ton content :D
Le style et le contenu, justement, sont séparés dans ce cas, aussi tu pourrais bien appliquer à tes pages une centaine de feuilles de style, Google, bien qu'il voit double :p serait tout de même "content" :D

Il n'y a pas de double content avec des css alternatifs... (ou je ne comprends pas ta question^^)
 
WRInaute discret
Oui je sais bien que le style et le contenu sont séparés. Mais :

Cas 1:
Schéma structure xhtml simple (sans utiliser le menu affichage style proposé par FF)

Dossier racine : index.html, page1.html,.. = style normal + lien texte qui propose style fond noir -->

Dossier racine / dossier noir / index.html, page1.html,... = style noir + lien texte pour retour style normal <-->

===> si je ne m'abuse il y a bien un Double Content (DC) !

Cas 2 (avec fichier conf php)

Dossier racine / index.php, page1.php,... / style avec switch_ini.php dedans. = Pas de double page MAIS URL's différentes en fonction du style affiché.

===> Vlan DC pour GG. Deux URL's correspondent à la même page, même si effectivement il n'y en a qu'une seule physiquement.
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut