• Votre news est acceptée et peu de changements sont faits (pour les plus chanceux)
• Votre news est acceptée, mais ça ne se passe pas comme vous le voudriez… ce qui a été le cas pour deux de mes news… dont une que j’avais formatée comme un brève pour être publiée dans une compilation de brèves et non à part !
• Votre news est refusée, sans possibilité de vous reprendre

Depuis ce temps, bien de l’eau a coulé sous les ponts puisque le système de news communautaires a été mis en place. Mais même si on peut mettre la rédaction d’une news en pause et continuer plus tard et qu’on peut apporter notre contribution aux news des autres, il reste des irritants que j’ai remarqués en préparant ma première news avec le système actuel.

Gardez votre aigritude pour les boulets et les kikoolols !

Encore peu de monde sur le Net a conscience qu’on est environ 15% de la population à faire partie des « hypersensibles » et donc, qui tolèrent mal les tons secs, en particulier si ces personnes souffrent de problèmes d’anxiété sociale comme noi !

Or, dans la même news, ça m’est arrivée une couple de fois, le pire étant le message commençant par « Mais c’est quoi cette news ? » qui m’a littéralement déclenché un kernel panic ! Et là, ça vient de m’arriver à nouveau, mais avec un autre, qui en est à son deuxième avec le même ton, comme s’il n’était jamais content !

Merde, quand vous commentez une news en préparation, faites preuve d’un peu de tact dans vos commentaires ! Si ça vous paraît anodin, ça peut en être autrement pour d’autres, qui peuvent mal le prendre en considérant comme un coup de poing sur la yeule alors qu’ils font ce qu’ils peuvent même s’ils débutent et qu’ils ne sont pas des Verlaine !!

Gardez donc votre aigritude aux boulets et kikloolols qui ne veulent rien comprendre aux règles !

Commentez donc pendant que la news est éditable !

Un autre irritant, c’est le fait que la majorité des commentaires soulevant les bibittes (bestioles) dans une news sont postés APRÈS que la news soit soumise aux votes !

Pourquoi ne pas l’avoir fait AVANT, pendant que la news est encore éditable ? Ça m’éviterait d’avoir à annuler les votes juste pour pouvoir apporter des corrections ! Car en ce moment, j’ai déjà annulé les votes une fois parce que des commentaires avaient été postés APRÈS que j’aie soumis la news aux votes. Et comme les votes se sont réinitialisés, je dois me retaper TOUT LE PROCESSUS pour avoir les 50 votes nécessaires, et je ne veux pas passer mon temps à annuler les votes, éditer, re-soumettre aux votes, ré-annuler les votes, ré-éditer, re-re-soumettre aux votes, ré-ré-annuler les votes et ainsi de suite ! Si je faisais ça, ça prendrait 3 mois avant que la news ne soit enfin prête !

Et pour en revenir au mec « jamais content », il a justement posté ces commentaire APRÈS la soumission aux votes à chaque fois !

Si au moins, on pouvait continuer à éditer pendant les votes, comme c’est le cas sur Wikipédia (d’après ce que j’ai lu) je n’en serais pas là à râler dans ce billet !

Avec ces irritant, ça ne m’encourage pas du tout de continuer dans les news, tant ça me donne l’impression de me sentir comme une esti de pourrie !

Je fais donc ce billet pour essayer d’éclaircir ça.

Il n’y a pas que des mecs chez les geeks !

Oui, je sais, on est très peu de filles sur les sites de geeks, mais ce n’est pas pour autant qu’on doit agir comme s’il n’y en avait pas ! Bien qu’il y ait des filles qui touchent au graphisme, il y en a aussi qui touchent au PHP, aux langages de programmation, voire à l’administration d’un serveur Linux !

Or, le souci, c’est que nous les filles avons du mal à faire notre place, en particulier dans le monde Open Source, où nous devons faire deux fois plus d’efforts (quitte à avoir un burn-out) pour nous prouver !

C’est ce sentiment d’invisibilité féminine qui m’irrite tant !

On ne peut comprendre que si on l’a déjà vécu

En tant que fille, il m’est moi-même arrivée des cas de figure où soit on me confondait avec un gars ou bien que je confondais une fille avec un gars à cause d’un élément ambigu.

Maintenant, j’en viens au cas qui m’a le plus marquée, et je suis sur que la geekette concernée qui fait partie de ceux et celles qui me suivent va se reconnaître : Lorsque je m’étais inscrite sur Gimp-Attitude, l’administratrice avait un avatar qui était plutot ambigu et dont le pseudo, malgré qu’elle trouvait que ça sonnait féminin, était pour moi « neutre ». Résultat, j’ai été plusieurs mois à penser que c’était un gars ! …et ce malgré la réponse « les gars ET les filles » à mon « Merci les gars » et le féminin dans les verbes à la première personne du singulier.
Pour mieux comprendre, voilà le bout de sujet en question où c’était arrivé.
Et juste en passant, je n’ai découvert que cette année la preuve qui rendait ma confusion plausible : un mec sur Bépo.fr porte le même pseudo !

