<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>croquis &#8211; Delphine MALASSINGNE</title>
	<atom:link href="https://articles.nissone.com/tag/croquis/feed/" rel="self" type="application/rss+xml" />
	<link>https://articles.nissone.com</link>
	<description></description>
	<lastBuildDate>Sat, 07 Jun 2014 14:05:00 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Illustrations autour de l&#8217;accessibilité numérique</title>
		<link>https://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique/</link>
					<comments>https://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique/#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Fri, 30 May 2014 15:53:24 +0000</pubDate>
				<category><![CDATA[Accessibilité numérique]]></category>
		<category><![CDATA[Accessiday]]></category>
		<category><![CDATA[croquis]]></category>
		<category><![CDATA[dessin]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=2129</guid>

					<description><![CDATA[Mise à disposition d'illustrations visant à expliquer quelques idées autour de l'accessibilité numérique.]]></description>
										<content:encoded><![CDATA[<p>Ce n&rsquo;est pas grand chose, mais ça m&rsquo;a été utile et ça peut en aider d&rsquo;autres. Voici quelques dessins qui servent à illustrer des idées autour de l&rsquo;accessibilité numérique.</p>
<p>J&rsquo;en ai eu besoin lors d&rsquo;une conférence introductive <a id="RetourNote1" href="#Note1">(1)</a> à la première session de <a href="http://www.accessiday.fr/">Accessiday</a>, journée consacrée à l&rsquo;accessibilité numérique.</p>
<p>Les dessins que j&rsquo;ai fais pour illustrer mes propos ont beaucoup plus et certains m&rsquo;ont dit qu&rsquo;ils pourraient en avoir besoin. Les voici donc à disposition ; ils sont en effet distribués sous licence <a href="http://creativecommons.org/licenses/by-sa/3.0/fr/">CC BY-SA 3.0 FR</a>.</p>
<p>[toc]</p>
<h2>Handicap vs. déficience</h2>
<figure id="attachment_2154" aria-describedby="caption-attachment-2154" style="width: 179px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience01.jpg"><img fetchpriority="high" decoding="async" class="size-medium wp-image-2154" src="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience01-179x300.jpg" alt="Un personnage en fauteuil roulant. Il souffre d'une déficience physique (permanente ou temporaire) à laquelle il pallie par le truchement d'un fauteuil roulant." width="179" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience01-179x300.jpg 179w, https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience01-614x1024.jpg 614w" sizes="(max-width: 179px) 100vw, 179px" /></a><figcaption id="caption-attachment-2154" class="wp-caption-text">Un personnage en fauteuil roulant. Il souffre d&rsquo;une déficience physique (permanente ou temporaire) à laquelle il pallie par le truchement d&rsquo;un fauteuil roulant.</figcaption></figure>
<figure id="attachment_2155" aria-describedby="caption-attachment-2155" style="width: 179px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience02.jpg"><img loading="lazy" decoding="async" class="wp-image-2155 size-medium" src="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience02-179x300.jpg" alt="Un personnage en fauteuil roulant en haut d'un escalier. Il est en situation de handicap." width="179" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience02-179x300.jpg 179w, https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience02-614x1024.jpg 614w" sizes="(max-width: 179px) 100vw, 179px" /></a><figcaption id="caption-attachment-2155" class="wp-caption-text">Un personnage en fauteuil roulant en haut d&rsquo;un escalier. Il est en situation de handicap.</figcaption></figure>
<figure id="attachment_2156" aria-describedby="caption-attachment-2156" style="width: 179px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience03.jpg"><img loading="lazy" decoding="async" class="wp-image-2156 size-medium" src="http://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience03-179x300.jpg" alt="Un personnage en fauteuil roulant face à sa table de travail. Il n'est pas en situation de handicap." width="179" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience03-179x300.jpg 179w, https://articles.nissone.com/wp-content/uploads/2014/05/handicapvsdeficience03-614x1024.jpg 614w" sizes="(max-width: 179px) 100vw, 179px" /></a><figcaption id="caption-attachment-2156" class="wp-caption-text">Un personnage en fauteuil roulant face à sa table de travail. Il n&rsquo;est pas en situation de handicap.</figcaption></figure>
<h2>Aide technique &#8211; Le lecteur vocal</h2>
<figure id="attachment_2146" aria-describedby="caption-attachment-2146" style="width: 300px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle01.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2146" src="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle01-300x280.jpg" alt="Un personnage aveugle face à un écran d'ordinateur. Il ne peut pas consulter le contenu." width="300" height="280" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle01-300x280.jpg 300w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle01.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a><figcaption id="caption-attachment-2146" class="wp-caption-text">Un personnage aveugle face à un écran d&rsquo;ordinateur. Il ne peut pas consulter le contenu.</figcaption></figure>
<figure id="attachment_2147" aria-describedby="caption-attachment-2147" style="width: 300px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle02.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2147" src="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle02-300x269.jpg" alt="Un personnage aveugle face à un écran d'ordinateur. Par le truchement d'une aide technique -ici un lecteur vocal- il peut consulter le contenu." width="300" height="269" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle02-300x269.jpg 300w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniqueaveugle02.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a><figcaption id="caption-attachment-2147" class="wp-caption-text">Un personnage aveugle face à un écran d&rsquo;ordinateur. Par le truchement d&rsquo;une aide technique -ici un lecteur vocal- il peut consulter le contenu.</figcaption></figure>
<h2>Aide technique &#8211; Les lunettes</h2>
<figure id="attachment_2148" aria-describedby="caption-attachment-2148" style="width: 255px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes01.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2148" src="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes01-255x300.jpg" alt="Un personnage avec une mauvaise vue face à un écran d'ordinateur. Il n'arrive pas à lire le contenu." width="255" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes01-255x300.jpg 255w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes01-871x1024.jpg 871w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes01.jpg 1000w" sizes="(max-width: 255px) 100vw, 255px" /></a><figcaption id="caption-attachment-2148" class="wp-caption-text">Un personnage avec une mauvaise vue face à un écran d&rsquo;ordinateur. Il n&rsquo;arrive pas à lire le contenu.</figcaption></figure>
<figure id="attachment_2149" aria-describedby="caption-attachment-2149" style="width: 253px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes02.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2149" src="http://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes02-253x300.jpg" alt="Un personnage avec une mauvaise vue face à un écran d'ordinateur. Par le truchement d'une aide technique -ici une paire de lunettes- il peut consulter le contenu." width="253" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes02-253x300.jpg 253w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes02-865x1024.jpg 865w, https://articles.nissone.com/wp-content/uploads/2014/05/aidetechniquelunettes02.jpg 1000w" sizes="(max-width: 253px) 100vw, 253px" /></a><figcaption id="caption-attachment-2149" class="wp-caption-text">Un personnage avec une mauvaise vue face à un écran d&rsquo;ordinateur. Par le truchement d&rsquo;une aide technique -ici une paire de lunettes- il peut consulter le contenu.</figcaption></figure>
<h2>Contexte &#8211; L&rsquo;ensoleillement</h2>
<figure id="attachment_2150" aria-describedby="caption-attachment-2150" style="width: 169px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/contexte01.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2150" src="http://articles.nissone.com/wp-content/uploads/2014/05/contexte01-169x300.jpg" alt="Un personnage consulte son mobile. Bien que le texte soit peu contrasté, le personnage n'est pas gêné." width="169" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/contexte01-169x300.jpg 169w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte01-578x1024.jpg 578w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte01.jpg 1000w" sizes="(max-width: 169px) 100vw, 169px" /></a><figcaption id="caption-attachment-2150" class="wp-caption-text">Un personnage consulte son mobile. Bien que le texte soit peu contrasté, le personnage n&rsquo;est pas gêné.</figcaption></figure>
<figure id="attachment_2151" aria-describedby="caption-attachment-2151" style="width: 169px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/contexte02.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2151" src="http://articles.nissone.com/wp-content/uploads/2014/05/contexte02-169x300.jpg" alt="Un personnage consulte son mobile en plein soleil. Le manque de contraste des textes sur l'écran ne lui permet pas de lire." width="169" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/contexte02-169x300.jpg 169w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte02-578x1024.jpg 578w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte02.jpg 1000w" sizes="(max-width: 169px) 100vw, 169px" /></a><figcaption id="caption-attachment-2151" class="wp-caption-text">Un personnage consulte son mobile en plein soleil. Le manque de contraste des textes sur l&rsquo;écran ne lui permet pas de lire.</figcaption></figure>
<figure id="attachment_2152" aria-describedby="caption-attachment-2152" style="width: 169px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/contexte03.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2152" src="http://articles.nissone.com/wp-content/uploads/2014/05/contexte03-169x300.jpg" alt="Un personnage consulte son mobile en plein soleil. Le fort contraste des textes sur l'écran lui permet de lire facilement." width="169" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/contexte03-169x300.jpg 169w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte03-578x1024.jpg 578w, https://articles.nissone.com/wp-content/uploads/2014/05/contexte03.jpg 1000w" sizes="(max-width: 169px) 100vw, 169px" /></a><figcaption id="caption-attachment-2152" class="wp-caption-text">Un personnage consulte son mobile en plein soleil. Le fort contraste des textes sur l&rsquo;écran lui permet de lire facilement.</figcaption></figure>
<h2>Le daltonien</h2>
<figure id="attachment_2153" aria-describedby="caption-attachment-2153" style="width: 300px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2014/05/daltoniens.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-2153" src="http://articles.nissone.com/wp-content/uploads/2014/05/daltoniens-300x199.jpg" alt="Un daltonien ne perçoit pas les couleurs correctement." width="300" height="199" srcset="https://articles.nissone.com/wp-content/uploads/2014/05/daltoniens-300x199.jpg 300w, https://articles.nissone.com/wp-content/uploads/2014/05/daltoniens.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a><figcaption id="caption-attachment-2153" class="wp-caption-text">Un daltonien ne perçoit pas les couleurs correctement.</figcaption></figure>
<p>Si vous utilisez ces dessins, j&rsquo;en serais ravie ! Signalez-le moi via les commentaires <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<div class="zonePlus">
<p>Notes :</p>
<p id="Note1">(1) Conférence  » Accessibilité numérique, mais au fait de quoi on parle ? » <a href="#RetourNote1">Retour</a></p>
<ul>
<li><a href="http://lanyrd.com/2014/accessiday/scyqwh/">la page Lanyrd</a></li>
<li><a href="http://fr.slideshare.net/DelphineMalassingne/accessibilit-numrique-mais-au-fait-de-quoi-on-parle-accessiday-mai-2014-caen-france">le diaporama</a></li>
</ul>
</div>
<div class="zonePlus">
<p>À propos : Si vous aussi vous voulez faire des croquis, je vous conseille d&rsquo;aller faire un tour chez <a href="http://www.evalotta.net/">Eva-Lotta Lamm</a></p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
