#Conseil lecture

[lerefugedeluza]

Salut !

Cette semaine j'ai sortie une nouvelle vidéo où je vous partage mes astuces pour être productif & efficace (histoire de se débarrasser du travail le plus vite possible et de pouvoir faire ce qu'on veut ensuite).

J'ai aussi fait une petite partie vlog pour vous montrer ce que je fais, si ça vous intéresse ! N'hésitez pas à regarder, partager et vous abonner ♡

Bon visionnage !

[taramboyle]

J'ai demandé à plusieurs lecteurs quel était leur roman préféré et pourquoi. Découvrez leurs réponses inattendues ! Et pourquoi ne pas donner votre avis ? 🥰

[zeboute]

C'est l'été ! Les lectures en replay..

C’est l’été ! L’été est le moment propice à lire, et surtout à relire ce que vous avez loupé. Et vous avez tous votre smartphone en poche en chemin, à la plage, ou dans votre chambre de vacances… Alors scrollez.. Et je vous propose ici les pépites de lectures à relire ! Continue reading C’est l’été ! Les lectures en replay..

[clairvoyanceetheree]

Découvrez Horoscoop Rachel : Votre Guide Vers L'Avenir 🌟

Bienvenue sur notre blog où nous explorons ensemble les mystères de l’avenir avec Horoscoop Rachel ! Êtes-vous prêt à plonger dans le monde fascinant de la voyance ? Que vous cherchiez des réponses sur l’amour, le travail, ou votre chemin de vie, Rachel est là pour vous guider. Votre Destin Révélé avec Horoscoop Rachel 🔮 À la recherche de clarté dans votre vie ? Horoscoop Rachel offre une…

[lesparaversdemillina]

L'héritière de Tambora d'Elizabeth HARAN

Tara est une protagoniste se retrouvant au coeur d'une aventure qui la dépasse. Vivez une lecture riche en fraîcheur et cocooning

[carla-is-tiping]

"Une éducation" essentielle

Educated de Tara Westwood, ou “une éducation” en français est un mémoire retraçant l’enfance plutôt… originale de l’auteure. En effet, Tara a grandit au sein d’une famille de complotistes. De ce fait, elle n’est jamais allée à l’école, apprenant à lire et à écrire à partir de textes bibliques.  Elle retrace brillamment ses souvenirs d’enfance, parfois terribles, dans lesquels ont se trouve…

[crepuscule-pourpre]

[secrets-stones]

Avis rapide : petit guide des pierres trafiquées et contrefaites

Bonjour à tous !

Pour changer un peu, je potassais légèrement ayant reçu un des livres proposé et conseillé par Sayori de Secrets lunaires.

Une très jolie découverte d'ailleurs ! Ce livre est paru chez améthyste éditions et est facile à transporter étant de petite taille. Il y a de nombreux conseils dedans, les explications sont d'ailleurs réellement claires et la lecture fut rapide !

Lorsque le texte est illustré, c'est également un véritable plaisir 😊 Tout se suivait sans souci, les paragraphes étaient fluides... BREF je ne regrette pas du tout l'acquisition ou la lecture tant j'ai passé un bon moment. Je le relirai sûrement, d'ailleurs, ou l'aurai avec moi lors de mes sorties.

Je trouve tout de même fou les modifications effectuées sur la plupart des gemmes que ce soit pour les rendre plus jolies ou pour les faire passer pour d'autres... Si on ne fait pas attention, dans certains cas, il aisé de se faire avoir.

D'ailleurs, cela m'a permis de me rendre compte que pour certaines, il est facile de réaliser que ce ne sont pas les vraies... Mais pour d'autres, c'est une autre paire de manche ! Le fait qu'un chapitre soit par rapport aux outils m'a également plu !

Connaissez-vous ce petit livre ? L'avez-vous lu ?

Passez une belle journée !

[taramboyle]

« C'est le deuxième livre de Taram Boyle que je lis avec passion , il décrit l'amour avec un grand A ... J'aurai adoré rencontré un "Gibran" dans ma vie ... Un immense bravo à toi Taram , j'ai adoré te lire encore une fois ! »

Les Amours Contre Nature

[linguafrencha]

Mon conseil de lecture <3

This is the reading recommendation I wrote for my French class. I'll put a translation under the cut. Feel free to correct any mistakes!

Mon livre favorite que j’ai lu cette année s’appelle « La maison des feuilles » et c’était écrit par Mark Z Danielewski. Je voudrais vous parler de pourquoi vous devrait lire ce roman. C’est un livre d’horreur et est commercialisé pour être le livre le plus effrayant de tous les temps. Maintenant, je sais que beaucoup de gens n’aime pas l’horreur et a vous je veux dire que ce livre est plus que seulement horreur. Il n’est pas un livre ordinaire, Il n’est pas une histoire linéaire ni a le format habituel d’un roman. Plutôt l’auteur joue avec le formatage, les mots et la façon dont ils apparaissent sur la page.

Mais de quoi s’agit-il maintenant ? Bien, c’est un peu compliqué. Comme je l’ai dit, le livre n’est juste pas pour te faire flipper mais il y a aussi des drames et d’humour et tragédie.

Le protagoniste Johnny Truant trouve des écrits académiques d’un homme décédé. Johnny avait une enfance très triste et maintenant passe son temps boire d’alcool et avoir des relations sexuelles. Mais quand il lit les mots de l’homme sa vie change. Il commence à perdre lentement la tête et devient obsédé. J’aime comme au début Johnny semble être un homme ivre sans instruction, seulement intéressé par le sexe, mais pendant tout le livre le connaissons mieux et mieux et commencer à l’aimer.

