Gastero Prod

  • Aller au menu
  • Aller au contenu
  • Aller au pied de page
  • Accueil
  • Blog
  • Photos
  • Liens
  • Agenda
Vous pourriez préférer naviguer sur la version spécifique iPhone / iPod Touch de ce site...

Gastero Prod 4, les standards et l’accessibilité

Date de publication
21/avril
2004
Tags
accessibilité, Gastero Prod, SPIP, standards

L’accessibilité devient petit à petit incontournable.

Outre ses avantages directs en terme d’élargissement d’audience des sites, elle a tendance dans sa mise en oeuvre à favoriser l’usage de technologies standards, ce qui a de nombreux autres avantages.

Mais il ne suffit pourtant pas d’utiliser des standards pour atteindre l’accessibilité, encore faut-il bien les utiliser, en respectant avant tout une sémantique correcte.

Il faut aussi surtout ne pas croire que l’accessibilité ne soit dédiée qu’aux handicapés, elle est une problématique générale avant destinée à donner la chance à tout utilisateur d’accéder à un contenu.

Quelques principes appliqués sur Gastero Prod

Le nouveau code du site est constitué de contenus structurés en XHTML 1.0 Transitional valide et mis en forme à l’aide de feuilles de styles CSS 2.0.

Cela permet notamment d’être sûr que ceux qui ne peuvent pas (ou ne veulent pas) exploiter les feuilles de style, peuvent tout de même consulter le site sans problème :

PNG - 66 ko
Sans feuille de style
Affichage dans Mozilla Firebird avec la feuille de styles désactivée
PNG - 30.6 ko
En mode texte
Affichage dans Lynx, navigateur en mode texte

Mais cela n’empêche pas pour autant ceux qui en ont la capacité de profiter d’un site avec une identité graphique qui lui est propre et qui n’est pas forcément la plus minimale qui soit :

PNG - 89.5 ko
Normal
Affichage dans Mozilla Firebird avec la feuille de style

Enfin, qui dit graphisme ne signifie pas forcément contrainte sur les tailles de tous les éléments, il est tout à fait possible de laisser le choix à l’utilisateur de sa taille de police par défaut.

PNG - 88.1 ko
En caractères agrandis
Affichage dans Mozilla Firebird avec une taille de police supérieure et des colonnes ajustées en conséquence

Un peu d’usabilité

Des « raccourcis » clavier vous permettent d’accéder rapidement, sans utiliser votre souris, à des éléments du site :

Elément concernéTouche
Page d’accueil a
Moteur de recherche r

Voici la procédure à employer pour utiliser par exemple la touche a :

  • sous Windows, avec la combinaison alt + a
  • sous Macintosh, avec la combinaison ctrl + a ou pomme + a

Pas de styles alternatifs

Gastero Prod ne propose pas de feuilles de styles alternatives.

Je préfère largement le rendre réellement accessible en laissant la possibilité à l’internaute d’utiliser un outil spécialisé ou de configurer son navigateur traditionnel.

Je ne comprends pas cette tendance actuelle de fournir une tonne de mises en pages alternatives en faisant croire que c’est là pour accroître l’accessibilité, alors que c’est surtout un moyen de montrer la compétence en CSS du développeur.

Si le site n’est pas naturellement accessible avec sa mise en page par défaut, il y a de bonnes chances pour que ce style switcher ne soit même pas exploitable par quelqu’un ayant cette problématique d’accessibilité.

Cela ne m’empêche pas de penser comme beaucoup que css Zen Garden est très intéressant, mais je ne vois pas l’intérêt que chaque site devienne un tel laboratoire en puissance.

Au boulot !

Cette refonte ayant permis d’enfin séparer comme il faut le contenu et le contenant, mais ayant consommé pas mal de temps, il devient nécessaire de se reconcentrer sur les contenus pour accroître la fréquence de publication !

Et si vous souhaitez être tenu au courant des publications, n’hésitez pas à exploiter le flux RSS, il est maintenant au format RSS 2.0.

RSS

