Monique

On n'est pourtant pas le 1er avril

Qu'est-ce que ce site sans queue ni tête

Par quel "heureux" hasard as-tu trouvé cela, BZHcool ?

Bonjour,

Non, ce n'est pas encore possible. C'est prévu dans la version CSS3 en préparation.

Bonjour smile2,

bienvenue sur le Hub

... et dans le monde des sites conformes et accessibles

Ta question me réconforte : la notion d'accessibilité fait son chemin chez les sociétés demandeuses de sites Web

Elle me désole aussi : elle soulève la situation dramatique de l'esprit de travail dans les formations actuelles

Tu dois distinguer l'utilisation du site par des mal voyants ou des non voyants.

Pour les premiers, le principe essentiel à respecter est l'utilisation de valeurs relatives (pour les différents blocs, pour les polices), de manière à ce qu'ils puissent adapter la taille de l'affichage à leurs besoins.

Pour les seconds, il faut toujours avoir à l'esprit qu'un aveugle ne peut pas se faire une idée d'ensemble d'une page ! Il prendra connaissance des informations une à une, dans l'ordre où elles apparaissent dans le code.

L'utilisation de tableaux pour la mise en page brise la logique du contenu.

Tu dois donc utiliser des blocs (div, p, ul...) pour structurer le contenu, des feuilles de style pour en définir la mise en forme et la mise en page.

Pour te faire une idée plus précise, je te recommande la lecture de l'article sur l'accessibilité dans la partie Publications du Hub. Tu y trouveras aussi quelques liens indispensables.

Cela te permettra de démarrer dans la bonne direction... et ensuite, de venir parler des difficultés rencontrées, de l'évolution de ton travail

Bonjour,

D'une manière générale, j'ai beaucoup de visites venant de "petits" annuaires.

Sont largement en tête : lesannuaires et planete-education.

Viennent ensuite liensutiles, abc-sites, belgasites et des annuaires thématiques (sports et athlétisme).

et aucune réponse aux e-mails...

Bonjour maïsse,

As-tu essayé en envoyant un e-mail via le Hub ? Tu aurais peut-être plus de chance

Bonjour maïsse,

Je viens d'essayer... j'ai eu accès au site et à mes statistiques sans problème.

Je sais que beaucoup de forums ont dû en arriver là et c'est vraiment désolant

Ne serait-il pas possible de trouver un moyen d'accès réservé à ceux qui ont des problèmes visuels ?

Peut-être contacter un administrateur pour une inscription manuelle ?

Bonjour Marie,

Cependant il n'a pas pu s'inscrire : lors de l'inscription on doit recopier un code sur une image, ce qui est "transparent" pour un non voyant.

J'apprécie beaucoup la participation de Patrice.

Je suis persuadée ces échanges seront enrichissants.

Alors là... je reste sans voix, mais des larmes de bonheur dans les yeux !

Merci pour ce merveilleux cadeau

et gros bisous à toutes et à tous

Si cette technologie tarde à se mettre en place c'est justement parcequ'elle doit faire face aux réticences des vieux de la vieille qui ont appris une manière de travailler et ont du mal à s'en défaire.

Bonjour,

L'article du mois du site Pompage.net aborde ce problème délicat avec la traduction d'un article de Al Sparber Clarence the pony. Le problème de l'immobilisme professionnel y est abordé avec beaucoup d'humour, la conclusion est pourtant sans appel :

...

Ne pas se mettre à CSS, c'est un peu un lent suicide professionnel.

...

Le fait est qu'on ne peut jamais arrêter d'apprendre. Le jour où vous croyez savoir tout ce qu'il y a à savoir, vous êtes de train de tourner en rond.

Al Sparber est l'un des fondateurs de Project VII, un site (anglohone) incontournable et riche en ressources pour la création de pages web.

Cette équipe a créé quelques-unes des Extensions Dreamweaver les plus intéressantes.

Bonjour Perle d'Argent,

Je ne sais pas si des signatures venant de pays autres que la France sont valables...

La souffrance n'a pas de frontière, en Belgique aussi subsistent bien des points noirs, j'ai vécu les souffrances d'un enfant (le fils d'amis) qui a eu la chance de s'en sortir...

j'ai donc signé la pétition.

Bonjour Fruge,

Je te rassure, ce n'est pas la fatigue

Centrer un texte ou un bloc verticalement n'est pas si évident.

En effet, l'attribut vertical-align ne permet ni de positionner un texte (ni aucun type de bloc) verticalement dans un bloc.

La solution : utiliser des marges négatives.

Un exemple : Dead Centre si tu affiches le code source de la page, tu verras notamment le style de ces deux blocs

#horizon        
	{
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#content    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	margin-left: -125px;
	position: absolute;
	top: -35px;
	left: 50%;
	width: 250px;
	height: 70px;
	visibility: visible
	}

Un autre exemple sur alsacreations

Voilà, il ne te reste plus qu'à adapter à ta page

Bonjour,

Pour un webmaster, il est difficile d'imaginer comment un non voyant perçoit Internet et les sites qu'il visite.

Je vous propose de lire deux interviews.

Celui de Dany Lejolivet, assistant chef de projet, publié le 28 novembre 2003 sur le site AccessiWeb.

Celui de Gilbert Montagné, chanteur, publié en 2000 sur le site Handinaute.

Trois ans séparent ces interviews... et pas de grands changements !

Je devrais dire "pas de grands changements visibles".

Jusqu'il y a peu, le combat restait assez confidentiel et limité aux groupes et associations spécifiques aux problèmes des handicapés.

Mais de plus en plus de communautés de webmasters emboîtent le pas et défendent l'accessibilité, les gouvernements de plusieurs pays abordent le sujet (lois, décrets ou circulaires), le grand public a été assez largement informé dans le cadre de l'année européenne de la personne handicapée... beaucoup reste à faire, mais des étapes importantes ont été franchies.

Bonjour,

Tristan Nitot était présent à AccessiWeb.

Vous pouvez lire son compte rendu sur son site StandBlog.

Il fait part d'un regret majeur à la suite de ce séminaire : le rôle et l'importance du respect des standards pour l'accessibilité ont été plus ou moins oubliés

Bonjour Bob,

J'ai fait un essai sans php, c'est bon.

Je suppose donc que l'utilisation de php est la cause du problème.

Mais là, je manque d'expérience

Bonjour Régis,

Pas de problème d'affichage chez moi !

C'est quand même étrange, cette réaction de tes pare-feu...

L'essentiel est quand même que tes pages soient belles et s'affichent correctement pour tout le monde

Erreur de frappe ou de copié-collé, je ne sais pas, il manque le mot alt pour certaines images

<IMG src="../photos/lecrotoy/crotoy8_s.jpg" border=0 Photo chevaux sur la plage du Crotoy>
au lieu de 
<IMG src="../photos/lecrotoy/crotoy8_s.jpg" border=0 alt="Photo chevaux sur la plage du Crotoy">

si je ne dit pas de connerie, le style des liens est par défault défini dans les feuilles de styles via a:active a:link a:hover et a:visited

Tu ne dis pas de connerie beatnykk

J'ajoute seulement une précision importante mais souvent ignorée :

pour que l'effet hover puisse être actif sur les différents états du lien, sa définition doit absolument être en fin de liste

=> :link, :visited, :hover

Effectivement, la valeur par défaut des liens sont celles soit du navigateur, soit de l'utilisateur (qui peut avoir défini sa propre feuille de style)

Bonjour Bob,

Petite précision : dans ce cas, il est question d'héritage et non de cascade.

Et la notion d'héritage n'est pas simple à maîtriser

La propriété text-decoration, par exemple n'est pas héritée.

Tu peux trouver la liste complète des propriétés avec les valeurs possibles, leur valeur par défaut...

De plus :link est une pseudo-classe et ne fait pas partie de ce qu'on appelle l'arbre du document dans lequel chacun des éléments a un seul parent (=> héritage)

Si tu ajoutes ce style, cela devrait marcher

.chemin a:link {
color: #666666;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}

Je pense que dans le référencement tout est faisable dans la mesure où rien n'interdit de faire telle ou telle chose. Après, si certains filtres sont mis en place pour interdire certaines choses, c'est que ce n'était pas bien, entre temps, c'est autorisé.

Le problème, c'est que l'humain est cupide... en vue de profits divers, il abuse de ce qui est autorisé, avec les conséquences négatives que l'on connaît.

Puis, vouloir penser aux internautes, c'est une bonne chose, mais je connais aucun média qui met en avant ses lecteurs, ses spectateurs avant son portefeuille.

PS : au lieu de "l'humain", j'aurais pu utiliser l'expression favorite des hommes (et des femmes...) politiques aujourd'hui, du moins en Belgique, "les femmes et les hommes"

Bonjour HadaDeLaluna,

mon intervention visait uniquement à replacer le terme cahier des charges dans son acceptation réelle et professionnelle

il n'y a pas de réglementation du Webdesign et de la conception informatique (comme pour l'architecture, la coiffure ou la boucherie par exemple) donc, c'est au client d'arriver avec sa check-list et de vérifier que c'est bien ce qu'il cherche...

c'est pour cela aussi que des cabinets de conseils comme ceux qui m'emploient offrent des prestation de conception de cahiers de charges, car bien souvent les clients sont face à des problèmes complexes où ils doivent connaitre suffisamment le métier des fournisseurs pour être sûr que ce qu'ils achètent leur ira...

Progrès à faire...

Voilà, je me doutais bien que je trouverais la solution dans la documentation sur l'accessibilité !

Si Lynx Viewer ne sait pas suivre ton lien, un non voyant ne le pourrait pas non plus

Il s'agit bien d'un problème lié au JavaScript.

Cette solution pourra peut être t'aider.

PS : un élément FORM ne peut contenir que des contrôles comme INPUT, SELECT, TEXTAREA, et BUTTON... donc pas de P

Bonjour,

Je viens de relire cette discussion.

J'ai appris beaucoup de choses sur l'aspect technique d'un cahier des charges et c'est important à connaître.