L’homme écrivait sur une famille qui emménagent dans une maison dans ils trouvent un couloir noir que ne devrait pas être là selon le plan. Ils découvrent que le couloir c’est sans fin et les murs et chemins changent beaucoup de temps. En plus ils entendent un grondement d’une source inconnue. Ensuite ils découvrent un escalier sans fond qu’ils descendent.

Donc l’histoire de la maison c’est terrifiant mais elle est aussi sur la famille qu’habite là. Il y a beaucoup des problèmes conjugaux qui sont exploré. Chacun d’entre eux a son peurs et ambitions et la maison teste leur amour l’un pour l’autre.

J’adore comme l’histoire et le formatage te fait sentir la grandeur du couloir et la profondeur du l’escalier. Ça donne le vertige et peur de tomber. En plus l’écriture fait le lecteur penser et faire attention à tous les détails. L’histoire peut aussi être huméraux et il vous fait tomber amoureux des personnages.

Lire ce livre c’était une expérience que je n’ai eue jamais, et je le recommande à tous ceux qui aiment les histoires étranges et effrayantes qui sont à la fois très tristes et profondes.

My favorite book I read this year is called "The House of Leaves" and it was written by Mark Z Danielewski.  I would like to tell you why you should read this novel.  It is a horror book and is marketed to be the scariest book of all time. Now I know that a lot of people don't like horror and to you I mean this book is more than just horror. It is not an ordinary book, it is not a linear story or has the usual format of a novel. Rather, the author plays with formatting, words, and how they appear on the page.

But what is it about now? Well, it's a bit complicated. As I said, the book isn’t just there to freak you out but there is also drama and humor and tragedy.

The protagonist Johnny Truant finds some academic writings of a deceased man.  Johnny had a very sad childhood and now spends his time drinking alcohol and having sex. But when he reads the man's words his life changes. He begins to slowly lose his mind and becomes obsessed.  I like that at first Johnny seems to be a drunk man without education, only interested in sex, but throughout the book we get to know him better and better and begin to love him.

 The man was writing about a family who move into a house in which they find a black hallway that should not be there according to the blueprint. They discover that the corridor is endless  and the walls and paths change a lot. In addition they hear a rumble from an unknown source.  Then they discover a bottomless staircase that they go down.

So, the story of the house is terrifying, but it is also about the family that lives there. There are many marital problems that are explored.  Each of them has their fears and ambitions and the house tests their love for each other.

I love how the story and the formatting makes you feel the grandeur of the hallway and the depth of the staircase.  It makes you dizzy and afraid of falling.  In addition, the writing makes the reader think and pay attention to all the details.  The story can also be funny, and it makes you fall in love with the characters.

Reading  this book was an experience I have never had, and I recommend it to anyone who loves strange and frightening stories that are at the same time very sad and profound. 

[cerulane]

Le conseil de Konoha oblige Uchiha Saki à épouser Naruto ou à faire face à un procès pour trahison.

J’aime bien les histoires d’amour qui commence par un mariage arrangé : la colère, le déni, la peur d’aller trop loin, les deux époux qui se tournent autours…

Dans cette fic, tout est réglé très vite. La tension sexuelle prend très vite le pas et, en une poignée de chapitres, ils baisent comme des lapins et veulent fonder une famille. On enchaîne ensuite sur les machinations du Conseil qui aimerait voir le clan Uchiha éteint.

Ça aurait pu être intéressant mais tout est survolé. Les sentiments des protagonistes et les intrigues ne sont pas approfondies. Le style trop simpliste de l’auteur ne m’a pas captivée et j’ai fini par abandonner ma lecture.

[thedenmdy]

Accessibilité, design, codage… : par où commencer pour le (re)design de mon forum ? (2/2)

Ceci est la suite de mon premier post disponible ici ! (je suis en galère sur la mise en page, bear with me KLJDHSD) -- Suite aux différents questionnements qui viennent nourrir ton processus de design, on passe à un peu plus tangible.

Conceptualisation : Comment ?

Comment est-ce que tu peux atteindre les objectifs que tu t’es fixé dans les questions précédentes ?

Ça peut passer par une liste des templates que tu veux revoir en priorité, ça peut passer par des checklist de fonctions à intégrer à ces templates pour ne rien oublier.

Personnellement, je recommande de passer par une étape de wireframe pour ne pas partir trop à l’aveuglette et garder le cap sur la quantité de travail à venir !

Qu’est-ce qu’un wireframe ? En gros, dessiner des grosses boîtes pour symboliser tes fonctions, et bricoler un squelette de page avec pour savoir comment structurer ton nouveau design sans rien oublier ! Un wireframe prend n’importe quelle forme, du gribouillis sur papier au Figma collaboratif en passant par des post-its, c’est toi qui décides ce qui te parle le plus !

Voici une liste de petits conseils en vrac à garder en tête lorsque tu t’approches de la construction tangible de ton nouveau design :

Concentre-toi sur les fonctions qui font vivre le forum en priorité 🔥

Tu veux donner l’espace à tes membres pour écrire et construire leurs histoires et leurs personnages, pour échanger entre joueur.se.s en paix ! Contrairement à ce qu’on a laissé s’installer comme standard, il vaut mieux parfois éviter de se disperser et de trop en faire au risque de non seulement rendre l’expérience trop complexe pour tes membres, mais aussi de te mettre une pression énorme en tant que staff.

