Une chaîne très sympa découverte complètement par hasard, j’aime bien sa manière d’aborder les sujets.
Ça reste de la vulgarisation mais il n’y a pas qu’une forme de vulgarisation et si celle-ci vous aura aidé à voir un peu plus clair alors tant mieux !
Face au marketing de la peur, les faits sur votre alimentation
L’alimentation n’a jamais été aussi attaquée qu’aujourd’hui. Les informations erronées ou mensongères se propagent dans les médias et sur les réseaux sociaux de façon massive et incontrôlée. Les spécialistes autoproclamés font et défont les recommandations alimentaires, et les injonctions contradictoires deviennent la règle.
Dans cette cacophonie ambiante, les Français sont de plus en plus méfiants vis à vis de leur alimentation, alors que celle-ci n’a jamais été aussi sûre et saine ! Parce qu’il est urgent de rétablir des faits vérifiés sur l’alimentation, l’ANIA a créé alimentation-info-intox.fr, un site internet simple et réactif permettant de répondre de façon claire aux fausses informations sur notre alimentation. Le site sera alimenté au fur et à mesure, le choix des sujets se fera en fonction de l’actualité et des attaques relevées. Les internautes auront la possibilité de proposer des sujets qu’ils souhaitent voir aborder…..
Source : Alimentation info intox – Face au marketing de la peur, les faits sur votre alimentation
Intéressant, à lire donc, j’ai pour le moment simplement parcouru mais ça me semble bien pertinent.
J’ai 2-3 articles sur des sujets en nutrition qui vont sortir, je pourrai essayer de leur soumettre…
Un sujet dont je voulais parler depuis un moment, mais la vidéo est bien plus claire pour ça et elle est bien faite en plus :)
Je mets quelques liens en plus de ceux de DBY :
Outre les problèmes cités dans la vidéo, il y a aussi, en vrac, le fait que les chercheurs doivent trouver des subventions pour effectuer leur recherches, que les « échecs » expérimentaux ne sont quasiment jamais mis en ligne (donc on refait tous les mêmes erreurs…) et donc que ce qui ne marche pas n’est pas diffusé, que les articles scientifiques sont assez lourds à lire et ne peuvent être lus que par des gens ayant une très bonne base de connaissance pour être critique vis-à-vis des résultats (merci la zététique de nous donner les outils pour !) et qu’on ne lit pas un article scientifique comme un article de blog.
Pour celles et ceux qui me lisent régulièrement, vous savez que j’ai décidé de mettre à jour mon petit blog aux normes CSS, notamment en ce qui concerne l’accessibilité.
Demain, possiblement, je pourrai être amené à utiliser Internet sans souris, avec un lecteur d’écran ou que sais-je encore, et que ça me ferait bien ch*er de galérer à trouver des infos ou à apprendre par simple mauvaise accessibilité au web.
En prenant conscience de cela, je me suis donné comme objectif d’améliorer au maximum le confort et la navigation de recherche sur mon blog.
J’ai donc modifié pas mal ma partie CSS (celle qui fait la mise en page), notamment avec le sélecteur :focus, qui permet de modifier un lien, un bouton ou autre quand il est ciblé, essentiellement par le clavier en navigant avec Tab.
Le hic sur lequel je bute, c’est que le style appliqué est aussi retrouvé lors du clique de la souris sur certains éléments. Dans les faits, ce n’est pas grave mais ça peut impacter l’ergonomie d’un site pour les personnes utilisant la souris.
Pour régler cela, la solution simple est de mettre le même style (la même règle CSS) pour le survol de l’élément en question à la souris (:hover), au clique souris (:active) et pour le focus de l’élément pour la navigation au clavier (:focus ou :focus-within).
Solution simple et efficace.
Admettons maintenant que l’on souhaite juste améliorer le contraste des liens à la navigation au clavier mais pas à la souris, qu’on veuille justement se lâcher un peu en animation et en *bling-bling* pour les utilisateurs souris et donc différencier totalement le style CSS pour la navigation souris et clavier.
Il s’avère en fait qu’il y a un problème à ce niveau.
Il n’est pas possible actuellement de le faire en pur CSS. Avec un peu de JS (Javascript) ça semble marcher, mais en CSS uniquement non.
La seule piste que j’ai trouvé est appelée :focus-visible (https://wicg.github.io/focus-visible/explainer.html) qui n’est malheureusement pas encore implémenté et reste expérimental mais j’avoue que l’idée est sympa.
Il est, semble-t-il, possible de l’installer sur son site via Polyfill, mais je n’ai pas réussi.
En attendant, j’ai donc mis la même animation de contraste pour les lien et certains boutons. Je verrai si je ne me mettrai pas un peu au JS en attendant que l’implémentation de ce nous focus soit mis en place… Ou laisser en l’état, après tout, ce n’est que du visuel.
Il y a quelques années, quand j’utilisais Pluxml, j’avais mis un pattern (un motif à respecter) sur mon champs email pour vérifier sa bonne conformité car je m’étais rendu compte que les adresses de type mail@mail sont considérées comme valides, même sans l’extension du domaine (.fr, .com, .eu, etc).
Voir : https://lokoyote.eu/pattern-des-input-mail-ou-comment-verifier-les-mails-en-html5/
J’ai cru à l’époque à un bug.
Et en cherchant d’autres infos récemment, je suis tombé sur ça : https://www.wikiwand.com/en/Email_address#/Examples
Et via cette discussion, on apprend qu’en fait ce type de mail est surtout utilisé en intranet dans des entreprises notamment par les admins.
Du coup, il ne s’agit pas d’un bug mais d’une spécificité bien pensée !
Si vous savez que votre champs d’adresse mail n’est pas destiné en intranet, n’hésitez pas à utiliser l’option pattern si vous avez accès au code HTML.