Mis a part cette confusion, combien de fois ça m’était arrivée que du monde m’ait confondue avec un mec pendant que j’étais modo sur le support anglais de Forumactif ? Je n’ai pas compté, mais ça m’est arrivée plusieurs fois ! Idem sur le Site du Zéro où, malgré mon pingouin rose, on me remerciait comme si j’étais un gars !

Cela devient lourd qu’on pense que sur un site de geeks, il est peu probable qu’on tombe sur une fille et donc, qu’on fasse fi des indices laissant deviner la féminité du membre ! Donc à partir de cette semaine, j’indique « geekette » dans ma signature ! Comme ça, plus d’ambiguïté !

————————–
Aujourd’hui, je viens vous parler d’un fait réel dont j’ai été témoin en parcourant les sujets sur le Site du Zéro, et qui prouve combien la règle du « payant = qualité » n’a aucun sens dans le monde logiciel.

Ce cas est celui d’un homme, qui a acheté le logiciel « Web Creator » pour faire le site-vitrine pour un proche qui fait de la reproduction sur toile déco. Mais bien vite, il s’est rendu compte, par les retours de sa clientèle, que le code généré est bordélique et lourd, bourré de scripts, avec du texte converti en images et tout ça, pour une page lourde à charger, ce qui ne remplissait pas du tout l’objectif d’un site simple, efficace et rapide. Vous pouvez d’ailleurs lire son commentaire sur ce lien

Même si le monsieur a retiré le lien de son post, j’ai pu finalement récupérer l’adresse du site grâce au cache de Google après avoir lancé la recherche avec le titre complet du sujet.

Voici donc l’adresse du site (Note : Le site a été totalement refait depuis)

Ce que vous voyez en premier n’est que l’intro. Allez plus loin et vous verrez combien ça se gâte vite !

Mais puisque le site sera bientôt refait par quelqu’un qui refera le site avec du code valide, j’ai pris des captures et récupéré les codes HTML pour les mettre dans des fichiers .txt afin de pouvoir continuer à vous montrer les arguments pour éviter Web Creator. Je prends aussi à l’avance le poids de chacune des pages examinées, pendant que la version actuelle du site est présente.

D’abord, on commence par la page d’accueil, sur laquelle on arrive après avoir passé l’intro

Mais avant de continuer, je vais vous montrer deux captures pour vous montrer l’absurdité du code généré par Web Creator.

La page, avec Javascript désactivé : Lien
La même page, avec Javascript activé : Lien

Première constatation : Ça requiert que Javascript soit activé pour que la page se centre ! O_O
Pourquoi donc utiliser du Javascript pour centrer une page, alors qu’on peut le faire avec margin:auto; en CSS et qu’il existe des hacks CSS pour les versions de navigateurs ne reconnaissant pas la propriété ? C’est des kilo-octets pour rien, en plus d’être à l’encontre des règles de bonnes pratiques qui déconseillent l’abus de Javascript, ainsi qu’une utilisation intrusive (en remplacement plutôt qu’en surcouche) ! De plus, le fait de mettre la page à gauche est fatiguant pour ceux qui ont une grosse résolution ou un écran large !

Maintenant, préparez vos Gravol, car on va maintenant regarder le code !
Voici le .txt du code de la page d’accueil : Voir le code

Imbuvable, n’est-ce pas ? On peut déjà faire les constatations suivantes :

• Le code est bourré de code Javascript qui aurait pu facilement être évité
• Il n’y a aucune feuille CSS externe, tout est imbriqué à même les éléments HTML avec l’attribut style où l’on voit du positionnement absolu à profusions, en plus des balises de mise en forme !
• Il n’y a quasiment pas de balises sémantiques ! En débranchant le CSS, on remarque encore plus le bordel, en voyant la page arrangée dans un ordre complètement illogique, ainsi que la quantité inutile d’images, en particulier pour le fond de page ! D’ailleurs, je viens de prendre deux captures pour vous le montrer : capture partie 1 – capture partie 2
• Aucun attribut alt dans les images, pour les textes de remplacement, pour ceux qui ne peuvent voir les images, dont les non-voyants ou les robots de référencement ! Ceci est encore plus catastrophique quand il s’agit d’images porteuses de contenu ou servant de support de lien !

Et avec un tel code généré, la page d’accueil fait plus de 700 Kilo-octets, ce qui est extrêmement lourd pour une simple page d’accueil ! La même page, codée selon les normes du W3C (feuille externe, pas de javascript inutile, nombre d’images au minimum, et celles-ci optimisées), aurait pesé plus de 7 fois moins ! Pour un hébergement ayant une limite de bande passante, ça fait une énorme différence, car si la page d’accueil, dans son état actuel était visitée 1000 fois, la bande passante utilisée serait aussi grosse que la capacité d’un CD et aurait donc approché le giga-octet ! La même page, aux normes avec son petit 100Ko, n’aurait, en 1000 visite, généré que 100 Mo, soit 600 Mo de moins qu’avec la page actuelle !