Le coeur de nos forums, c’est le RP sans distraction (écriture comme lecture), mais aussi la création d’univers avec les médiums que chacun.e préfère ! Ça passe aussi par le confort que tu peux apporter en proposant une interface claire qui les mettra en confiance pour créer. Par exemple, passer 75% du temps d’écriture à débuguer un code de fiche n’est pas très motivant pour la créativité (sauf pour les bouffeurs de cartes graphiques de ce monde, je me compte dedans 🤡). De même, perdre du temps pour retrouver X ou Y information parce que la navigation est trop complexe ou les annexes peu lisibles dissuadent également de potentiels nouveaux arrivants !

N’aie pas peur de jeter tout ce qui est superflu - promis, ça va aller ! 🙆‍♀️

As-tu réellement besoin de ce champ “inventaire” dans le profil des membres ou est-ce que ça peut simplement être une liste dans un post dans la gestion des personnages ? Est-ce que toutes les informations affichées sur ma page d’accueil sont-elles utiles au quotidien et/ou très nécessaires ? On l’a tous.tes rencontré, ce problème…

Retirer ce qui n’est pas utile, c’est non seulement un gain de place et d’espace pour améliorer la lecture de ton forum, mais aussi un gain de temps et d’énergie pour toi, codeur.se, graphiste, admin qui doit maintenir ton forum, que de ne pas s’embêter avec 20 différents champs de profil dans un mouchoir de poche, ou des citations vagues pas toujours très claires ni très utiles dès qu’il y a un blanc à combler.

C’est un peu la technique Marie Kondo, mais pour les interfaces web, et peut-être en un poil plus radical. If it does not spark joy (ou si ça ne vous est pas utile au quotidien), alors tu peux jeter - ça ne te manquera probablement pas ! Et rien n’est définitif. Si finalement, ça s’avère important, tu le verras très vite !

L’accessibilité web, c’est tout d’abord pour les utilisateur.rices en situation de handicap, évidemment. C’est très important, c’est le but prioritaire de l’initiative. Mais si tu peux et veux aller plus loin, ça ne s’arrête pas là !

C’est aussi rendre ton forum utilisable et inclusif pour des membres qui n’ont pas forcément les moyens de posséder du matériel dernier cri, c’est le rendre accessible aux potentiels membres qui ne vivent pas dans une grande ville et/ou avec une connexion internet datée…

L’accessibilité web au sens large englobe tout profil d’utilisateur pouvant être défavorisé.e d’une manière ou d’une autre (par des troubles physiques, neurologiques, par leur milieu social, par leur localisation géographique…) qui l’empêcherait de pouvoir venir s’amuser avec d’autres joueur.se.s…

À titre d’opinion plus personnelle, j’aime aussi penser que l’accessibilité web dans sa mission la plus large devrait également englober l’inclusivité ; parce qu’un espace, une communauté ou un produit qui discrimine d’une quelconque manière n’est à mon sens, tout simplement pas accessible par définition.

Commence ton nouveau design avec les best practices courantes en tête, et tiens-toi y au maximum !

C’est peut-être plus facile de commencer de quasi-zéro, plutôt que de repasser balise par balise sur un code déjà créé (peut-être par d’autres personnes, peut-être ayant vu passer de nombreuses modifications au fil du temps… un casse-tête en perspective).

La base du Blank Theme de Geniuspanda propose une bonne base propre si tu es découragé.e par les thèmes de base de Forumactif (as you should, c’est un joli bazar).

Parmi les conseils et best practices plus techniques à garder en tête lorsque tu construis ton design d’interface, en voici quelques-un (mais mes collègues créateur.rices ont déjà beaucoup écrit à ce sujet, quelques liens sont dispo en fin de post !)

➡️ Tu connais le laïus des tailles de typo… on reste à 14px minimum pour le texte courant, et des interlignes de 150% de la taille du texte !

Le choix des typographies également est important - garde les zigouigoui fancy pour des gros titres seulement, et fais dans la simple sans-serif/sans empâtements (de type Helvetica/Arial) pour le corps de votre texte !

Les typographies serif/à empâtements (de type Times) sont faites pour l’imprimerie, pas le web… si tu y tiens, elles peuvent cependant faire de très bons titres, si la taille de caractère est suffisamment grande !

➡️ Le gras, l’italique, les couleurs, les paragraphes clairement définis… sont des éléments indispensables à la lecture de ton contenu, surtout s’il devient long.

Ils ancrent l’oeil lorsqu’on parcourt la page et nous aide à lire plus rapidement et sans s’épuiser, et attirent notre attention pour mieux se concentrer !

Attention aux choix de couleurs : outre le contraste et les potentiels membres atteint.e.s de daltonisme, n’oublie pas non plus le changement entre light et dark mode, par exemple ! Cette teinte de rouge bordeaux sera très bien sur fond clair, mais si la moitié de tes membres utilisent le dark mode, c’est foutu…

➡️ VIRE MOI CE TEXTE JUSTIFIÉ DE LÀ ! (je rigole zéro I will die on this hill .) (vas-y, je regarde .) (👁️ 👁️)

Trève de clowneries, pour le web en particulier, même si beaucoup trouvent ça visuellement “satisfaisant”, la justification est un désastre de lisibilité. Les espaces entre les mots d’une police de caractères sont précisément calculés pour faciliter la lecture et le mouvement de l’oeil ; par défaut, la justification dérègle et déséquilibre ce travail.

