Rechercher
Menu

Nos contenus :

  • Stratégie digitale
  • Branding
  • UX & UI design
  • Sites & Apps
  • Écoconception
  • Webmarketing
  • Rien à voir
  • Tous les contenus

  • Articles

  • Décryptages

  • Conseils

  • Tous les contenus

  • Décryptages

  • Actus

  • Articles

  • Conseils

  • Tous les contenus

  • Décryptages

  • Articles

  • Conseils

  • Tous les contenus

  • Articles

  • Conseils

  • Décryptages

  • Actus

  • Tous les contenus

  • Articles

  • Interviews

  • Conseils

  • Décryptages

  • Tous les contenus

  • Décryptages

  • Articles

  • Tous les contenus

  • Décryptages

  • Articles

  • Actus

  • Conseils

15.05.2025Article
Stratégie digitale

Le SEO est mort, vive le SEO ?

Mayday
Les règles du référencement
N'arrêtent pas de changer
22.04.2025Décryptage
Stratégie digitale

Stories, Snaps, Lives : pourquoi on adore ce qui disparaît

On le voit...
On le voit plus...
C'est le contenu éphémère
11.04.2025Décryptage
Stratégie digitale

Duolingo : autopsie d’un buzz

Petit hibou
parti trop tôt
L'étrange décès de Duo
28.03.2025Décryptage
Stratégie digitale

Weird marketing : c’est bizarre et ça marche

Etre drôle
Sans être cringe
Tout un art
14.03.2025Conseil
Stratégie digitale

Comment podcaster comme un pro ?

Trouver l'équilibre entre qualité et pertinence
Cocher toutes les cases
S'inspirer des meilleurs
25.04.2025Décryptage
Branding

Rebranding : OpenAI montre son vrai visage

Quand le branding
de l'IA
est fait par des humains
20.12.2024Actu
Branding

Quand Heinz envoie la sauce sur le branding

Ketchup
Mayo
Tu décides, chef
18.11.2024Article
Branding

La typographie : un outil de communication puissant

Quand le fond et la forme..
ne font qu'un.
"Font" t'as capté ? C'est de l'anglais
25.10.2024Article
Branding

On a laissé l’intelligence artificielle refaire notre branding

On a confié notre branding à une IA
Chef d'oeuvre ou fiasco ?
Nos DA réagissent
27.09.2024Conseil
Branding

L’influence de la typographie sur l’identité d’une marque

La typo et notre cerveau
Une influence peu connue
Mais qui mérite le détour
22.04.2025Décryptage
UX & UI design

Quand l’interface devient invisible : la tendance du zéro UI

Du design...
Mais sans interface
C'est possible ça ?
21.03.2025Article
UX & UI design

Notre top des médias en ligne les plus top

On vous fait découvrir
des copains médias
vraiment sympas
07.03.2025Décryptage
UX & UI design

E-commerce : et si on supprimait le bouton panier ?

"Le supprimer ?"
"mais vous êtes fous ?"
Si si, vous allez voir
21.02.2025Article
UX & UI design

C’est officiel : les années 90 reviennent en force

Les 90’s reviennent en force
et on va pas se raconter de salade
ça nous rend nostalgiques
29.01.2025Décryptage
UX & UI design

Design, les tendances incontournables pour 2025

Attention
peinture fraiche
Les tendances design 2025 viennent d’arriver
16.05.2025Article
Sites & Apps

7 outils IA à connaître absolument pour votre site internet

Notre petite sélection
De la crème de la crème
Des outils IA
20.03.2025
Sites & Apps

Swipe, UX et dopamine : le vrai design des apps de rencontre

Pour que
Tu m'aimes
Encore
17.01.2025Article
Sites & Apps

10 ans de Netflix en France : qu’est-ce que ça a changé ?

Les Américains à la conquête du monde
Puis du cinéma français
Fêtent leurs 10 ans
10.01.2025Conseil
Sites & Apps

8 fonctionnalités e-commerce pour de meilleurs résultats en 2025

Notre recette secrète
Livrée pour vous
Gratos
13.09.2024Article
Sites & Apps

Notre top 5 des sites e-commerce vraiment bien pensés

Ils mettent la barre trèèès haut
Même pour Armand Duplantis
Attention la carte bleue
18.04.2025Article
Écoconception

Slow communication et santé mentale : un lien évident ?

On s'entend plus penser
Et si on ralentissait un peu ?
Votre santé mentale vous dira merci
07.02.2025Article
Écoconception

Écoconception web : Les Français sont-ils dans les choux ?

L'écoconception, ça vous parle ?
Les sites web français dans le potage ?
Comment faire mieux demain ?
27.03.2024Interview
Écoconception

