Approfondir sa culture du web

Pour créer et conserver un site web de qualité, voici quelques articles utiles sur les thèmes de l’accessibilité, du graphisme, du marketing et de la technique.

Accessibilité

Check-lists Opquast

La liste des bonnes protiques notamment en accessibilité (WCAG), performance web et référencement pour avoir un site de grande qualité.
https://checklists.opquast.com/fr/

Notices accessibilité d’Accede

Ces notices listent les bonnes pratiques pour permettre la consultation et la compréhension de votre site à un maximum de personnes, quelque soit leur particularité physique, technique ou psychique. Elles sont scindées en 4 catégories principales : accessibilité graphique, HTML/CSS, interface riche et éditoriale.
https://www.accede-web.com/notices/

Notions d’illectronisme

12 % des Français absents des mondes numériques ou en difficultés face aux outils numériques sont communément considérés comme souffrant d’illectronisme.
https://www.24joursdeweb.fr/2019/pour-un-web-plus-inclusif-quelques-pistes-pour-reduire-les-inhabilites-numeriques/

Graphisme

Bases pour construire un guide de styles

Un guide de styles est un document proche de la charte graphique qui recense tous les éléments utiles concernant le design d’un site (polices, couleurs, apparence des boutons, etc.).
http://design.tetue.net/basic-style-guide

Couleurs accessibles

Si vous demandez à un ou une graphiste de concevoir le design de votre site, pensez à lui parler de l’accessibilité des couleurs et proposez lui de lire ceci. Cet article liste de nombreux outils permettant de vérifier le contraste et donc la lisibilité des informations pour l’ensemble de la population.
https://stephaniewalter.design/fr/blog/accessibilite-et-couleurs-outils-et-ressources-pour-concevoir-des-produits-accessible/

Lire aussi « Il n’y a pas de Mythes sur l’accessibilité des couleurs » qui explique les enjeux de l’accessibilité et de l’expérience utilisateur :
https://www.creativejuiz.fr/blog/ux-experience-utilisateur/mythes-accessibilite-couleurs-constraste-wcag

Optimiser ses images

L'optimisation des images est la base de la performance d'un site web.
https://imagecompressor.com/fr/
https://www.svgminify.com/

Marketing

Stratégie de contenu

Conseils pour rédiger des articles de blogs bien adaptés à sa cible. Ici, la rédaction rejoint le marketing pour gagner en pertinence et en visibilité sur les moteurs de recherche.
https://digitad.ca/guide-redaction-web/
https://yellowdolphins.com/publications/articles/checklist-pour-bien-ecrire-sur-le-web/
https://www.plume-interactive.fr/sobriete-numerique-et-strategie-de-contenu-vers-la-fin-des-videos/

Utilisation du modèle VPTCS

Le modèle VPTCS (Visibilité – Perception – Technique – Contenu – Services) permet de de décrire et illustrer de manière fonctionnelle les exigences des internautes.
https://choblab.com/gestion-projets/site-web-comment-realiser-un-audit-complet-avec-le-modele-vptcs-13987.html

Technique

Notions HTML

HTML est un langage sémantique permettant d’organiser des informations.
https://developer.mozilla.org/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML
https://websitesetup.org/html-tutorial-beginners ( en anglais)

Référencement

Comprendre les arcanes d'un bon positionnement sur les moteurs de recherche.
https://www.cours-referencement.fr/balise-title/
https://www.cours-referencement.fr/meta-description
https://www.abondance.com/20200529-42876-infographie-les-70-erreurs-les-plus-courantes-en-seo.html

Sécurité

Un site web entièrement sécurisé n’existe pas, de la même manière qu’une maison entièrement imperméable aux intrusions n’existe pas (ou alors c’est une prison). Il existe cependant de nombreuses techniques pour décourager les vols et arnaques sur son site.
https://ldevernay.github.io/green/2020/05/03/securite.html