C’est un mode d’alignement qui est fait pour des paragraphes de texte aux largeurs précisément calculées (du genre : colonnes dans un journal) et donc fait pour l’imprimerie, et pas pour des écrans et des interfaces responsive à largeur variable !

➡️ Le scroll interne, c’est (pour la majorité des cas) démodé : dit comme ça, c’est un peu sensationnel, mais c’est réel.

Autrefois, on voulait tout caler dans une seule page au maximum, avoir toutes nos informations dès le premier chargement. Certes, avoir les informations importantes en haut de page et même above the fold (avant de commencer à descendre dans la page au-dessus de la bordure du bas de la page) est bien, mais ce n’est plus aussi important qu’avant. Dites merci aux smartphones et aux r��seaux sociaux aux scroll infinis, qui nous ont clairement fait accepter le geste comme partie intégrante de notre expérience web !

N’aie pas peur d’avoir des longues pages : si le contenu est clairement lisible et structuré, ce n’est plus un problème. Il vaut mieux être transparent.e sur la vraie longueur de tes pages d’emblée et la montrer à tes membres dès le chargement de la page, plutôt que de tout planquer dans des petites pochettes-surprise au scroll interminable et souvent très étriquées.

➡️ Optimise tes images dès que possible : une image devrait idéalement peser moins de 500Kb, 1MB peut-être maximum si il s’agit d’une image importante (par exemple, un header ou un fond). Limite l’utilisation de gifs animés au minimum, et veille à ce qu’ils ne soient également pas trop lourds. Pour optimiser tes JPEG ou tes PNG, compresse-les sur Photoshop ou similaire à l’export d’abord, puis tu peux également les passer à la moulinette Tinypng pour diminuer encore leur poids !

➡️ Less is more : laisse respirer ton forum !

C’est important pour la hiérarchie des informations, et pour pouvoir lire le contenu sans se fatiguer. Un espace vide n’est pas une mauvaise chose !

Alternativement et débat peut-être parallèle, j’aimerais pouvoir déconstruire cette idée reçue qui s’est établie au fil du temps que plus il y a de choses, mieux c’est. Les forums rpg sont victimes d’une course au toujours plus pour se démarquer, qui est très “naturelle” d’un point de vue social, concurrentiel et au fil de l’évolution des modes. Ça a aussi toujours été au détriment de l’accessibilité - ce n’est pas nouveau (fallait voir la gueule des trucs en 2005 je vous jure, on se rend vraiment pas compte du chemin parcouru KDJSHD).

Mais en 2024, non seulement on a des voix pour se rendre compte qu’on peut et doit mieux faire, mais aussi les outils pour ! C’est difficile à intégrer et ce sera une idée pré-concue qui risque de durer encore longtemps, mais un forum simple et épuré n’est pas un mauvais forum ! Il y a d’autres moyens de construire un univers original, créatif et visuel que par l’accumulation et le maximalisme ambiant qui s’est installé au fil des années, au détriment de beaucoup d’autres choses importantes (perte de temps de construction/maintenance, pression de la surenchère, diminution des performances techniques/augmentation des temps de chargement, et, évidemment, le manque de lisibilité et accessibilité).

Si nos parents (et même nous encore) étions capables de nous projeter dans des jeux de rôle sur table sans rien d’autre qu’un MJ et une fiche de personnage gribouillée sur un bout de papier, je suis persuadée qu’on n’a pas besoin de tout ça pour créer et écrire sur Internet !

Disclaimer de fin

Celleux qui connaissent mes projets pourraient me jeter la pierre du “faites ce que je dis et pas ce que je fais” là dessus, je plaide coupable. Personne n’est parfait, aucun forum n’est parfait !

Le mien comme tout autre a son lot de problèmes et de points à améliorer dont le staff est conscient, pour diverses raisons pour la plupart historiques, et est victime d’une tendance très personnelle à vouloir être toujours trop exhaustive (mais je me soigne… un peu… vous pouvez constater la longueur de ce post, c’est compliqué LOL). Et pour chaque problème réglé, peut-être que de nouveaux apparaîtront ailleurs.

Mais avec le temps, ça se corrige ! Tous ces points sont des choses que l’on peut améliorer petit à petit, en remettant nos choix en question régulièrement après un peu de recul.

À titre d’exemple, on travaille (lentement) en ce moment sur une grosse refonte du code et du design (le gros de la version actuelle datant de l’été 2022), avec une nouvelle revue de la typographie et de l’utilisation de l’espace qui se fait évidemment toujours trop tarder, mais aussi avec une emphase particulière sur l’optimisation des scripts additionnels du forum. Ajoutés récemment dans une phase initiale de test pour juger de leur accueil dans la communauté, ils sont cependant mal optimisés (tournent à vide sur des pages sur lesquelles ils ne sont pas utiles, demandent trop de ressources…). Ils sont même aujourd’hui sont une très grosse cause de nos problèmes de performance actuellement, et posent souci à plusieurs membres dont le matériel a du mal à suivre, ce qui n'est franchement pas viable. Avec cette refonte, on essaie de nous recentrer sur le “où”, “quand” et “comment” : sur quelles pages et à quel moment de mon utilisation du forum ces gros scripts sont-ils nécessaires ? Comment puis-je les réorganiser avec les outils que Forumactif me propose ?

En conclusion…

Si le débat ou la démarche de refaire toute ton interface te fait peur, c’est normal !

Déjà, Forumactif n’aide pas (trop - pour mettre le nez dans du vrai webdev quotidiennement, ça pourrait être bien pire, honnêtement. Le service proposé a un potentiel immense pour quelque chose de 100% gratuit !), notre matériel de base n’est pas optimisé ni facile à comprendre pour les plus novices. Et bordel, un forum, c’est pas juste une page statique, c’est une interface super complexe, quand on y pense !

Mais aussi, il s’agit d’un hobby, et il n’y a pas vraiment de “bon” moyen universel pour essayer d’améliorer l’accessibilité et l’usabilité de son forum. On fait avec notre temps libre et nos connaissances, et si vous n’avez pas le temps et les capacités de pousser plus loin que des tailles de police ou d’interligne, eh bien, au risque de me répéter, j’ai envie de dire que c’est déjà mieux que rien.

Toute initiative peut être une bonne initiative, tant que tu la prends ! La première étape est d’être conscient.e des améliorations possibles et d’accepter qu’on devrait mieux faire quand on le peut.

Je ne saurais que vous encourager à entamer la démarche, le reste viendra en temps et en heure - que ce soit en termes de temps libre, d’énergie ou de connaissances !

Et surtout : demande-toi toujours “pourquoi” 🫶 Merci d'avoir lu jusque là et : courage, tu peux le faire !!

Quelques ressources utiles

Pour se renseigner

Le manifeste du W3C sur l’accessibilité web

The ultimate UX Design Thinking par Annie Dai (en Anglais)

Overlay Fact Sheet partagée par @brunswicked

Tutoriels et conseils

La section tutoriels du forum du Blank Theme par @code-lab

Rendre vos forums plus accessibles par @noxeternam

Conseils d’accessibilité graphique par @andthesunrisesagain

Tips d’optimisation de votre design par @aeroplvne (la bise !)

Installer un dark/light mode par @decrescxndo

Mon petit plaisir du lot pour l’inspiration…

Je vous conseille de lire la série de posts de @code-lab sur le développement du design de What Remains (1 - 2 - 3 - 4)

Même si ça peut paraître être une dose de travail et de recherche assez énorme pour quelque chose que vous faites dans votre temps libre, c’est simplement très intéressant pour observer la démarche de design dans ses phases de construction et avec des visuels à l’appui !

[rollinginthedeep-swan]

En ajout au texte important de @crococookie juste ici

Je voulais reblog et poster à la suite mais mon texte est vraiment trop long.

Poster ça, ça m'angoisse énormément. J'ai toujours peur qu'on m'interprète de travers. J'ai donc hésité longuement mais j'ai envie de rebloguer parce que même si j'ai pas été diag de troubles dys liés à la lecture et l'écriture (ce qui ne veut pas dire que je n'en ai pas, l'errance médicale, tout ça) je suis terriblement étourdie. Et si je me décide à l'écrire, c'est parce que l'an dernier, une personne a osé me demander de me relire et de corriger mes fautes, sur un paragraphe que j'ai écris rapidement en étant au téléphone un jour où j'étais sollicitée toutes les deux minutes. Avec les troubles qui me sont propres, mon vécu et j'en passe, j'ai mis du temps à me réconcilier avec l'orthographe et la grammaire. Le scolaire ne m'a pas aidé (du tout).

C'est le RP qui l'a fait.

Attention, il n'y a aucune agressivité dans ce poste (je pense que maintenant vous avez assez pigé mon mood de meuf pacifiste qui lève le drapeau blanc et veut qu'une chose : LA PAIX BORDEL.) , je partage juste mon expérience et mes conseils sur le sujet des fautes et du rapport à L'orthographe dans la commu RP. C'est aussi un petit appel à la bienveillance et à une direction vers un comportement plus chill envers vos partenaires qui font des fautes.

L'autre raison qui me pousse à poster, c'est parce qu'à la minute où j'écris je n'arrête pas de me relire. Et ça montre bien que je suis encore marquée par mes débuts dans la sphère du RP.

J'aimerais beaucoup vous dire que c'est exclusivement grâce à la bienveillance d’autrui, mais ce serait mentir. En quinze ans et surtout au début, j'ai eu le droit à des commentaires assez (trop) désagréables. C'est la capacité des autres à ne rien laisser passer qui a heurté ma confiance en moi et qui m'a donné l'impulsion de ne plus leur donner aucuns prétextes pour me reprendre. Et vous savez, je ne leur en veux même pas, à ces personnes. Je leur pardonne même assez facilement et je suis persuadée qu'iels ne sont pas tous-tes malveillant-e-s. L'humain est plus complexe que ça.