Interview : écoconception, plus le temps de niaiser

L'écoconception dans le web...
... c'est pas qu'une tendance...
Romain vous explique tout
23.01.2024Conseil
Écoconception

6 raisons de passer à l’écoconception web

Un site plus rapide
Un site plus accessible
L'image de marque
26.12.2023Décryptage
Écoconception

Comment pimper son design tout en sobriété ?

L'écoconception, you know ?
Nos conseils
Des sites réussis
09.05.2025Décryptage
Webmarketing

WhatsApp, Discord, Signal (ou dark social) : le terrain de jeu que les marques ne contrôlent pas

Le dark social...
Ces conversations
qui échappent au marques
30.04.2025Décryptage
Webmarketing

On en pense quoi des influenceurs virtuels ?

Une égérie parfaite
mais qui n'existe pas
c'est bien ça ?
22.11.2024Décryptage
Webmarketing

Réseaux sociaux : ces signes qui témoignent de la fin d’une ère

Oui, cet article va parler d'Elon Musk
Mais pas que
C'est promis
18.10.2024Article
Webmarketing

Les meilleurs coups de com depuis le début de cette année 2024

Des coups de com
Qui se démarquent
On vous explique pourquoi
13.10.2024Article
Webmarketing

La slow communication, une utopie à l’ère de l’IA ?

"La slow quoi ?"
C'est communiquer moins..
..mais mieux
15.05.2025Décryptage
Rien à voir

6 clés marketing à piquer à Bryan Johnson, le gourou 2.0

Il est flippant
mais aussi
vraiment fascinant
24.04.2025Décryptage
Rien à voir

NFT : tendance oubliée ou techno planquée ? (spoiler : c’est les deux)

T'as acheté des NFT en 2021 ?
Alors cette plus-value ?
Content du voyage ?
14.02.2025Article
Rien à voir

Nos meilleures recos de comptes de cuisine sur les réseaux sociaux

Si après ça...
...vous n'avez pas envie...
de vous mettre un ventre
03.01.2025Article
Rien à voir

Travailler en agence digitale : le job le plus stimulant ?

La variété des expertises
4 secteurs par jour
Et plein de copains
25.11.2024Actu
Rien à voir

la boucle Média : 1 an déjà ?

Retour vers le passé
Marquer le coup (de folie)
Supers chéri.e.s

Résultats pour

    • Facebook
    • X
    • LinkedIn
    • Email
    Sites & Apps
    Sites & AppsSites & AppsSites & Apps
    Sites & AppsSites & AppsSites & Apps

    Accessibilité web : les 6 conseils pour l’appliquer sur son site web

    curly_friend_0.1 – min
    30.01.2024
    •
    Conseil
    Accueil ・ Sites & Apps ・ Accessibilité web : les 6 conseils pour l’appliquer sur son site web
    Sites & Apps

    Convaincus de rendre votre site web accessible ? Ça s’en est une de bonne nouvelle !
    Champagne !!! Maintenant que vous avez tout compris sur l’accessibilité web et ses principes de base, nous allons davantage vous aider à suivre le bon filon en vous donnant une panoplie de conseils pour l’appliquer facilement. 

    Mais qu’est-ce qu’il y a Pascal ? Pourquoi tu t’agaces ? Quoi tu ne sais pas de quoi on parle ? Tu ne sais pas ce qu’est l’accessibilité ? Et bien, qu’à cela ne tienne Pascal, il fallait être présent pour la première leçon, tant pis tu t’en vas.  

    Roh prend pas la mouche, on rigole ça va ! Pour tous les Pascal parmi nos lectrices et lecteurs, une piqûre de rappel s’impose.

    the-simpsons-needle

    Un site accessible, ça veut dire quoi au juste ? 

    Pour faire simple, un site web accessible est une plateforme conçue pour être utilisable et compréhensible par tous, y compris les personnes ayant des limitations d’accès ou étant en situation de handicap. L’objectif est de garantir une expérience en ligne inclusive pour tout le monde en prenant en compte des facteurs tels que la vision, l’audition, la mobilité et l’utilisation d’assistants technologiques. 

    Afin que votre site soit reconnu comme accessible, il doit répondre à 4 principes déterminés par le référentiel WCAG (Web Content Accessibility Guidelines). 

    Ce référentiel a été rédigé par le World Wide Web Consortium, une organisation œuvrant pour le développement de normes dans le web. 

    I – La perception

    Votre site doit être perceptible indépendamment de la capacité à voir de vos utilisateurs. 

    II – L’utilisation

    Il doit être utilisable facilement et intuitivement. 

    III – La compréhension

    Il faut que les instructions demandées sur votre site soient claires et logiques. 

    IV – La robustesse

    Le site doit pouvoir être accessible quels que soient l’outil ou la technologie utilisés.

    Comment rendre son site accessible : les conseils 

    C’est bien beau tout ça mais quand est-il de la pratique. Comment va t’on s’y prendre pour pouvoir respecter ces principes ? Les WCAG nous donnent les bonnes pratiques et on va décrypter ça ensemble. 

     

    1 – Un outil favorable à l’accessibilité 

    L’idéal est de penser à l’accessibilité de son site avant même sa conception, il est plus simple de le créer en connaissance de cause que d’apporter des corrections après sa réalisation. Dans ce cas, il existe des systèmes de gestion de contenus (CMS) développés pour une gestion simple de l’accessibilité. WordPress ou encore Craft CMS sont des outils qui font très bien le boulot.

     

    2 – Des alternatives textuelles

    Les images de votre site peuvent ne pas être visibles par vos utilisateurs et sur certains supports. Pour pallier ce manque d’accessibilité, il est nécessaire d’intégrer un texte alternatif et descriptif au sein du code HTML afin que les lecteurs d’écran puissent le consulter. 

    C’est également le cas pour les vidéos ou les supports audio, vous pouvez les rendre lisibles grâce à des sous-titrages, des retranscriptions ou audiodescriptions. En prime, sachez que des alternatives textuelles contribuent à un meilleur référencement naturel et toc!

    Pensez aussi à tout élément qui suscite l’action de vos utilisateurs comme les formulaires, les liens, les boutons, etc, ils ne sont d’aucune utilité si on ne peut pas les lire. Vos pages sont comme un parcours semé d’embûches, et les descriptions alternatives vont permettre à tout utilisateur de s’emparer de ces différents éléments.

    3 – Le choix des couleurs et de la typographie

    Les couleurs de votre site influent sur sa lisibilité. Privilégier alors des couleurs contrastantes entre les textes et l’arrière-plan va de soi pour assurer une lecture confortable à vos utilisateurs. Avoir un site hyper design c’est cool mais il deviendra totalement obsolète si on ne peut pas exploiter son contenu. Le classico c’est texte foncé sur fond clair, on ne vous apprend rien mais ce n’est pas anodin si on le retrouve partout. 

    Pour le choix de la typographie ça tombe sous le sens. Optez pour des polices conventionnelles et familières des utilisateurs. Entre les polices sérif (avec empattements) plus traditionnelles et les sans sérif plus modernes, le choix est large pour trouver son bonheur. A noter que les typos sans empattement sont les plus optimales pour la lisibilité. 

    De manière générale, il n’est pas bon de créer un design qui empiète sur l’expérience de vos utilisateurs. La structure des pages, la disposition et la taille des éléments doivent être pensées afin de créer une interface confortable à parcourir. 

     

    4 – La hiérarchisation des titres 

    Les différents niveaux de titres sur vos pages permettent de structurer vos contenus et offrent donc une meilleure compréhension tout en facilitant la navigation. Il est plus agréable de parcourir une page correctement hiérarchisée avec un plan clairement identifiable. Toute personne disposant d’un lecteur d’écran peut facilement passer de titre en titre pour identifier les différentes sections et de manière générale cela est plus agréable pour qui que se soit. Hiérarchiser ses titres c’est friendly pour son SEO (référencement naturel) et aussi pour ses utilisateurs.

    Voici les petits conseils de base à appliquer pour vos titres :

    • Un seul H1 par page, composé de mots-clés recherchés et descriptifs  
    • Respecter l’ordre des titres (H2, H3, H4) pour une meilleure structure
    • Organiser son contenu avec plusieurs titres et sous-titres plutôt qu’avec des titres trop longs

    5 – Pouvoir naviguer avec un clavier

    La bonne vieille souris ou trackpad, dans sa version plus moderne, sont des outils qui peuvent être difficiles d’utilisation pour les personnes malvoyantes ou atteintes de troubles à la motricité par exemple. Pouvoir naviguer sur votre site avec les touches d’un clavier est une alternative non négligeable. Couplée avec une bonne hiérarchisation des titres et c’est banco ! Vos pages pourront être parcourues tout en fluidité. 

     

    6 – Se former 

    Ces conseils sont une liste non exhaustive de ce qu’il est possible de faire pour améliorer l’accessibilité de votre site. La meilleure démarche reste encore de se former aux enjeux d’inclusion sur le web. Des outils et des formations sont disponibles afin de se sensibiliser et éviter les faux pas pendant la conception de son site web. Oui, Pascal toi aussi tu peux devenir incollable en matière d’accessibilité et ça c’est quand même stylé !

    the-simpsons-dance

    Il existe également des outils permettant d’évaluer l’accessibilité des sites déjà mis en ligne en fournissant des axes d’améliorations. Vous n’êtes pas obligés de partir d’une page blanche. Chaque effort isolé permet, mis l’un à la suite de l’autre, de construire de nouvelles normes.

    07.12.2023Décryptage
    Sites & Apps

    Conception web inclusive : qu’est-ce que l’accessibilité web ?

    L'importance de l'accessibilité web
    Les enjeux business
    Comment l'appliquer ?
    23.01.2024Conseil
    Écoconception

    6 raisons de passer à l’écoconception web

    Un site plus rapide
    Un site plus accessible
    L'image de marque
    21.12.2023Article
    Stratégie digitale

    Appel d’offres agences digitales : comment bien l’organiser ?

    La cahier des charges
    Étude des propositions
    Choix du prestataire

    Vous avez bien encore
    2 minutes ?

    Lancer la loterie

    WhatsApp, Discord, Signal (ou dark social) : le terrain de jeu que les marques ne contrôlent pas

    On en pense quoi des influenceurs virtuels ?

    NFT : tendance oubliée ou techno planquée ? (spoiler : c’est les deux)

    Stories, Snaps, Lives : pourquoi on adore ce qui disparaît

    Slow communication et santé mentale : un lien évident ?

    Weird marketing : c’est bizarre et ça marche

    Notre top des médias en ligne les plus top

    Comment podcaster comme un pro ?

    E-commerce : et si on supprimait le bouton panier ?

    Le podcast de marque : la poule aux œufs d’or acoustique

    Nos meilleures recos de comptes de cuisine sur les réseaux sociaux

    Travailler en agence digitale : le job le plus stimulant ?

    La slow communication, une utopie à l’ère de l’IA ?

    Quand Ryan Gosling pète un câble sur le logo Avatar

    La sournoise page « formules d’abonnement » de Neoness

    La transformation digitale d’ARTE : une masterclass

    Qu’est-ce que le marketing inversé (reverse marketing) ?

    Le co-branding ou l’art de faire des rapprochements inattendus

    USA : quand GEICO sublime l’exercice des YouTube Ads

    Notre sélection des plus beaux sites de l’univers du luxe

    À quoi ressemblera Internet en 2024 ?

    Growth hacker : décryptage d’un métier mystérieux

    Compilation des meilleures pages erreur 404

    Les 7 caractéristiques d’un cahier des charges de création de site web réussi

    Vos 30 derniers copiés-collés à portée de main avec Clipy

    Threads : phénomène éphémère ou réseau social incontournable ?

    La slow-communication en pratique : ces marques faisant l’économie du marketing

    Combien ça coûte un site internet ?

    Comment pimper son design tout en sobriété ?

    Appel d’offres agences digitales : comment bien l’organiser ?

    La création d’un logo : 6 étapes clés

    Expliquer le référencement Google à ton père : le guide

    Conception web inclusive : qu’est-ce que l’accessibilité web ?

    Le top 10 des raisons de ne pas lire les top 10 des meilleures agences

    Qui a dit que l’industrie ne pouvait pas être sexy ?

    Pixel War, la guerre mosaïque de Reddit

    Comment rédiger le cahier des charges de votre prochain site web ?

    Ce que votre typographie dit de vous

    Interview : est-ce que vous avez vraiment besoin d’une application mobile ?

    Expliquer les cookies RGPD à ton père : le guide

    L’expérience utilisateur, pourquoi c’est essentiel aujourd’hui ?

    La Société Générale fait fort avec sa websérie “Terrain Favorable”

    Travaillez depuis les forêts, les montagnes ou les plaines avec Noisli

    Sex Education, une communication libérée

    Typefesse, la typo qui claque

    Comment Google a révolutionné l’utilisation d’internet en 25 ans ?

    Les éco-typographies, c’est quoi ?

    Des écoles au site internet donnant envie d’y retourner

    5 exemples de sites internet d’associations : notre sélection

    Notre top 5 des sites web de l’année 2022

    Le storytelling dans le branding : savoir se (la) raconter

    Nos meilleurs contenus chaque mois

    Dans votre boite mail Grrrrratos

      En m’inscrivant, j’accepte la politique de confidentialité

      • A propos
      • L'agence
      • Site réalisé par la boucle
      • contact@laboucle.media
      • Politique de confidentialité
      • Mentions légales
      • Les cookies
      • Instagram
      • Linkedin
      • TikTok
      • Google +

      Tu veux croquer
      du contenu ?

      Nos meilleurs articles chaque mois
      dans ta boite mail Grrrrratos

        En m’inscrivant, j’accepte la politique de confidentialité

        Alleeeeez vas-y t’inquiète paaas

        Alleeeeez vas-y t’inquiète paaas