Maintenant, passons à l’analyse de la page suivante : la page de présentation.

Comme avec la page d’accueil, je vous montre la capture avec le style activé

Sur la capture, le texte paraît être du texte brut, mais attention ! Ce que vous allez voir, dans la capture suivante va troubler tout bon webmaster respectueux des standards : Partie 2 de la page, sans style

Le bloc avec le texte que vous avez donc vu est une image ! Et le texte réel est caché !

Et je ne ferai pas de surprise en montrant le code, tout aussi bordélique et lourd : Voir le code

Et je ne vous ferai pas de surprise non plus sur le poids par rapport à l’optimisation possible : 383 Ko ! Aux normes, elle aurait pu faire moins de 80 Ko, voire même moins de 50 Ko !

La page de contact est sensiblement pareille à la page de présentation (texte-image inutile), donc je passe à la dernière page à analyser, qui contient un formulaire : la page pour les clients, dont voici sans tarder la capture d’écran

Première constatation : On ne voit aucun label, ces étiquettes que l’on met avant chaque champ de formulaire et qui, par souci d’accessibilité, doit être lié à son champ ! Les « étiquettes » sont écrites à même les champs de formulaire !

Et maintenant, on débranche le CSS : Page client sans CSS

Vous pouvez constater, encore une fois, l’incohérence de la structure de la page générée : le champ multiligne se trouve après le bouton « Envoyer » et en plus, le texte qui s’affiche avant le formulaire avec le CSS activé, se trouve placé après le formulaire une fois le style désactivé !

Vous pouvez d’ailleurs constater l’absence d’éléments label et l’incohérence de la structure en voyant le code de la page

Et on remarque alors que le bouton « Envoyer » est inutilisable si Javascript est désactivé !

Et on finit avec, encore une fois, l’analyse du poids de la page qui nous donne 223 Ko cette fois-ci et qui, encore une fois, aurait pu être largement optimisé en respectant les normes, ce qui fait que la page aurait pu faire facilement moins de 50 Ko !

Conclusion

À partir des trois pages analysées, j’ai pu vous montrer combien un logiciel payant n’est pas nécessairement meilleur que les alternatives libres comme KompoZer qui respectent mieux les standards du Web. Et croyez-moi, ce n’est pas le premier site « WeCreator-made » que j’ai vu. Les autres sites que j’ai vus et qui ont été générés avec le même logiciel, soit le site-vitrine de Help-On-Line.org (qui n’existe plus), ainsi que le site de la v1 de Host-on-line.org (qui n’existe plus non plus, et qui appartenait à Help-on-line.org), et le code de ces deux sites était aussi horrible. De plus, j’ai même vu, via ce sujet, un site généré avec ce logiciel, dont les javascripts ne fonctionnaient même pas sous les autres navigateurs mise à part Internet Explorer et Netscape Communicator ! Oui, vous avez bien lu, NETSCAPE COMMUNICATOR ! Un vieux navigateur qui date d’aussi loin que mes premières années sur le Web, soit il y a près de 10 ans !

Ma recommandation

Que ce soit pour un petit site persos ou pour un gros site d’envergure, ne jetez pas vos euros ou dollars par la fenêtre et, autant que possible, tournez-vous vers ces alternatives qui ne vous coûteront pas un sou, mais qui auront un résultat bien plus satisfaisant :

• Écrire votre site de A à Z. De cette façon, votre code sera éditable à volonté, et vous pourrez y intégrer du PHP par la suite, sans problème. Vous pourrez apprendre les bases sur le Site du Zéro
• Utiliser un système de gestion de contenu : Les choix de scripts libres ou freeware (gratuit et non-libre) ne manquent pas, que ce soit Joomla!, XOOPS, SPIP, Drupal, GuppY ou CMS Made Simple pour les sites complets, phpBB, PunBB, FluxBB, Connectix Boards, MyBB, SMF, FSB ou XMB pour les forums, ou bien WordPress, Dotclear ou PluXml pour les blogs, pour vous permettre de monter votre projet rapidement si vous n’avez pas le temps de le coder vous-même. De plus, la plupart de ces scripts sont respectueux des standards du Web et pas trop lourds pour la bande passante (mais après, ça dépend du template).
• Ou à la limite, utiliser un éditeur HTML libre comme KompoZer qui s’appuie sur le moteur de rendu Gecko (le même que celui utilisé par Mozilla Firefox) qui est, déjà au départ, respectueux des standards. Mais cette option est plus limitée que les deux premières et je ne vous conseille pas de vous reposer uniquement sur l’aspect visuel.

Alors, bon webmastering sur le chemin de la lumière, avec l’esprit serein à l’idée d’avoir gardé vos sous pour acheter autre chose… comme par exemple un cadeau pour l’être aimé !