Ce qui m'a poussé à ne plus vouloir faire de fautes, c'est mon foutu caractère et ma tendance à vouloir contredire les personnes qui ne laissent rien passer. (Parfois ça peut être un problème, d'autre, un vrai coup de pied aux fesses pour faire face aux détracteurs. Et là, notez toujours qu'on parle de mon expérience personnelle avec mon profil à moi. Je ne parle pas pour tout le monde. Pitié, ne demandez pas à une personne dys de 'faire un effort', c'est validiste et grossier. Et si vous avez du mal, on a beaucoup de personnes concernées qui sont là pour donner des sources et aider à comprendre.)

Je fais encore des fautes d'étourderie aujourd'hui. Je vous raconte pas le nombre de fois où j'édite des postes parce que j'ai vu une boulette d'étourderie. (Rien que ce matin j'ai dû éditer un petit poste d'intrigue parce que j'ai réalisé que j'avais oublié un fuc$$ng mot pour que ma phrase fasse sens.) Y a un truc que je peux conseiller pour les gens maniaques de l'orthographe (dont je fais partie, faut pas croire) : S'il-vous-plaît (vraiment, je demande gentiment) attendez qu'on vous demande ? (En supposant que ça puisse arriver.) C'est frustrant et même blessant. Et si on vous demande : Ne pas jouer les profs avec des formules telles que : 'Ceci ne s'écrit pas comme ça, mais comme ci'. Vous partez ainsi du principe qu'on ne sait pas. Et même si c'est le cas, n'oubliez pas que les troubles dys existent et que vous ne connaissez ni la personne ni son vécu. Derrière l'écran, c'est toujours un être humain.

J'rp par exemple avec une personne Dys qui me pond les textes les plus élaborés et qui passe un temps fou à se relire. Chaque profil est différent. N'oubliez pas qu'on est aussi souvent crevé-e-s de nos semaines et que même s'il y a des gens qui pondent des textes sans fautes hyper facilement, c'est pas le cas de tout le monde et derrière, on peut se retrouver à être nombreux-ses à complexer, à vouloir poster des trucs parfaits parce qu'on a encore le souvenirs de ces remarques qu'on ne veut plus affronter. Même si derrière, on a les partenaires les plus adorables et les moins regardants de la sphère. Ça peut gâcher le plaisir d'écrire, alors que le RP est un loisir. Pas un job. On ne va pas publier nos écrits, on le fait pour se changer les idées et s'amuser. Un rappel constant de nos étourderie ne va rien arranger, ça ne va rien changer. Même si vous pensez sincèrement bien faire, et quand c'est le cas - parce qu'on ne peut pas espérer que ça le sera toujours malheureusement - merci de vouloir aider, même si c'est maladroitement. (Mais écoutez les conseils svp)

Bref, restons indulgent-e-s et humain-e-s, on a une passion commune vraiment géniale. <3

Si vous avez tout lu, merci d'avoir pris le temps pour ce pavé qui complète un poste à lire absolument !

Des bises,

Swan (qui va lutter contre l'envie de relire et éditer ce texte pour la cinquantième fois.)

[andthesunrisesagain]

Conseils accessibilité graphique

Je me dis que c'est le bon moment pour re-poster ce post de 2021 qui trainait dans mon ordi, suite au message de @petrichorpg !

Point à noter :

L'accessibilité, ce n'est pas tout ou rien. On peut améliorer beaucoup de choses et d'autres seront plus difficiles car nous n'avons pas les connaissances, les compétences, le temps ou l'énergie. Le plus important, c'est de s'y mettre.

Même si je suis un fervent admirateur du design dit universel (bon pour tout le monde), l'accessibilité a aussi ses besoins de personnalisation. Certains handicaps, maladies, neuroatypies requièrent des aménagements précis et qui n'iront pas à tout le monde. -> Exemple : des personnes liront mieux en grand, d'autres en petit (vision tubulaire) ; un dark mode hyper contrasté conviendra bien à quelqu'un mais sera trop "bright" pour d'autres (c'est mon cas, j'adore le dark mode mais souvent, les textes sont trop lumineux pour moi).

Mais globalement, les conseils ci-dessous répondent à beaucoup de besoins et permettent d'améliorer l'accessibilité globalement. Ils sont majoritairement issus des recommandations internationales (et sinon, à travers mon expérience de graphiste).

J'ai encore pleins d'idées sous le coude mais bon, là j'ai déjà corrigé certains éléments de cette liste partagée en 2021. On verra pour le reste un jour aha

Je suis ouvert à toute question, clarification et correction en commentaire !

“Mais souvenez-vous que vous ne faites pas ce design pour des designers. Vous concevez un site pour des utilisateurices varié·es aux besoins divers, et avec différents outils pour y accéder.”

(terminologie : user -> utilisateur·trice / dys’ -> raccourci pour évoquer une partie ou l'ensemble des troubles d'apprentissage dont le préfixe est « dys »)

Typographies :

Textes tout en uppercase/capitales :  À éviter sur tout un paragraphe, à garder pour de court mot ou court texte (1 ligne) -> Pourquoi ? Globalement, les textes tout en capitales manquent de lisibilité à cause de l’absence des repères de lectures comme les lettres qui montent (l,d,k) et qui descendent (p,j).En majuscules, toutes les lettres sont à la même hauteur.

Textes tout en lowercase/minuscules : À éviter aussi, les majuscules servent de repère de lecture pour savoir quand une phrase débute ;).

Texte centré : Éviter les textes centrés quand ils sont trop longs (longues lignes ou beaucoup de lignes). -> Pourquoi ? Les lignes d'un texte centré ne débutent pas aux mêmes endroits et la lecture en est impactée. À garder pour de très courts textes type 2 lignes (citation, titre et sous-titre court...)

Texte justifié : Éviter globalement (oui je sais, 98% des forums ont leurs textes justifiés aha....) -> Pourquoi ? Sur le web, on peut difficilement gérer les espaces entre les mots. Un texte justifié va donc créer des espaces + ou - grands entre chaque mot pour combler l'espace et rentrer dans une largeur fixe, ce qui peut complexifier la lecture (l'oeil va plus difficilement sauter d'un mot à l'autre en gros).

