Compare commits

..

1 Commits

Author SHA1 Message Date
Rémi Doolaeghe
8651a0f0ea feat: add article on a guide for NVDA screen reader 2024-05-07 00:47:48 +02:00
6 changed files with 3 additions and 10017 deletions

1
.gitignore vendored
View File

@@ -3,4 +3,5 @@
_site/
dist/
node_modules/
package-lock.json
src/compiled-assets

10000
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -9,7 +9,7 @@
"del:dist": "rimraf ./dist",
"dev": "npm run dev:assets & npm run dev:site",
"dev:assets": "webpack --config webpack.config.dev.js",
"dev:site": "cross-env ELEVENTY_ENV=development npx eleventy --serve",
"dev:site": "ELEVENTY_ENV=development npx eleventy --serve",
"prod": "npm-run-all del:dist del:assets build:assets build:site",
"serve:prod": "serve ./dist/"
},
@@ -51,7 +51,6 @@
"webpack-merge": "^5.8.0"
},
"devDependencies": {
"cross-env": "^7.0.3",
"prettier": "^2.0.5"
}
}

View File

@@ -14,7 +14,7 @@ En tant que développeur·euse web, quand on débute en accessibilité, on est r
Parmi le panel d'outils à connaître, le lecteur d'écran est une des solutions utilisées par les personnes en situation de handicap. Mais voilà, la prise en main de ce genre d'outil n'est pas des plus évidentes, et peut même parfois rebuter une personne motivée.
Un lecteur d'écran est une application capable de restituer le contenu d'une page web (ou toute application d'ailleurs) via une voix synthétique, en s'appuyant sur la structure de la page, pour permettre à une personne en situation de handicap (majoritairement visuel, mais aussi moteur, auditif, cognitif...) de pouvoir comprendre comment l'information est organisée. L'outil permet également de fournir une aide pour interagir avec la page.
Un lecteur d'écran est une application capable de restituer le contenu d'une page web (ou toute application d'ailleurs) via une voix synthétique, en s'appuyant sur la structure de la page, pour permettre à une personne en situation de handicap visuel de pouvoir comprendre comment l'information est organisée. L'outil permet également de fournir une aide pour interagir avec la page.
Oui mais voilà : au premier abord, un lecteur d'écran semble produire un flot ininterrompu de paroles de façon incontrôlable, et pourrait en rebuter plus d'un. Je suis passé par cette phase où le lecteur d'écran était une sorte de monstre métamorphe difficile à dompter. Et pourtant, il suffit de pas grand chose pour commencer à comprendre comment s'en servir basiquement, et faire déjà de belles avancées.
@@ -62,16 +62,6 @@ Démonstration de la visionneuse de parole sur une page de site e-commerce pour
Pour activer le journal de lecture, cliquez sur NVDA dans les applications masquées (comme pour louverture des paramètres du paragraphe sur le focus), puis **Outils**, puis **Visionneuse de parole**.
## Vitesse de vocalisation
Une alternative au journal de vocalisation est de réduire la vitesse de la vocalisation. En effet, en jouant sur la vitesse de prononciation, notamment en la ralentissant, il est plus facile de comprendre ce qui est dit sans avoir à se reposer sur une retranscription écrite, qui peut ne pas être toujours pratique à utiliser dans certains contextes.
Pour jouer sur la vitesse de la vocalisation, cliquez sur NVDA dans les applications masquées (comme précédemment), puis **Préférences**, puis **Paramètres**, puis **Parole**.
![Fenêtre de configuration de NVDA pour la configuration de la vitesse de vocalisation](/blog_images/articles/guide_de_survie_lecteur_d_ecran/image-5.png)
Une fois dans cette fenêtre, il ne reste plus qu'à jouer avec le slider correspondant à l'étiquette **Débit**.
## Prendre le contrôle de la vocalisation
Maintenant que vous êtes doté·e du bagage utile, il est temps de ne plus subir le lecteur décran.

View File

@@ -216,7 +216,3 @@ Les membres du collectif ITs on us [accompagnent les organisations](https://w
- écoconcevoir les services numériques en les dotant de couches applicatives fonctionnant sur de vieux équipements et
- [changer de modèle économique](https://www.itsonus.fr/nos_services/developper_modeles_durables/), quand elles appartiennent secteur du numérique, afin de sortir de la logique de volume
et corréler leurs intérêts économiques avec les intérêts socio-environnementaux.
## Sources
- [https://www.arcep.fr/uploads/tx_gspublication/etude-numerique-environnement-ademe-arcep-volet02_janv2022.pdf](https://www.arcep.fr/uploads/tx_gspublication/etude-numerique-environnement-ademe-arcep-volet02_janv2022.pdf)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB