Voici donc 10 astuces pour améliorer l’accessibilité de votre site Internet :
#1 - Séparer la mise en forme du contenu. Si il ne devait y avoir qu’une seule règle à retenir, ce serait très certainement celle là. Le code HTML ne doit contenir aucun attribut de mise en forme. Ces derniers doivent en effet être pris en charge par la feuille de style. Dans le cas contraire, votre site Web risque de ne pas être accessible et sera de plus très difficile à maintenir.
#2 - Prévoir des alternatives aux Scripts. Une page HTML doit être parfaitement lisible lorsque les feuilles de styles sont désactivées. Il en va de même pour les scripts en tout genre. Vous devez notamment vous assurer que lorsque le JavaScript est désactivé, vos pages restent parfaitement utilisables.
#3 - Proposer des alternatives textes. Certaines personnes ne pourront pas utiliser les informations véhiculées grâce aux images ou aux contenus multimédias (vidéo, par exemple). Il est donc important de prévoir pour chacun de ces éléments des alternatives textes appropriées.
#4 - Proposer des formats alternatifs en téléchargement. Il est bien de proposer pour un même document à télécharger, plusieurs formats afin de laisser le choix à l’utilisateur, notamment lorsqu’il s’agit de document PDF.
#5 - Eviter d’ouvrir des liens dans une nouvelle fenêtre. Il peut être très perturbant pour l’utilisateur handicapé ou non d’ailleurs d’être confronté à l’ouverture systématique d’une nouvelle fenêtre chaque fois qu’il clique sur un lien. Si vous êtes dans l’obligation d’ouvrir un lien dans une nouvelle fenêtre, mentionnez- le très clairement à vos utilisateurs.
#6 - Eviter les frames. Les frames ou cadres sont aujourd’hui de moins en moins utilisées. Tant mieux, leur utilisation peut grandement perturber les utilisateurs handicapés, ainsi que les moteurs de recherche qui tentent d’indexer vos pages.
#7 - Proposer systématiquement un plan du site et un moteur de recherche. Ces deux éléments concourent grandement à l’accessibilité de votre site Internet car ils permettent à l’utilisateur de s’orienter plus facilement et de trouver l’information recherchée rapidement.
#8 - Proposer des titres explicites à vos pages. La balise “Title” doit être correctement renseignée pour chacune de vos pages. Cette dernière doit représenter le plus fidèlement possible le contenu des pages. Vos utilisateur auront ainsi une information de contexte et d’orientation très appréciable, de même que les moteurs de recherche.
#9 - Vérifier les contrastes de vos couleurs. Vous devez vous assurer que les textes et graphiques sont utilisables même sans les couleurs. Les contrastes doivent également être suffisants afin que la combinaison de couleurs entre le premier plan et l’arrière-plan n’empêche pas les personnes souffrant d’un déficit de perception des couleurs ou utilisant un écran noir et blanc de lire le texte.
#10 - Utiliser les technologies du W3C. Les directives actuelles recommandent l’utilisation des technologies du W3C (Par ex. : HTML, CSS, etc.) pour plusieurs raisons :
- Les technologies du W3C comprennent des options d’accessibilité “embarquées”.
- les specifications du W3C sont régulierement mises à jour pour prendre en compte l’arrivée de nouvelles technologies Web.
- Les spécifications du W3C sont élaborées de manière ouverte et découlent d’un consensus de l’industrie.
Pour en savoir plus sur l’ensemble des directives d’accessibilité, c’est par ici et ici
Astuces pour rendre votre site Web accessible
Mikimya recrute à la pige un, une Infographiste/Graphiste
Mikimya est actuellement à la recherche d’un/d’une infographiste/graphiste à la pige pour la production d’outils de promotions imprimés.
Comment les utilisateurs québécois recherchent sur le web ?
L’an dernier, Skooiz avait sorti une étude sur la façon dont les utilisateurs québécois recherchent sur le web. Skooiz revient cette année avec une nouvelle version de cette étude, disponible gratuitement en ligne au format PDF.
Au total, 9 500 personnes ont répondu à un questionnaire comportant une vingtaine de questions. Selon l’entreprise, les résultats confirment ceux de l’an passé et montrent que les utilisateurs québécois naviguent et recherchent de plus en plus intelligemment.
En voici les principaux résultats : ( source ici )
- Google, comme l’an dernier, avec 79% de part de marché domine outrageusement le palmarès des moteurs de recherche les
plus utilisés au Québec.- Dans l’hypothèse ou l’internaute ne trouve pas ce qu’il cherche sur son moteur favori, c’est Yahoo qui est préféré en deuxième choix a 21%. L’écart est cependant minime vis-à-vis des autres moteurs.
- La grande majorité des répondants (80%) se dit satisfaite des résultats affichés. Ils sont tout de même 13% à être insatisfaits.
- Lorsque les internautes recherchent sur un moteur, ils sont 45% à formuler une requête de 2 mots et près de 35% utilisent 3 mots.
- 37% des sondés n’ont jamais remarqué la présence de liens publicitaires ou sponsorisés lors de leurs recherches. Ils étaient 40% en 2007.
- Les Québécois sont désormais des utilisateurs du Web avertis. 80% se connectent quotidiennement et près de 55% ont fait des achats en ligne durant les 6 derniers mois.
- Leur site préféré pour l’information est Canoë, pour le divertissement c’est Facebook qui arrive en tête, en matière de voyages ils visitent en majorité Expedia, pour les jeux et concours c’est Toutacoup qui est largement en tête, et enfin au quotidien, c’est la messagerie Hotmail qui est la plus sollicitée.
WordPress 2.6 : Le versionning des articles
Alors que nous venons d’installer, il y a à peine un mois, la version 2.5 de WordPress, voilà qu’on annonce la version 2.6, prévue pour le mois de Juillet.
On y apporte une nouvelle fonctionnalité, le versionning.
Progression des technologies
Les technologies ne cessent de progresser, les interfaces évoluent de plus en plus !
Voici un article que nous avons lu aujourd’hui sur http://www.atelier.fr/
Ces outils permettent de travailler à distance sur un même document, et d’y apporter des modifications en temps réel. Autant de possibilités offertes aux entreprises par de nouvelles plates-formes collaboratives.
Les solutions de collaboration professionnelle facilitent la communication en entreprise. La société SMART Technologies lance ainsi trois nouvelles plates-formes de travail interactives qui permettent aux équipes de collaborer en temps réel et de partager leurs informations. Baptisés SMART Meeting Pro, SMARt Hub SE et SMART Hub PE, ces trois outils peuvent fonctionner combinés les uns aux autres ou de manière indépendante. Ils sont en particulier prévus pour être utilisés avec le “tableau blanc” interactif de la marque (SMART Board). Cette surface tactile se connecte à un ordinateur et un projecteur. Les utilisateurs peuvent via cette interface interagir avec les documents stockés dans le PC du chef de projet, ce, en écrivant à l’encre numérique le support.
Annoter les dossiers en encre numérique
Ils peuvent ensuite enregistrer leurs annotations dans un seul et même fichier pour en faciliter la diffusion. Chacune des plates-formes est conçue pour pouvoir se connecter sans-fil à un tableau SMART ou bien à un ordinateur, une caméra ou encore un VCR, ce qui permet aux équipes de partager rapidement leurs informations, d’avoir accès à leur bureau et de sauvegarder leurs notes et modifications automatiquement. “Nos solutions corporate permettent aux équipes de travail dispatchées dans le monde d’être connectée sur un même projet en même temps“, déclare Nancy Knowlton, directrice de SMART.
Un outil professionnel et pédagogique
“Ces plates-formes ouvrent de nouvelles perspectives en termes de travail à distance : rapidité de décision, réduction des coûts, sans compter la créativité qu’elle permet aux utilisateurs“. SMART est par ailleurs déjà implanté dans le milieu de l’éducation. Ses plates-formes ont en effet démontré leur utilité dans le cadre de l’enseignement. Un outil qui s’avère intéressant dans le cadre pédagogique, afin d’attirer l’attention des étudiants tout en prenant aussi en considération leur remarques. A noter : ces solutions se veulent accessibles au plus grand nombre d’entreprises, en particulier grâce à des tarifs peu élevés. Les prix des plates-formes varient ainsi entre 3 999 dollars (un peu plus de 2500 euros) et 8 000 dollars (environ 5 000 euros).
Facebook et son application Amis en ligne
Ce matin, nous avons remarqué un changement dans l’interface de l’application “Amis en ligne” de facebook !
Avant, dans la liste des gens qui étaient en ligne mais “non actif” on pouvait apercevoir le nom de la personne ainsi que sa photo et maintenant il y a seulement le nom.
Cette modification est plutôt agréable pour l’utilisateur qui a beaucoup d’amis. Qu’en pensez-vous ?
Ergonomie du Web
Pour les intéressés, en attendant d’acheter l’ouvrage “Ergonomie du Web” d’Amélie Boucher (éditions Eyrolles), nous vous proposons de consulter une version résumée d’une trentaine de pages :
Et tant qu’à y être, visitez le site de l’auteur de l’ouvrage : http://www.ergolab.net/ Bonne lecture !
Le nouveau site de Tourisme Montréal
C’est par l’intermédiaire de Philippe Martin via Facebook que nous avons pris connaissance de l’article de Tristian Péloquin en ce qui concerne la mise en ligne du nouveau site de Tourisme Montréal.
Le site, dans son ensemble, rend très bien justice aux nombreuses richesses touristiques de la ville de Montréal. Les agences SidLee et Cactus ont réalisé un travail d’une finesse exceptionnelle au niveau du visuel malgré le fait que nous trouvons la vidéo trop superficiel.
Voici nos premiers commentaires sur le plan de l’expérience utilisateur :
• L’ergonomie Web est efficace : On adore le choix des termes ” Regarder et Lire ” et “Je suis…”.
• La vidéo est d’une qualité incroyable malgré sa lenteur et sa superficialité.
• Le site dans l’ensemble nous fait penser au concept MGM Grand (gagnant du premier prix Boomerang en 2006)
• Le contenu du site Web a bien été pensé en fonction du public cible.
• Il y a dépassement du contenu, en bas, à droite sur Firefox Mac
• Le site est malheureusement construit en flash ce qui n’est pas favorable au SEO.
Et vous, quelles sont vos remarques en tant qu’utilisateurs ? Appréciez-vous cette visite de Montréal sur le plan numérique?
( EDIT )
Nous vous invitons à lire de nouvelles remarques et commentaires sur les blogues suivant :
P.S. Heri Rakotomalala, développeur à Montréal, a trouvé une fonction très intéressante sur le site de Tourisme Montréal, lorsque vous utilisez le bouton “back” de votre navigateur :
N’est-ce pas désagréable ce genre de situation pour les utilisateurs ?
- Mario Asselin
- Eric Baillargeon
- Patrick Tanguay
Nous nousquestionnons si les responsables de Tourisme Montréal prendront compte de toutes ces remarques pour améliorer le site internet en fonction ses utilisateurs à Montréal ! 
Conserver son référencement en changeant de domaine
Voici un article plutôt intéressant qui présentent quelques astuces pour garder un positionnement efficace dans Google lors d’un changement de nom de domaine .
Un changement de domaine (par exemple www.example.com vers www.example.org) est différent d’un changement d’adresse IP. Pour ce dernier cas, vous pouvez consulter cet article.
Voici les points les plus importants :
- Testez votre changement de domaine en déplaçant d’abord seulement un répertoire ou un sous-domaine. Puis utilisez des redirections permanentes 301 afin de rediriger de manière permanente les pages de votre ancien domaine vers votre nouveau domaine. Ceci indiquera à Google ainsi qu’aux autres moteurs de recherche que votre site a déménagé définitivement.
- Lorsque cela est accompli, vérifiez que les pages de votre nouveau domaine apparaissent bien dans les SERP de Google. Si vous êtes satisfait du résultat, vous pouvez déplacer le site dans son intégralité. Ne mettez pas en place une règle de redirection large, redirigeant toutes les pages de votre ancien domaine vers la home page du nouveau. Certes cela évitera les erreurs 404 mais ce ne sera pas bon pour l’expérience des utilisateurs. Des redirections précises, “page à page” (où chaque page de votre ancien domaine est redirigée vers la page correspondante du nouveau) fonctionnent mieux et fournissent à l’utilisateur une expérience plus agréable puisque la migration devient alors totalement transparente. Si le contenu repris sur le nouveau domaine n’est pas rigoureusement identique, essayez de vous assurer que chaque page est au moins redirigée vers une nouvelle page au contenu similaire.
- Si vous migrez votre site car vous modifiez sa charte graphique, vous feriez mieux de procéder en 2 étapes : D’abord déplacez le site et seulement après mettre en place le nouveau design. De la sorte, vos utilisateurs pourront constater les changements étape par étape, ce qui rendra les changements certainement plus agréables et moins nébuleux. Réduire le nombre de changements simultanés permettra d’agir plus efficacement en cas de résultats inappropriés.
- Vérifiez à la fois les liens internes et externes. Idéalement, il faudrait contacter tous les webmasters ayant mis en place un lien vers votre site afin qu’ils mettent à jour leurs liens. Mais cela n’étant pas souvent faisable, il est préférable de s’assurer que chaque page ayant des backlinks est redirigé vers une page de votre nouveau site. Lorsque votre nouveau domaine est en place, vérifiez tous vos liens afin d’éviter les liens morts. Vous pouvez utiliser des services comme Xenu pour le faire automatiquement. Cette action est importante surtout si vous utilisez des urls absolues (www.example.com/cooking/recipes/chocolatecake.html) et non (/recipes/chocolatecake.html)
- Afin d’éviter tout problème, il est recommandé de conserver le contrôle de votre ancien domaine au moins pendant 180 jours.
- Ajoutez votre nouveau site sur Google Webmaster Tools et mettez en place notre système de vérification. Puis créez et soumettez nous un Sitemap. Cela nous indiquera que votre contenu est maintenant disponible sur votre nouveau site et que nous devons l’indexer.
- Enfin, Consultez régulièrement les erreurs de crawl afin de vous assurer que les redirections 301 fonctionnent bien et que des erreurs 404 ne sont pas apparues sur votre nouveau domaine
Qu’en pensez-vous ?