Texte aligné sur la gauche : À privilégier au max, surtout les longs textes ! Je sais que le justifié rend plus "esthétique" car tout est aligné. Si on veut les garder, plutôt pour les textes de catégories et privilégier le texte aligné à gauche (dans le jargon on parle de ferré à gauche) pour la majorité des textes type annexes, rp...

Line-height (espace entre les lignes) : Pour les paragraphe, il est recommandé d'avoir un line-height de x1.5 de la taille du texte.  -> Exemple : paragraphe en 16px → 16x1.5 = votre line-height. Pour les grands titres, j'ai tendance à descendre à x1.3 généralement car normalement les titres sont courts et grands.

Letter-spacing (espace entre les lettres) : Éviter de changer les espacements de lettres, surtout sur ce qui est titre et paragraphes. Normalement une typographie a des espaces précis pour faciliter sa lisibilité. En ajouter peut créer des difficultés de lecture.

Niveaux de titres (ce qu'on nomme H1, H2, H3) : Choisir plusieurs niveaux de titres et s'y tenir. Il faut que chaque élément ayant le même niveau d’informations soit dans le même style graphique à chaque fois pour aider à comprendre la structure :) -> Exemple : tous les titres d’annexes = tel css / tous les boutons = tel css / tous les sous-titres = tel css.   -> Partage d'infos en plus : les Hr ont aussi un rôle de structure pour les lecteurs d'écran (logiciel qui restitue vocalement ou en braille l'information écrite. Ils sont utilisés par certaines personnes aveugles, malvoyantes, qui ont des troubles cognitifs...).Je n'en parlerai pas dans cette liste car je n'ai pas de connaissance sur la facilité d'usage de Forumactif avec un lecteur d'écran.

Taille de texte : Sur le web, il est recommandé d'écrire en 16px minimum pour les paragraphes.

Accent et texte : Garder les accents sur les majuscules (À, É) facilite aussi la compréhension des textes.

Largeur de textes : Normalement sur FA, on n'a pas ce soucis, mais on conseille globalement d'avoir entre 50 et 70 caractères, espaces compris, par ligne pour une bonne lisibilité. Le but n'est pas de calculer chaque ligne mais de se rendre compte de ce que ça signifie visuellement ( j'utilise le site compteursdelettres).

Mise en valeur :

Changement de typographie : Éviter les changements de typographies dans des paragraphes pour mettre en valeur des éléments ! Plutôt utiliser le gras, une couleur différente ou un surlignement en couleur discrète (mais visible, faut juste pas que ça soit TROP visible).

Nombre de mises en valeur : normalement, une mise en valeur ne devrait pas être trop présente car sinon...ça voudrait dire que tout le texte est important aha. Restons utile et efficace : un peu de gras, un surlignement si besoin d'avoir 2 CSS de mises en valeur mais ne faisons pas un sapin de noël.

Italique : Utiliser l'italique avec parcimonie (manque de lisibilité sur certaines typographies). En général, l’italique sert pour des citations courtes, des mots en langue étrangère à celle du texte, des noms propres ou d’ouvrages, pas juste pour “faire joli”.

Soulignement : Éviter d’utiliser le soulignement pour des éléments non-cliquable. C'est un code connu et reconnu dans le web pour visibiliser les liens alors autant l'utiliser comme le cerveau s’y attend :)

Liens et infos :

Élément cliquable (bouton, lien, flèche...) : pas trop petit et éviter des éléments cliquables trop proches les uns des autres.   -> Pourquoi ? Une personne qui a des troubles de la vision ou de la motricité pourrait galérer à cliquer au bon endroit si c'est trop petit / trop proche d'un autre élément cliquable !

Lien et css : je conseille toujours de garder le soulignement pour les liens, c'est un code connu du web alors autant de ne pas réinventer la roue. On peut ne pas avoir de soulignement pour ce qui est "logique" (genre les menus, on sait globalement que c'est cliquable) mais un lien dans un texte, on garde le soulignement ! -> Note : Un lien en couleur seule n'est souvent pas suffisant, surtout si on utilise déjà la couleur et/ou le gras pour mettre en valeur (il y a des cas à la marge mais j'essaye de rester efficace).

Cacher du contenu : Éviter de trop dissimuler du texte dans des collapses/accordéons. Plus les textes seront cachés, plus ça créer un sentiment de “mauvaise” surprise chez les users qui se retrouvent à lire 4x plus de texte que ce qu'iels pensaient.

Renseigner ce qu'on va trouver : Sur de longues annexes, ne pas hésiter à préciser le contenu avec une introduction courte qui résume ou avec un mini sommaire. Pourquoi pas y ajouter des ancres (html) pour faciliter la navigation dans l’annexe.Liens entre les informations : Ne pas hésiter en fin d’annexe/contexte à mettre des liens vers d’autres sujets qui serviront à mieux comprendre ce que les membres ont lu juste avant. Pas tous les liens, juste ceux autour des informations évoquées au dessus. En gros, aider les users à mieux comprendre en leur indiquant où se rendre ensuite !

Plan de forum : Sur un site, on conseille d'avoir une page "Plan du site", qui récapitule toutes les pages. Je me dis qu'un post "plan du forum", spécifiquement pour la partie annexe, peut-être très cool.

Couleurs :

