Skip to content

Commit 0d10d3c

Browse files
ffooddffoodd
committed
feat(ei-days #3): mention des impacts utilisateurs
1 parent 43f84da commit 0d10d3c

3 files changed

Lines changed: 76 additions & 18 deletions

File tree

‎_src/talks/eo-days-3/index.html‎

Lines changed: 37 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -159,8 +159,9 @@ <h2>Les déficiences<br>cognitives</h2>
159159
<p class="lead">
160160
Les troubles dys, l’anxiété, les <abbr title="Troubles De l’Attention avec
161161
ou sans Hyperactivité" aria-label="Troubles De l’Attention avec
162-
ou sans Hyperactivité">TDAH</abbr>, ou les troubles du spectre
163-
autistique sont quelques exemples de troubles cognitifs.
162+
ou sans Hyperactivité">TDAH</abbr>, <abbr title="Troubles Du Spectre Autistique"
163+
aria-label="Troubles Du Spectre Autistique">TSA</abbr>, les maladies d’Alzheimer
164+
et de Parkinson sont quelques exemples de troubles cognitifs.
164165
</p>
165166
<div class="carte">
166167
<h3>Les technologies d’assistance</h3>
@@ -178,8 +179,36 @@ <h3>Les technologies d’assistance</h3>
178179
</div>
179180
</section>
180181

181-
<!-- @todo Transitions : WCAG, RGAA, etc. -->
182182
<section id="slide-7">
183+
<h2>Les impacts<br>utilisateur</h2>
184+
<div class="grid-2">
185+
<div>
186+
<p class="lead">
187+
C’est la notion primordiale—&nbsp;qui se traduit
188+
en niveaux (A, AA, AAA) dans les <a href="https://www.w3.org/Translations/WCAG22-fr/">
189+
<abbr lang="en" title="Web Content Accessibility Guidelines" aria-label="Web Content Accessibility Guidelines">WCAG</abbr>
190+
</a>.
191+
<p>
192+
Chaque défaut d’accessibilité à un impact plus ou moins critique sur l’utilisateur,
193+
en fonction du contexte et de la situation.
194+
</p>
195+
<ul>
196+
<li>Un contraste de <samp>4.49:1</samp> est moins critique qu’un contraste de <samp>1.5:1</samp>.</li>
197+
<li>
198+
Une image sans alternative a un impact faible si le contenu manquant est anecdotique,
199+
mais bloquant si c’est un bouton d’authentification.
200+
</li>
201+
<li>Un impact critique sur une typologie d’utilisateurs peut ne pas gêner d’autres utilisateurs.</li>
202+
<li>Une solution pour certains utilisateurs peut avoir un impact négatif sur d’autres utilisateurs.</li>
203+
</ul>
204+
</div>
205+
<div class="portrait">
206+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><path d="M48 7.2C25.467 7.2 7.2 25.467 7.2 48S25.467 88.8 48 88.8 88.8 70.533 88.8 48 70.533 7.2 48 7.2m25.455 66.255a35.87 35.87 0 1 1 7.718-11.444 35.9 35.9 0 0 1-7.718 11.444m-26.32-40.39a5.777 5.777 0 1 0-4.791-5.692 5.75 5.75 0 0 0 4.79 5.691m21.03-1.278h-.003a2.7 2.7 0 0 0-.628.074l-14.96 2.663c-2.186.284-3.327.43-4.446.43-1.188 0-2.35-.165-4.705-.502l-14.957-2.683a2.725 2.725 0 0 0-3.285 2.024 3 3 0 0 0-.04.203c-.229 1.422.714 2.772 2.109 3.108l13.133 3.16a1.01 1.01 0 0 1 .773.984s.003 7.076.008 9.503a7 7 0 0 1-.183 1.596c-.836 3.583-4.219 18.144-4.253 18.219a2.873 2.873 0 0 0 1.652 3.643 2.8 2.8 0 0 0 1.016.191 2.855 2.855 0 0 0 2.679-1.866l5.022-15.478a1.006 1.006 0 0 1 1.916 0c.019.04 5.026 15.513 5.047 15.55a2.86 2.86 0 0 0 2.651 1.793 2.8 2.8 0 0 0 1.019-.191 2.87 2.87 0 0 0 1.652-3.642c-.034-.068-3.42-14.731-4.251-18.306a7 7 0 0 1-.179-1.568c.004-2.379-.003-9.323 0-9.378a1.01 1.01 0 0 1 .773-.984l11.472-2.761 1.205-.29.343-.083a3 3 0 0 0 .359-.112c1.191-.462 1.961-1.692 1.757-2.986a2.74 2.74 0 0 0-2.695-2.313Z"/></svg>
207+
</div>
208+
</div>
209+
</section>
210+
211+
<section id="slide-8">
183212
<h2>Limiter les situations de<br>handicap</h2>
184213
<div class="grid-2">
185214
<div class="carte">
@@ -230,7 +259,7 @@ <h3>Anatomie d’un critère RGAA</h3>
230259
</div>
231260
</section>
232261

233-
<section id="slide-8">
262+
<section id="slide-9">
234263
<h2>Les tests<br>réflexes</h2>
235264
<div class="grid-2">
236265
<div>
@@ -271,7 +300,7 @@ <h2>Les tests<br>réflexes</h2>
271300
</div>
272301
</section>
273302

274-
<section id="slide-9">
303+
<section id="slide-10">
275304
<h2>Les tests recommandés<br><span lang="en">easy checks</span></h2>
276305
<p class="lead">
277306
Les <a href="https://www.w3.org/WAI/test-evaluate/easy-checks/" hreflang="en" lang="en"><i>Easy Checks</i></a>
@@ -296,7 +325,7 @@ <h2>Les tests recommandés<br><span lang="en">easy checks</span></h2>
296325
<p class="lead">Le reste va nous <small>(pré)</small>occuper —&nbsp;sur les thèmes, notamment.</p>
297326
</section>
298327

299-
<section id="slide-10">
328+
<section id="slide-11">
300329
<h2>Les tests<br>automatiques</h2>
301330
<div class="grid-2">
302331
<div>
@@ -414,7 +443,7 @@ <h3>Fonctionnalités appréciables</h3>
414443
</div>
415444
</section>
416445

417-
<section id="slide-11">
446+
<section id="slide-12">
418447
<h2>Attention aux<br>surcouches</h2>
419448
<div class="grid-2">
420449
<div>
@@ -453,7 +482,7 @@ <h3>Le(s) problème(s) des surcouches</h3>
453482
</div>
454483
</section>
455484

456-
<section id="slide-12">
485+
<section id="slide-13">
457486
<h2>Générique de fin<br>Merci</h2>
458487
<div>
459488
<h3>Crédits</h3>

‎docs/eo-days-3/index.html‎

Lines changed: 37 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -159,8 +159,9 @@ <h2>Les déficiences<br>cognitives</h2>
159159
<p class="lead">
160160
Les troubles dys, l’anxiété, les <abbr title="Troubles De l’Attention avec
161161
ou sans Hyperactivité" aria-label="Troubles De l’Attention avec
162-
ou sans Hyperactivité">TDAH</abbr>, ou les troubles du spectre
163-
autistique sont quelques exemples de troubles cognitifs.
162+
ou sans Hyperactivité">TDAH</abbr>, <abbr title="Troubles Du Spectre Autistique"
163+
aria-label="Troubles Du Spectre Autistique">TSA</abbr>, les maladies d’Alzheimer
164+
et de Parkinson sont quelques exemples de troubles cognitifs.
164165
</p>
165166
<div class="carte">
166167
<h3>Les technologies d’assistance</h3>
@@ -178,8 +179,36 @@ <h3>Les technologies d’assistance</h3>
178179
</div>
179180
</section>
180181

181-
<!-- @todo Transitions : WCAG, RGAA, etc. -->
182182
<section id="slide-7">
183+
<h2>Les impacts<br>utilisateur</h2>
184+
<div class="grid-2">
185+
<div>
186+
<p class="lead">
187+
C’est la notion primordiale—&nbsp;qui se traduit
188+
en niveaux (A, AA, AAA) dans les <a href="https://www.w3.org/Translations/WCAG22-fr/">
189+
<abbr lang="en" title="Web Content Accessibility Guidelines" aria-label="Web Content Accessibility Guidelines">WCAG</abbr>
190+
</a>.
191+
<p>
192+
Chaque défaut d’accessibilité à un impact plus ou moins critique sur l’utilisateur,
193+
en fonction du contexte et de la situation.
194+
</p>
195+
<ul>
196+
<li>Un contraste de <samp>4.49:1</samp> est moins critique qu’un contraste de <samp>1.5:1</samp>.</li>
197+
<li>
198+
Une image sans alternative a un impact faible si le contenu manquant est anecdotique,
199+
mais bloquant si c’est un bouton d’authentification.
200+
</li>
201+
<li>Un impact critique sur une typologie d’utilisateurs peut ne pas gêner d’autres utilisateurs.</li>
202+
<li>Une solution pour certains utilisateurs peut avoir un impact négatif sur d’autres utilisateurs.</li>
203+
</ul>
204+
</div>
205+
<div class="portrait">
206+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><path d="M48 7.2C25.467 7.2 7.2 25.467 7.2 48S25.467 88.8 48 88.8 88.8 70.533 88.8 48 70.533 7.2 48 7.2m25.455 66.255a35.87 35.87 0 1 1 7.718-11.444 35.9 35.9 0 0 1-7.718 11.444m-26.32-40.39a5.777 5.777 0 1 0-4.791-5.692 5.75 5.75 0 0 0 4.79 5.691m21.03-1.278h-.003a2.7 2.7 0 0 0-.628.074l-14.96 2.663c-2.186.284-3.327.43-4.446.43-1.188 0-2.35-.165-4.705-.502l-14.957-2.683a2.725 2.725 0 0 0-3.285 2.024 3 3 0 0 0-.04.203c-.229 1.422.714 2.772 2.109 3.108l13.133 3.16a1.01 1.01 0 0 1 .773.984s.003 7.076.008 9.503a7 7 0 0 1-.183 1.596c-.836 3.583-4.219 18.144-4.253 18.219a2.873 2.873 0 0 0 1.652 3.643 2.8 2.8 0 0 0 1.016.191 2.855 2.855 0 0 0 2.679-1.866l5.022-15.478a1.006 1.006 0 0 1 1.916 0c.019.04 5.026 15.513 5.047 15.55a2.86 2.86 0 0 0 2.651 1.793 2.8 2.8 0 0 0 1.019-.191 2.87 2.87 0 0 0 1.652-3.642c-.034-.068-3.42-14.731-4.251-18.306a7 7 0 0 1-.179-1.568c.004-2.379-.003-9.323 0-9.378a1.01 1.01 0 0 1 .773-.984l11.472-2.761 1.205-.29.343-.083a3 3 0 0 0 .359-.112c1.191-.462 1.961-1.692 1.757-2.986a2.74 2.74 0 0 0-2.695-2.313Z"/></svg>
207+
</div>
208+
</div>
209+
</section>
210+
211+
<section id="slide-8">
183212
<h2>Limiter les situations de<br>handicap</h2>
184213
<div class="grid-2">
185214
<div class="carte">
@@ -230,7 +259,7 @@ <h3>Anatomie d’un critère RGAA</h3>
230259
</div>
231260
</section>
232261

233-
<section id="slide-8">
262+
<section id="slide-9">
234263
<h2>Les tests<br>réflexes</h2>
235264
<div class="grid-2">
236265
<div>
@@ -271,7 +300,7 @@ <h2>Les tests<br>réflexes</h2>
271300
</div>
272301
</section>
273302

274-
<section id="slide-9">
303+
<section id="slide-10">
275304
<h2>Les tests recommandés<br><span lang="en">easy checks</span></h2>
276305
<p class="lead">
277306
Les <a href="https://www.w3.org/WAI/test-evaluate/easy-checks/" hreflang="en" lang="en"><i>Easy Checks</i></a>
@@ -296,7 +325,7 @@ <h2>Les tests recommandés<br><span lang="en">easy checks</span></h2>
296325
<p class="lead">Le reste va nous <small>(pré)</small>occuper —&nbsp;sur les thèmes, notamment.</p>
297326
</section>
298327

299-
<section id="slide-10">
328+
<section id="slide-11">
300329
<h2>Les tests<br>automatiques</h2>
301330
<div class="grid-2">
302331
<div>
@@ -414,7 +443,7 @@ <h3>Fonctionnalités appréciables</h3>
414443
</div>
415444
</section>
416445

417-
<section id="slide-11">
446+
<section id="slide-12">
418447
<h2>Attention aux<br>surcouches</h2>
419448
<div class="grid-2">
420449
<div>
@@ -453,7 +482,7 @@ <h3>Le(s) problème(s) des surcouches</h3>
453482
</div>
454483
</section>
455484

456-
<section id="slide-12">
485+
<section id="slide-13">
457486
<h2>Générique de fin<br>Merci</h2>
458487
<div>
459488
<h3>Crédits</h3>

‎docs/sitemap.xml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -926,9 +926,9 @@
926926
</url>
927927
<url>
928928
<loc>https://www.ffoodd.fr/talks/eo-days-3/</loc>
929-
<lastmod>2026-01-19T14:02:52.263Z</lastmod>
929+
<lastmod>2026-01-20T14:31:07.134Z</lastmod>
930930
</url>
931931
<url>
932932
<loc>https://www.ffoodd.fr/talks/ie4/</loc>
933-
<lastmod>2026-01-19T16:45:06.508Z</lastmod>
933+
<lastmod>2026-01-20T14:31:07.134Z</lastmod>
934934
</url></urlset>

0 commit comments

Comments
 (0)