Logo de Nerepix - Agence Web à Caen

Comment adapter le responsive de mon site internet pour le rendre accessible à tous ?

Le responsive, c’est la façon dont un site internet va s’adapter aux différents formats de support (téléphone, ordinateur, tablette etc). Il est important que votre responsive soit bien adapté aux supports pour qu’aucun contenu ne soit caché ou inaccessible. Comment adapter votre responsive aux normes d’accessibilité ?
Nerepix, agence de communication à Caen - sites responsive

D’après une étude du Hubspot, en 2021, 50,1 % de l’usage d’internet se fait sur mobile (et oui, 1 recherche sur 2 est faite depuis un mobile !). Ainsi, votre site devra être autant accessible sur ordinateur que sur un smartphone. Pour cela, vous devrez adapter votre responsive (si vous avez loupé l’intro, on vous rappelle que c'est le fait que le site s'adapte, de lui même, a toutes les tailles et formes d'écran, du téléphone au PC). 


Le format de l’ordinateur étant en paysage et celui du mobile en portrait, vous ne pourrez pas faire apparaître votre contenu de la même façon.  Vous devrez donc adapter votre contenu pour que celui-ci conserve une lisibilité maximale dans différents formats. 


Adapter les couleurs et les contrastes de son site


Afin de conserver une visibilité du site maximale, peu importe son support, vous devrez aussi travailler sur les couleurs de votre site. Celles-ci devront : 

  • conserver un contraste suffisant entre les textes et leur arrière-plan. Par exemple, petit conseil, évitez les textes jaunes sur un fond blanc ou gris, cela n’aide pas à la lecture. Vous pourrez vérifier l’état de vos contrastes grâce à des analyseurs de contrastes disponibles sur internet (comme Contrast Finder par exemple)
  • faire de même avec les éléments graphiques, les images ou encore les boutons. Sur un fond noir, gris foncé ou violet, évitez de mettre un bouton bleu foncé par exemple (sauf si vous ne souhaitez vraiment pas être contacté‰).

 

Enfin, vous devrez aussi vous assurer que, même en l’absence de couleurs, votre information reste compréhensible. Par exemple, des personnes daltoniennes ou malvoyantes auront du mal à percevoir certaines couleurs sur un graphique, c’est pourquoi chaque partie du graphique doit être expliquée sans légende définie par une couleur mais plutôt par un pictogramme facilement différenciable. 


Orientation et taille d’écran


L’orientation d’un écran est principalement utilisée sur téléphone et tablette. Elle permet de basculer l’affichage d’un site d’un format portrait vers un format paysage. (Une raison de plus d’adapter parfaitement votre site à tous les formats d’écrans !)


Pour que votre site suive les règles d’accessibilité en matière d’orientation et de taille d’écran, vous devez : 

  • laisser le choix à l’utilisateur de naviguer sur votre site en portrait ou en paysage. Votre site doit donc être accessible dans n’importe quel sens et ne pas obliger une inclinaison particulière (tout le monde déteste être forcé ou restreint)
  • conserver les mêmes contenus en responsive, c’est-à-dire que vous ne devez pas supprimer de contenu (image, texte, titre ou encore menu, etc) dans la version responsive de votre site. Tous les utilisateurs, quels que soient leurs supports, doivent avoir accès au même contenu,

 

Après les critères sur la structure du site, vous connaissez désormais les critères d’accessibilité à appliquer à votre site. D’autres sont encore à prendre en compte, notamment ceux concernant le contenu, pour bénéficier d’un site totalement accessible à tous.


Si vous hésitez toujours à rendre votre site accessible, sachez que 61 % des utilisateurs sont plus enclins à contacter une entreprise si elle dispose d’un site ergonomique sur mobile.


Pour un site internet adapté et accessible sur tous supports, contactez l’agence de communication web Nerepix 

Nos prestations et références en lien avec cette actualité

Nos autres dossiers et en lien avec cette thématique

Comment rendre mon site accessible aux personnes...

L’accessibilité d’un site web est définie par le Référentiel Général d’Amélioration de...

3 éléments pour un webdesign de site internet...

La cohérence avec l’identité visuelle de l’entrepriseSelon une étude de Stanford, 75 % des...

Quels changements pour Google My Business en 2022...

Qu’est ce que Google My Business ? Google My Business (GMB) est un outil de référence permettant aux...

Nerepix passe à la monnaie normande : le RolloN

Désormais, notre agence de communication accepte les paiements en RolloN, la monnaie Normande ! En quoi ça...

3 points pour booster vos contacts grâce au...

Selon une étude de Google, il faut seulement 50 millisecondes à un internaute pour se faire une impression...

Fin des cookies en 2023 : Revirement de situation...

Google avait annoncé en 2021 que Chrome mettrait un terme aux cookies tiers en 2022 puis a repoussé cette...

Pourquoi la sponsorisation sur les réseaux...

La sponsorisation de publications sur les réseaux sociaux est de plus en plus présente dans nos fils...
Nos prestationsNos réalisationsRetour à la listeNous contacter
En savoir plusJ'accepte
Les cookies assurent le bon fonctionnement des services de ce site. En utilisant ces derniers, vous acceptez l'utilisation des cookies.