Contraste général : Ni trop fort, ni trop faible. Dans les recommandations officielles d'accessibilité, on parle de ratio de contraste. Il existe des outils pour tester les couleurs de texte sur les couleurs de fonds pour voir si on est dans les clous. -> Comment s'y prendre ? Je vous recommande l'outil Color Contrast Analyser qui est un logiciel sur Mac et Windows : vous entrez la couleur de texte (1er plan) et la couleur de fond (2e plan) pour obtenir un ratio de contraste. L'objectif est de viser la conformité sur "texte normal" et "texte grand" du niveau "AA" (je conseille toujours le niveau AA car sinon on rentre dans des choses plus précises type si texte plus de 24px, on peut être moins contrasté etc...)

D'autres site de contraste (si besoin, je serais ravi de faire une vidéo pour montrer comment les utiliser) :  Colorsafe.co ou Contrast-finder

Couleurs pures ou vives : Éviter les couleurs dites pures (noir #000 sur blanc #FFF, etc) ou très vives. Privilégier des nuances comme un noir coloré, grisé ou un blanc cassé, une couleur descendue et pas flashy, surtout pour ce qui est texte ! Même si le contraste sera bon, certaines couleurs trop vives peuvent entrainer des migraines ou autre sensibilité à la lumière.

Gifs : Éviter les gifs avec flash de couleurs ( type spot de soirées) ou flash trop rapides / répétition. Ça peut entrainer une crise d’épilepsie photosensible chez les personnes épileptiques (et aussi des migraines). Ou alors prévenir en amont. Donc à éviter sur des headers, à un moment c'était assez tendance. -

Éléments animés : Toujours laisser la possibilité d'arrêter une animation (ex : un fond de forum qui bouge pour donner un côté grain de vieux film -> on a un bouton qui permet de stopper cette animation.) Ça peut être plus complexe à faire mais une animation qui tourne en boucle, niveau concentration, c'est chaud :/

Information et couleurs : Ne pas signaler une information uniquement par la couleur -> Exemple : "info importante en rouge" ou pour diviser une liste d'info "en rouge les malus, en vert les bonus".  -> Pourquoi ? Les personnes daltoniennes verront le rouge jaune/marron ou rose (il existe plusieurs types de daltonisme). -> Comment ? En plus d'une couleur, on peut accompagner d'un pictogramme, d'un symbole (triangle rouge = telle info ; carré vert = telle info), ou d'un mot, tout simplement. Ne pas oublier la légende ;) En plus, c'est top pour apporter un peu plus d'identité graphique !

Récurrence d'usage des couleurs : Utiliser chaque couleurs pour les mêmes éléments au fil des pages. -> Exemple : Une palette avec du bleu doux , du gris perle et du bleu marine : le bleu doux pour tous les boutons et liens, le bleu marine pour tous les titres, le gris perle pour les separateurs....

Autres :

Poids des visuels : L'accessibilité concerne aussi l'accès à l'information quel que soit notre matériel ou notre type de connexion. Tout le monde n'a pas la fibre et des headers de 3 mo (oui j'a déjà vu :/) peuvent être très pénibles à charger. -> Conseils : N'oublions pas de diminuer le poids de nos images en passant par des logiciels de compression (compress jpg ; compress png ; compress gif). Il est toujours possible de trouver le juste milieu entre qualité et poids !

Laisser la parole : que ce soit dans un post dédié, un questionnaire en ligne et anonyme, par MP au staff ou dans la fiche de présentation (le forum Maybe this time le propose par exemple), on peut intégrer la possibilité de faire des retours d'accessibilité ou préciser des besoins précis. On ne peut pas penser à tout et peut-être qu'un besoin remonté par un·e membre aidera d'autres qui n'ont pas osé en parlé !

Pour aller plus loin :

En anglais : conseils sur les couleurs pour les personnes avec des handicaps visuels

Designing-for-color-blind-users

Colour-accessibility

En français : accessibilité, design, webdesign

Le site design accessible

[rown-cheese]

Mes lectures de 2024! ✧⁠◝⁠(⁠⁰⁠▿⁠⁰⁠)⁠◜⁠✧

Quelque chose que j'ai très fort envie de faire pour la nouvelle année, c'est répertorier toutes mes lectures que je ferai cette année (romans, BDs, etc...)! Rien qu'aujourd'hui, j'ai pu lire deux petites BDs et finir un tout petit roman (je n'aurai pas tout le temps ce rythme) mais il est tard, ahah, alors je pense que j'en parlerai demain, parce que ça me permettra de faire tout ça correctement, eheh

Je ne sais pas trop comment parler de mes lectures pour l'année à venir alors si vous avez un conseil, je prends, mais je vais au moins faire mes présentations comme ceci:

Nom du livre et de l'auteurice

Photo du livre

Résumé du livre avec mes mots à moi

Prévention sur les CW/TW potentiels qui m'ont marqué, et si le livre prend la peine de nous prévenir pour ça

Commentaire personnel sur le livre et à quel point je l'ai aimé ou non, et si je le recommande ou non

Aussi! Je me suis mis pour objectif de lire 35 livres cette année, donc un rythme de 2-3 livres par mois alors voyons si j'y arrive!

Et puis, si vous voulez me conseiller un livre, faites donc mais je ne confirme en rien de si/quand je vais l'acheter et de quand je le lirai, ahah :'))

J'espère que je pourrai réussir à vous intéresser avec ma future liste, et peut-être même que je vous donnerai envie de découvrir certains d'entre eux!

(je ne crois pas avoir le savoir infini, bien sûr, et ce n'est pas parce que j'ai un avis sur un livre qu'il est universel, vous pouvez ne pas être d'accord, bien sûr)