Et pourtant, je suis déçue par rapport à l'esprit dans lequel j'ai soulevé le problème...

C'est parce que j'ai été interpellée par des cas concrets de sites non conformes bien que réalisés par des professionnels, que j'ai cherché à comprendre. C'est la lecture de deux articles qui a motivé mon intervention, je vous en livre des extraits.

Un article de Karl Dubost (auteur des traductions françaises des spécifications du W3C et travaillant pour ce même groupe) : Une agence Web et son client

Que faire quand une agence Web ne réponds pas à vos exigences, quand il semble qu'elle n'a même pas lu le cahier des charges. C'est tellement catastrophique que je me demande ce que je dois en penser et où faut-il agir ?

- Rédiger un petit guide pour le client pour apprendre à négocier ses choix face à une agence Web.

- Démarrer une agence de consultation Web qui permet d'accompagner les clients dans leur négociation face à une agence, un peu comme on le ferait avec un expert comptable.

- Publier des articles dans la presse en montrant comment les agences répondent à un appel d'offres et sans cacher le nom de ces agences. Je ne parle pas de ce dossier bien sûr.

- Autres idées ?

La traduction en français par Fabrice Bonny (membre de l'Open Web Group et travaillant pour une Web Agency qui développe des sites conformes et accessibles... ben oui, cela existe ) d'une publication du W3C, un document qui "détaille les bénéfices induits par l'utilisation des normes" : Acheter des sites Web conformes aux normes

Êtes-vous sur le point de commander un site Web à une Web Agency, ou peut-être au service communication ou informatique de votre société ? Vous déléguez la création de votre site à une autre entreprise ? Alors, vous êtes probablement conscient que l'établissement d'un cahier des charges adapté aidera à créer un produit fini de meilleure qualité dans un délai plus court. Vous appuyer sur des normes ouvertes peut vous aider dans cette tâche.

...

En utilisant des normes, votre site Web est bâti sur des technologies qui ont été développées et testées par des experts prépondérants de la communauté Web.

...

N'avez-vous jamais eu des difficultés à réutiliser du code existant produit par un fournisseur de format ? Même si ce n'est pas le cas, vous pouvez être sûr que tout ce qui est développé pour un produit unique (le navigateur X est le plus populaire, pourquoi se soucier des autres ?) ou utilisant des technologies non conformes ne pourra suivre les évolutions exigées par le temps et vos besoins, ce qui implique un coût élevé de maintenance.

...

Vous devriez définir la conformité aux normes en tant que principe général, mais avoir une véritable liste des pré-requis simplifiera certainement la vie de chacun :

- Utiliser du (X)HTML valide

- Utiliser massivement des CSS valides

- Utiliser HTTP proprement

- Utiliser SVG et PNG pour la partie graphique

- Utiliser des techniques rendant votre contenu accessible

- Utiliser des langages de script normalisés

Le respect de ces principes n'a rien à voir avec l'importance et le niveau de complexité de la partie fonctionnelle du cahier des charges.

Mais il y a visiblement un manque d'informations, d'intérêt aussi sans doute, tant chez les clients potentiels que chez les professionnels de la création web.

Il serait absurde d'exiger de chacun de maîtriser l'aspect technique d'un produit ou d'un service qu'il veut acheter. Par exemple, je sais juste que toutes les pièces de viande ne sont pas adaptées à toutes les recettes, cela me permet pourtant de demander à mon boucher le morceau adapté à une préparation bien précise. Il appartient au boucher de bien choisir, découper dans les règles de l'art...

Il est inacceptable aussi qu'un client soit "trompé" quand il commande, en toute confiance, la réalisation d'un site à une agence dont il est en droit d'attendre un travail correct.

Bonjour,

Dams et smile, j'allais abonder dans votre sens : définition trop restrictive.

Mais j'ai relu plus attentivement la définition de thierryf, il y est question de "pages uniquement destinées aux robots des moteurs de recherche".

Des techniques comme l'URL rewriting (URL plus parlantes), les échanges de liens (suggestion d'autres sources d'information), l'optimisation du code (contenu bien structuré)... employées à bon escient, sont aussi bénéfiques pour les internautes, il me semble.

Bonjour Thierry,

C'est une colle ça

Ni un navigateur, ni un robot ne peuvent faire un choix dans un formulaire.

Si ce choix est indispensable pour suivre un lien...

Je ne vois pas d'autre solution que la présence des liens en dur quelque part sur la page

Bonjour Thierry,

Dans l'élément form, tu dois absolument avoir l'attribut action.

Ceci sera validé : <FORM action="fichier.php" onsubmit="return false">

Ce pourrait être aussi une adresse mailto.

Les valeurs des attributs doivent être entre guillemets comme cette URL :

<OPTION value="../conseil-regional/conseil-regional alsace.htm">alsace</OPTION>

Pour en savoir plus à ce sujet

les spécifications avec des exemples

SELFHTML

Il te restera une erreur dans l'élément input...

Je cherche, mais ce n'est vraiment pas ma spécialité

Quelqu'un de plus qualifié passera peut être avant mon retour