Il y a un truc dont je ne suis pas la seule interneute du Québec à trouver fatiguant, c’est la tendance au francocentrisme que l’on voit chez les internautes français. D’ailleurs, mon concitoyen de 10 ans mon cadet en a fait état plus d’une fois sur son blogue, notamment dans sa gueulante contre le francocentrisme sur Wikipédia ou celle sur l’ignorance de beaucoup de Français vis à vis de notre histoire, ainsi que leur attitude à notre endroit quand nous voulons moindrement corriger le tir.

Le francocentrisme sur le site du zéro

Mais là, à plusieurs reprises, j’ai constaté ces tendances-là sur le site du zéro ! Premièrement, lorsque j’ai fait zCorriger mon mini-tuto OOo Writer où j’avais enployé le mot « dîner » pour parler du repas du midi ! On m’avais alors changé ça pour « déjeuner » parce qu’eux autres, ils petit-déjeunent le matin, déjeunent le midi et dînent le soir ! J’ai donc eu à leur spécifier que chez nous au Québec (et chez les Belges aussi), nous déjeunons le matin, dînons le midi et soupons le soir !

Ensuite, bien plus tard, lorsque mon big-tuto Gimp était à l’étape des bêta-tests avant la première validation, à une époque où la seule façon de faire une phase bêta était d’ajouter des rédacteurs pour qu’ils aient accès au cours, une autre épisode m’est arrivée ! J’avais alors employé l’expression « C’est quoi ça mange en hiver ? », une expression très utilisée à la maison pour dire « c’est quoi ce truc ? » J’ai alors vu l’expression changée, mais en expliquant ce que ça signifiait, voici ce que quelqu’un m’a répondu :

Euh… Le québécisme dans un tuto francophone faut éviter hein… Le but c’est d’expliquer et donc d’être compris. Après je dit ça je dit rien hein…

Vous pouvez voir le background complet à partir de ce post sur le sujet dédié au cours.
Quand j’ai dit ça à mon concitoyen en question, les deux bras lui ont tombé, et voici d’ailleurs le fil de commentaires en question.

Les mois ont passé, puis le mois dernier, suite aux actualités concernant une possible facturation à la demande de l’utilisation d’Internet au Canada, un Zéro québécois a voulu faire une news là-dessus. Devinez quoi ? Certains Zéros français ont jugé la news pas intéressante parce que ça ne touchait pas la France !!! Cela n’a donc pas aidé pour la news dont la coup de grâce pour son refus a été le fait que l’actualité était devenue obsolète suite à un revirement de situation !

La goutte qui fait déborder le vase

Et finalement, j’en viens à une dernière épisode, celle-là même qui m’a poussée à écrire ce billet de chiâlage.

Ces derniers jours, j’ai repris activement la suite de la refonte de mon cours sur Gimp. Au bout d’une semaine, je termine la rédaction du chapitre « Peindre, remplir, tracer », puis je donne accès à mon co-rédacteur pour qu’il voit ce que j’ai fait, puisque j’avais préféré écrire le chapitre séparément, dans un mini-tuto qui sera rattaché au big-tuto plus tard.

On m’indique alors qu’un truc vient d’être francisé. Après avoir cherché comment arriver à voir les anciennes versions en dehors des sous-parties, je finis par trouver, pour constater que l’expression « bouetter » (signifiant « jouer dans la boue » – ma prof de peinture à l’huile l’utilisait souvent) que j’avais mise a été virée, même si j’avais pris la peine d’utiliser une balise <acronyme> pour donner la signification au survol !. Je le signale donc, en montrant mon irritation face au fait qu’on ne peut pas utiliser d’expression québécoises alors que les tutos sont bourrés d’expression françaises ! Et voilà qu’il y en a qui chiâlent parce qu’on se chicane alors qu’ils n’ont visiblement pas compris le pourquoi de mon chiâlage ! Voici d’ailleurs les posts en question.

Poussez donc égal, torrieux !

Non mais, ça finit par être fatiguant que nous autres les Québécois, on ait à se battre pour nous tailler moindrement une petite place sur le plan linguistique sur un site européen et qu’on se fasse taper sur les doigts pour la moindre p’tite câlisse d’expression alors qu’on voit des « Que nenni » et autres expressions très européennes fleurir sur les tutoriels ! Pourquoi est-ce que vous autres vous ne dites pas un crisse de mot quand un de vos concitoyens utilisent un francisme alors que nous autres nous ne pouvons même pas laisser un ti-crisse de québécisme même avec un acronyme ??? Arrêtez donc de penser que seules les choses venant de la France ou se passant en France valent la peine d’exister sur le Site du Zéro, et de considérer la base linguistique française de France et le Larousse comme références absolues pour décider de ce qui est accepté et ce qui ne l’est pas comme expressions !!! Il n’y a pas que la France qui est francophone, bâtard !

Et après, vous vous étonnez que nous avons la mèche courte…

Des fois ça me donne envie de créer un groupe Facebook pour chiâler contre le francocentrisme… mais mon arrivée sur FB est encore trop fraîche et je ne suis pas prête à faire ça au vu et au su de la famille….

Ceci était mon 2 cennes du mois.

Déjà que les articles en général ne sont pas ce qu’on pourrait appeler des articles de qualité, mais là, ça « fesse dans l’dash » quand je vois deux erreurs aussi énormes que celles dans cet article !

Oui, je sais, il y a deux pays africains dont le nom n’a comme différence que les trois lettres à la fin que l’un a, mais que l’autre n’a pas, mais quand même, ça prend pas la tête à Papineau pour vérifier le gentilé dans un dictionnaire, ou même sur Wikipédia qui, malgré les critiques, n’est pas à barrer définitivement pour autant, faut juste éviter « l’absolutisme », bon Yeu ! C’est pas dur ça une tite recherche pour vérifier : Fichier > Nouvel onglet. Pis tu tapes « fr.wikipedia.org », puis dans la boîte de recherche, tu tapes « Nigéria » !
D’ailleurs, voici le lien !

Ensuite, une deuxième erreur qui m’a deux fois plus frappé : dire « animaliste » au lieu de « animiste » !
Scuze là, mais tout ce que « animaliste » me fait penser, c’est les militants vénérant Saint-Brigitte Bardot qui viennent gueuler contre la chasse au phoque une fois par année ou qui passent proche de vouloir faire brûler au bûcher tous ceux qui ont moindrement un ti-bout de fourrure (même de la fausse !). En gros, c’est ceux qui font de la défense animale (Voir l’article Wikipédia sur l’animalisme) !
Bon, désolée pour la caricature grossière, mais vous comprendriez mieux si vous lisiez mon background que j’ai postée sur Phobies-Zéro concernant ma phobie de la défense animale !

Pour revenir au sujet, tous ceux qui se souviennent moindrement de leurs cours de géo/histoire doivent normalement savoir que quand on parle des religions et cultes traditionnelles des peuples indigènes, on appelle ça « animisme » (Voir l’article Wikipédia sur l’animisme) !

Or, je me demande bien combien ce journaliste a eu comme résultat en géo/histoire au secondaire, pour avoir commis deux erreurs aussi frappantes dont je me demande même si ces erreurs auraient passé dans le Journal de Québec/Montréal ! Un journaliste digne de son métier se doit d’avoir une bonne connaissance en géographie et en histoire ! Mais là, à voir ça, je me demande si de 1) ces matières sont bel et bien des prérequis quand on veut étudier en journalisme et si de 2), celui qui a écrit l’article a bel et bien fait des études dans ce domaine…

Alors que je m’attendais à une news écrite en dur comme sur ce blog, voici ce dont j’ai eu droit : Voir la capture de la page (tous les scripts ont été autorisés).

J’ai beau avoir une connexion de 12 mégas, mais bâtard, il faut pas charrier sur la grosseur de l’image !! Elle est tellement énorme qu’elle s’affiche toute distordue sur Firefox ! À preuve, je vous donne le lien direct de l’image et ensuite, sous Firefox, cliquez-droit dessus et allez dans « Informations sur l’image ». Voici ce que ça donne :

l’image est tellement lourde que ça a même foiré l’affichage de la fenêtre lors de la prise de la capture…-_-

Près de 3500 pixels de haut et plus de 2500 de large pour 110 Ko !!! 800 pixels de large aurait largement suffi et l’image aurait été beaucoup plus lisible déjà pour ceux qui peuvent voir ou charger les images, mais cela reste un gros problème d’accessibilité, car du coup, cela pénalise ceux qui justement ne peuvent pas voir le texte, comme les non-voyants et ceux qui bloquent les images pour des raisons de petite connexion, ou encore les moteurs de recherche qui ne peuvent donc pas indexer le contenu ! Et n’en parlons pas de ceux qui essaient de lire la news avec leur smartphone !

À cause de ces dimensions gargantuesques, j’ai été obligée d’enregistrer l’image sur mon disque dur pour pouvoir lire le contenu en ouvrant l’image avec le visionneur d’Ubuntu ! Le faire en PDF ou encore mieux, le retranscrire en texte brut aurait été beaucoup plus sensée !

Encore une fois, il s’agit d’une difficulté à exprimer mes convictions.

Cela avait débuté pendant une discussion sur IRC où mon interlocuteur regardait mes sites et webdesigns que j’ai faits, jusqu’à ce qu’il tombe sur mon webdesign 3dblue que j’avais recyclé à partir d’une commande dont le projet n’a jamais vu le jour. Tout allait bien jusqu’à ce qu’il remarque le tableau faisant office de démo de structure de forum. C’est là que le débat est parti, où j’essayais de lui faire comprendre qu’un simple tableau est plus logique et plus ergonomique à naviguer qu’une imbrication de listes et de divs « à la phpBB3/PunBB ». Puis lorsque j’ai mentionné que c’est comme vouloir remplacer les <img /> à tout prix même pour les images porteuses de contenu, là aussi, j’ai frappé un noeud. Je lui avais alors dit de tester en désactivant toutes les images sur un forum prosilver, mais réponse non-concluante ! J’ai aussi essayé de lui faire comprendre qu’un <ìmg /> avec un alt="" correctement renseigné est plus accessible qu’une image définie en fond, mais niet non plus ! Et tout ça, malgré les liens Alsacréations que je lui envoyais !

Non mais lâchez-moé 2 minutes avec le tableless et l’imgless zélé ! Ce n’est pas parce que phpBB3 fait du tableless et remplace tous ses <img /> que ça doit devenir une référence absolue, bâtard ! D’ailleurs, si vous regardez le tableau des WCAG ou la liste d’AccessiWeb, vous verriez que les tableaux ne sont pas aussi anti-accessibles qu’on veut le faire croire, et d’ailleurs, un site en tableaux peut être accessible si les techniques appropriées sont appliquées.

Mais alors pourquoi éviter les tableaux de mise en page dans ce cas ?

Les raisons pourquoi on ne les recommande pas, et je suis d’accord avec ça, c’est qu’un site codé en tableau a un poids plus élevé qu’un site codé en DIV, en plus d’être plus rigide au niveau du stylage et de la maintenance.

Et les images alors ?

Là aussi, il y a des mythes qui circulent à ce sujet. J’ai déjà vu du monde dire que des images insérées avec <img /> ne se mettaient pas en cache, alors que c’est faux ! De plus, contrairement aux croyances, une page bourrée d’images de fond est aussi lourde qu’une page bourrée de balises <img /> et d’ailleurs, je m’en aperçois tout de suite qu’une page est lourde quand elle a une hyper grosse image d’arrière-plan, car Firefox se met à ramer et à réagir « à retardement » quand une image, même de fond, est trop lourde ! Autre mythe, c’est qu’une image en background est aussi accessible qu’un <img /> Or, quelle que soit la technique utilisée (positionnement absolue, clipping, display:none;, font-size à 0, text-indent de -9999, …), il y a toujours le risque que le visiteur change ses préférences du navigateur (taille du texte minimal, etc.) et donc, que les textes qu’on essaie de cacher finissent quand même par apparaître au grand jour, et qu’au moins une catégorie de visiteur perde quand même l’information (images bloquées au boulot, navigateur texte, dépassement de quota).

Et encore pour rappel, les WCAG et AccessiWeb, là aussi, demandent de renseigner d’un texte alternatif toutes les images de la page, et que ce texte soit explicite pour les images porteuses d’informations comme les boutons d’un menu ou le logo. l’utilisation des background en CSS doit être réservée aux images non-significatives qui sont justement celles qui sont les plus nuisibles à l’accessibilité !

Conclusion

Je finis donc avec une citation qui m’est chère : Tout mouvement a ses excès, et les mouvements en termes de création Web n’échappent pas à cette règle. Et pour continuer dans les citations, je vous en cite un qui était placardé dans un local où j’avais eu mes cours d’anglais de secondaire 5 : What is popular is not always right, and what is right is not always popular..

Je finis en vous laissant des liens vers les sites sur l’accessibilité, pour votre culture :

• AccessiWeb
• Blog Accessibilité : Accessibilité, mythes et interdits
• Blog Accessibilité – Accueil
• Traduction française des WCAG 2.0
• OpenWeb – Page d’accueil
• OpenWeb – Section Accessibilité

Ces deux liens illustrent bien combien certaines compagnies peuvent aller loin dans leur chasse aux sorcières pour protéger leur marque et leur image !

Où s’arrêteront-ils ?

S’ils commencent à revendiquer l’exclusivité des mots « face » et « book » en prétextant que c’est une marque distinctive, qu’est ce qui dit qu’ils ne vont pas commencer à s’attaquer à des sites qui n’ont AUCUN RAPPORT avec les réseaux sociaux, comme Face Your Manga, le célèbre générateur d’avatars manga dont Alsacréations.fr s’est servi pour la version actuelle de leur site, ou bien encore Framabook, l’éditeur de livres libres du réseau Framasoft qui est très connu dans le monde du libre ? Et tous ces autres sites qui ont soit book ou face dans leur adresse ou comme nom ou acronyme ??

Ce cas de figure me rappelle ce billet de Framablog, publié il y a quatre ans, où le président de l’association derrière Framasoft a fait face à une lettre recommandée de la part d’une compagnie éditrice d’un logicieil propriétaire qui détient la propriété sur le nom « Sage », qui est aussi le nom d’une extension Firefox qui est indexée dans l’annuaire de Framasoft ! Oui, je dis bien indexé et rien de plus, puisque Framasoft n’est pas l’éditeur de ladite extension ! Mais juste la présence de ce nom était suffisant pour qu’on fasse un caca nerveux !

Notre vocabulaire en otage

Alors, si on se met à déposer les mots du vocabulaire aussi courants que « face », « book » et « sage », et à en interdire l’utilisation, va-t-on se retrouver à être obligé à parler en klingon ou en elfique pour éviter tout problème juridique ???

Du coup, parti comme c’est là, j’ai ce pressentiment que Connectix Boards risque un jour d’être obligé de changer de nom parce que « Connectix » est aussi une marque de webcams, et que le groupe de symphonic metal épique Rhapsody of Fire sera quand même obligé de re-changer encore de nom même s’ils ont déjà ajouté le « of fire » suite justement à un problème juridique potentiel lié justement à une marque déposée !

Sérieux, ça craint grave, comme le disent nos cousins Européens… En attendant, j’ai envoyé un mail à Framablog pour leur transmettre les deux liens sur l’affaire Stupidbook. Espérons qu’un billet sur le sujet ne tardera pas à être publié.

Malgré mes déboires passées sur Ubuntu-Fr, plus ça va, plus je deviens pro-libre en voyant des cas pareils !

De ce fait, j’essaie autant que possible de travailler sur moi-même. Mon père a fini par comprendre et fait maintenant plus attention, mais il reste encore mon frère qui a encore du mal à comprendre ce que je vis, lui qui a toujours été habitué à chercher à me protéger.

Un parcours du combattant

Mais ce n’est pas de ça (ma famille) que je vais parler, mais vraiment de mon parcours du combattant. Parce que oui, lutter contre une phobie que l’on traîne depuis la tendre enfance, c’est un combat de longue haleine, car tu dois réapprendre à interagir et à te défaire de certains réflexes que t’as face à certains types de situations, et j’ai d’ailleurs récemment suivi des ateliers sur l’estime de soi et la gestion du stress pour m’aider.

Mais comme je l’ai déjà vu et entendu, les troubles anxieux sont des maladies dont on ne se débarrasse jamais complètement et dans ce cas, ce n’est pas de la guérison qu’on doit parler, mais de rémission. Il peut donc arriver que l’on passe une certaine période où ça va bien et où l’on pense que tout est sous contrôle, mais ça ne prend pas grand chose pour que l’on rechute.

Combien de fois il m’est arrivée, après une période calme, de faire une rechute suite à un simple élément déclencheur quand j’étais sur le support français de Forumactif, même avant d’entrer dans le Staff ? Il suffisait juste que larme d’ange questionne ma façon de faire ou que je fasse une gaffe ou que Patmax grogne, ou bedon que quelqu’un critique ou s’en prend à un de mes contacts et c’était tout de suite la grosse attaque de panique, tellement j’avais peur des figures d’autorité, des caractères forts et du jugement et tellement mon estime de soi était faible ! Combien de fois j’étais passée proche de partir en annonçant que je m’en allais ou que je prenais une pause alors que j’étais en pleine crise d’angoisse aiguë, et qu’une fois la crise passée, je revenais ?

Et tout ça, alors que j’ignorais totalement que j’étais phobique sociale ! Seul un anxieux social peut comprendre ce que j’ai vécu, les non-anxieux devaient me trouver folle à agir ainsi car ils ne comprenaient pas ce qui se passait dans ma tête !

Aujourd’hui, bien que j’ai beaucoup travaillé sur ça, je viens de me rendre compte que les rechutes nous guettent tout le temps. D’ailleurs, ça faisait déjà un bout que je n’ai pas eu d’attaques de panique suite à la lecture d’un post… si je me souviens bien, la dernière fois c’était en février quand je m’en étais tapée trois d’affilée en moins de 24h.

Le retour du comeback

Mais aujourd’hui, alors que j’avais OSÉ sortir un peu de ma coquille en donnant des liens pour exprimer mon scepticisme sur la toxicité de l’aspartame dans un post sur PZ, v’là-t-y-pas que quelqu’un a répondu en remettant en question l’un des liens…
Et tout de suite, c’est la rechute, à cause de cette désagréable impression d’être jugée, ce qui me ramène à ma peur d’exprimer mes opinions, peur qui a été maintes fois alimentée par les trolls passés !

Donc en ce moment, j’ai un motton qui persiste depuis la lecture du post en question il y a moins d’une heure, et j’ai eu aussi plusieurs shots de tremblements… pas sûre que je vais bien dormir tantôt…

Et c’est justement quand j’ai ces rechutes que je me demande si je vais enfin en venir à bout un jour… Bâtard, j’ai 26 ans et j’aimerais bien un jour pouvoir fonder une famille sans être en angoisse 24/24 ! Déjà que j’avais de temps en temps des rêves la nuit en rapport avec la maternité (accouchement, grossesse, présence d’un poupon) depuis quelques années, là ça fait déjà trois nuits d’affilée que j’ai des rêves où soit je suis enceinte, soit je viens d’accoucher, et pour la première fois, c’était un petit garçon alors que d’habitude, c’était tout le temps une petite fille !