Derniers billets

  • Flickr en passe de jeter Yahoo ! Maps pour Google Maps ?

    Dans une nouvelle version de Flickr pour mobiles1, Flickr propose une fonctionnalité permettant de voir les photos géolocalisées prises près de là où vous êtes. Surprise, ce sont des cartes Google Maps qui sont utilisées, alors que le site Flickr utilise plutôt d’habitude des cartes Yahoo ! Maps2.

    Date de publication
    19/juin
    2009
    Tags
    Flickr, géolocalisation, Google, iPhone, Yahoo !
  • Shameless self promotion

    Je rêve de voir un jour une de mes photo sélectionnée pour être publiée dans un magazine, et là je sens que j’ai la candidate idéale... please, heeeeeeelp !

    Date de publication
    5/juin
    2009
    Tags
    moi, photo, presse
  • DTC

    Amis g33k5, vous connaissez forcément l’illustre collecteur de bons mots bash.org et son pendant français bashfr.org. Vu qu’il était compliqué de ce souvenir que l’adresse de ce dernier n’est pas bash.fr, ni bashfr.com, ni même bash-fr.org, etc.1, l’équipe a décidé de migrer vers DansTonChat.com — ce qui donne DTC en abrégé, les malins — et sort du même coup un livre en forme de best of2.

    Date de publication
    29/mai
    2009
    Tags
    copinage, humour, livre

Nuage des tags les plus fréquents

  1. 3D
  2. 404
  3. accessibilité
  4. agenda
  5. Ajax
  6. animation
  7. Apple
  8. bande dessinée
  9. blog
  10. Blogmarks
  11. Blu-Ray
  12. bookmarks
  13. Canon
  14. cinéma
  15. citation
  16. Clever Age
  17. client riche
  18. concert
  19. couleur
  20. création
  21. Daft Punk
  22. développement
  23. design
  24. dessin animé
  25. DotClear
  26. e-commerce
  27. ergonomie
  28. FeedBurner
  29. film
  30. Firefox
  31. Flickr
  32. fun
  33. Gastero Prod
  34. Google
  35. Greasemonkey
  36. hébergement
  37. HD
  38. humour
  39. hype
  40. IBM
  41. image
  42. informatique
  43. Internet
  44. iPhone
  45. Javascript
  46. jeux
  47. jQuery
  48. Les Nuls
  49. Linux
  50. littérature
  51. livre
  52. logiciel
  53. logiciel libre
  54. loisirs
  55. Mac
  56. macro
  57. Microsoft
  58. moi
  59. Mozilla
  60. musique
  61. ordinateur
  62. oups
  63. photo
  64. PHP
  65. phpHeaven
  66. phpMyChat
  67. PicLens
  68. presse
  69. publicité
  70. recherche
  71. RewriteRule
  72. RSS
  73. sémantique
  74. société
  75. Sony
  76. SPIP
  77. standards
  78. tag
  79. télévision
  80. vidéo
  81. Web 2.0
  82. Windows
  83. Yahoo !

A propos

L'auteur

Dans la vie professionnelle, co fondateur et Directeur Technique du cabinet de conseil nouvelles technos Clever Age et dans la vie extra-professionnelle, créateur et animateur de Gastero Prod et de Happy iPhone, responsable technique de Marketing Planet et d’autres sites web, passionné d’Internet, de cinéma, de littérature, de musique ...

L'outil
Ce site est réalisé avec le logiciel libre de gestion de contenus Web SPIP en version 2.1.0 dev SVN [14055]

Identité 2.0

Vous pourrez aussi me trouver sur ces différentes communautés en ligne :

Réseaux sociaux
Copains d’avant, Diigo, Facebook, LinkedIn, netvibes, Twitter, Ziki
Photo
deviantART, Flickr, JPG Magazine, Photo.net
Geek stuff
Ohloh, Userscripts.org
Autres
La musique sur Last.fm, Le vin sur Cork’d, Les livres sur Shelfari

Blogoliste

Proches
  • Jacqueline Oud
  • Marron show
  • Glagla Dot Org
  • Cédric Hoizey
Relations
  • Chez Xavier - Thoughts
  • La Case de l’Oncle Tom
  • Maître shteshitsu
  • Prendre un Café
  • Un Electron Libre...
Autres
  • Clever Age
  • Marketing Planet
Creative Commons License

Sauf mention explicite, tous les contenus de ce site sont la propriété de Nicolas Hoizey, et sont sous licence Creative Commons « Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique » version 2.0 adaptée à la France.