---
title: "Déficience visuelle : utiliser le web sans voir, ou en voyant peu"
description: "Rubrique parente : l’accessibilité numérique, vue d’ensemble. Cécité et malvoyance : deux usages à distinguer Derrière un même mot se cachent deux façons d’utiliser un site, qui ne butent pas sur les mêmes défauts. La personne aveugle n’a aucun accès à l’affichage. Son lecteur d’écran lit la page à voix haute ou la transcrit en […]"
url: "https://www.newp.fr/accessibilite-numerique/deficience-visuelle/"
author: ""
date: "2026-09-20T09:27:36+00:00"
modified: "2026-09-21T18:35:48+00:00"
lang: "fr_FR"
---

# Déficience visuelle : utiliser le web sans voir, ou en voyant peu

 Rubrique parente : [l’accessibilité numérique, vue d’ensemble](/accessibilite-numerique/).

 

## Cécité et malvoyance : deux usages à distinguer

 Derrière un même mot se cachent deux façons d’utiliser un site, qui ne butent pas sur les mêmes défauts.

 **La personne aveugle** n’a aucun accès à l’affichage. Son lecteur d’écran lit la page à voix haute ou la transcrit en braille, élément après élément, dans l’ordre du code. La mise en forme s’efface : reste le squelette du document.

 **La personne malvoyante** regarde bien l’écran, mais grossi à 200 %, à 400 % ou plus, souvent avec une loupe logicielle. Elle n’en découvre qu’une petite fenêtre à la fois : quelques mots seulement.

## Pour une écoute ou une lecture en braille

- **Le balisage sert de plan.** Titres, listes, zones de page et tableaux permettent de sauter à l’essentiel. Sans eux, il faut tout écouter.
- **Chaque information visuelle a besoin d’un équivalent écrit** : texte des images, nom des boutons, état d’un champ.
- **Seul compte l’ordre du code source.** Un bloc remonté par le CSS sera lu à sa place d’origine.
- **Une mise à jour non signalée passe inaperçue** : sans annonce, l’utilisateur ignore que le contenu a changé.
 
## Pour un écran fortement grossi

- **Aucun défilement horizontal.** Les blocs doivent se réorganiser : c’est le critère de « reflow » (réagencement), vérifié sur 320 pixels de large.
- **Texte agrandi à 200 %** : aucun contenu ne doit se masquer ni en recouvrir un autre.
- **Les éléments liés restent voisins.** Libellé éloigné du champ, erreur affichée en haut pour un champ en bas : sous un fort zoom, les deux ne tiennent jamais ensemble à l’écran.
- **Le contraste devient déterminant** : lisez notre page sur [les couleurs et les rapports de contraste](/accessibilite-numerique/contrastes-et-couleurs/).
 
 Un contresens fréquent La plupart des personnes déficientes visuelles voient, mais mal. Ne penser qu’au lecteur d’écran, c’est oublier le groupe le plus large : ceux qui zooment, se collent à l’écran et renoncent devant un gris trop pâle.

 

## Par quoi commencer vos corrections

1. des [titres organisés dans le bon ordre hiérarchique](/accessibilite-numerique/structure-des-titres/) ;
2. des [textes de remplacement utiles pour les images](/accessibilite-numerique/alternatives-textuelles/) ;
3. des contrastes mesurés, états inclus ;
4. un réagencement sans perte à 320 pixels ;
5. des libellés visibles, placés contre leur champ.
 
  [ Sujet précédent Handicaps et façons d’utiliser le web ](/accessibilite-numerique/handicaps-et-usages/) [ Sujet suivant Surdité et malentendance ](/accessibilite-numerique/handicap-auditif/)

---

*Source : [www.newp.fr](https://www.newp.fr/accessibilite-numerique/deficience-visuelle/)*