Bon, assez de chiâlage, je pars au dodo pour essayer de m’éclaircir les idées qui se bousculent dans ma tête présentement envahie par une tempête.

En même temps, j’apporte quelques retouches à la mise en forme et j’ajoute quelques précisions.

Enjoy !
———————–
(Originalement posté le 21 août 2009)

D’habitude, les sites offrant un logiciel commercial (Adobe par exemple) ont une structure et une esthétique bien travaillées et sont faciles à naviguer, ce qui les rendent invitants pour le client potentiel. Mais il y a des exceptions…

Il y a quelques jours, en faisant ma ronde quotidienne sur QuébecOS, je tombe sur un post où l’un des membres est venu faire découvrir un shareware de captures vidéo pour Linux qu’il a découvert et dont il a été impressionné par la fluidité des vidéos créées pendant ses tests.
-> lien du post en question

Il a donc donné le lien vers le site, en mentionnant que le site est bordélique. Je suis allée voir et je comprends totalement le choix du terme.

Vous pouvez le voir par vous-mêmes : http://www.demorecorder.com/

Je vous livre donc ma critique, que j’avais d’abord postée sur Gimp-Attitude, mais que je reposte ici sur le blog :

Les points négatifs

En regardant le code-source, on remarque que l’ordre logique n’est pas du tout respectée. Une page respectant l’ordre logique doit avoir cette suite : header -> menus -> contenu principal -> footer.

Mais dans le cas du site cité, on a ceci : Colonne centrale contenant le logo central, le contenu principal et le footer. Ensuite, on a la colonne de gauche, avec la partie gauche du header (une simple image de la boîte juste "là" sans aucune intégration graphique) et le menu de gauche. Puis vient en dernier la colonne de droite, contenant les blocs de droite.

Donc, au final, le footer n’est même pas en bas de la page, et le menu est placé après le contenu principal ! Donc, on ajoute à ça l’absence de skiplinks pour avoir comme résultat que tous les sans-souris fuient car ils n’ont pas envie de s’abîmer les tunnels carpiens à user la touche « Tab » pour avoir le menu… j’ai déjà mal à mon épaule droite rien qu’à y penser, déjà que je viens tout juste de reprendre mes traitements de physiothérapie pour soigner mon épaule en vue de retourner sur le marché du travail… ouch !

TOUT est en Times New Roman ! Et comme on sait que ce type de police n’est pas très adapté pour les écrans, où sa lecture n’est pas très aisée… ça on réserve ça à l’imprimé !

La page d’accueil : Mettre les questions fréquentes dans la page d’accueil, ça allonge inutilement la page d’accueil qui doit être la première page sur laquelle le visiteur tombe. Or, une page d’accueil surchargée rendra le visiteur mal à l’aise. Ces questions et réponses, je les aurais vu dans la page FAQ.

Le design : J’ai beau faire dans le le style épuré, mais ce design, on dirait qu’il n’est pas fini, il est trop brouillon. Le logo de côté, où l’on montre la boîte, n’est pas du tout intégré au reste, son fond est d’une couleur complètement différente et donc, ça tranche sur le fond turquoise. Il y a aussi un manque d’homogénéité entre les pages. Pendant que le fond de la page d’accueil est turquoise, le fond des autres pages est blanc, ce qui fait sauter aux yeux la fausse transparence du logo central.

Et niveau CSS (Vive Web Developer Toolbar !), je vois un party de position:absolute;, ce qui explique donc le fait que sur ma résolution de 1280*1024, la page n’est pas centrée et donc, semble optimisée pour du 1024*768… et ça peut fatiguer certains internautes quand une page n’est pas centrée… je pense notamment à mon père, qui avait déjà baissé sa résolution à 800*600 car ça le fatiguait de voir les pages alignées à gauche avec un gros rien à droite, sur les sites à largeur fixe qu’il visitait fréquemment. Le positionnement absolu est à éviter autant que possible pour cette raison !

Les seuls points positifs

En analysant le poids, on remarque que malgré tout, la page d’accueil fait 145571 octets, ce qui est quand même loin du millon d’octets que j’avais déjà vu sur d’autres sites. Les éléments les plus lourds sont surtout l’animation Flash et les deux images d’en haut (qui ne sont pas des grosses images redimensionnées, heureusement).

Ensuite, j’ai vu peu de tableaux dans le code HTML, comparativement aux pages bourrées de tableaux mur à mur qu’on rencontre encore régulièrement.

Conclusion

La structure est à repenser, et le design est à retravailler, afin de mettre des chances de son côté, pour rendre le site plus attractif et ainsi attirer davantage de Linuxiens modérés, en améliorant son ergonomie et sa présentation visuelle pour que le site ait l’air plus « pro ». Qu’il n’hésite pas à faire appel à un webdesigner-intégrateur s’il le faut, pour réaliser le travail !

Ceci était ma première critique, mais peut-être pas la dernière, ça dépendra sur quoi je pourrais tomber.