<?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>Archives des Typographie - Alan Harnois</title>
	<atom:link href="https://www.harnois-alan.fr/tag/typographie/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.harnois-alan.fr/tag/typographie/</link>
	<description>Directeur Artistique - Identité visuelle &#38; Motion design</description>
	<lastBuildDate>Mon, 27 May 2024 10:53:37 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.harnois-alan.fr/wp-content/uploads/2024/05/cropped-Alan_Harnois_Directeur_Artistique_favicon-min-32x32.png</url>
	<title>Archives des Typographie - Alan Harnois</title>
	<link>https://www.harnois-alan.fr/tag/typographie/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>&#x1f44c; Les règles typographiques.</title>
		<link>https://www.harnois-alan.fr/les-regles-typographiques/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Fri, 01 Sep 2023 07:00:04 +0000</pubDate>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Typographie]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Mise en pages]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[règles]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=1875</guid>

					<description><![CDATA[<p>Parfaire sa gestion typographique en quelques points. L&#8217;univers typographique est un monde merveilleux au sein duquel nous pouvons exprimer notre créativité. Les polices de caractères sont des éléments de design et de création à part entière, cependant pour en maîtriser l&#8217;usage, il faut en maîtriser les codes&#8230; et ils sont nombreux. » Afin de ne [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/les-regles-typographiques/">&#x1f44c; Les règles typographiques.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1875" class="elementor elementor-1875">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-1024x1024.jpg" class="attachment-large size-large wp-image-1904" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Règles typographique et mise en pages - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Instagram_A-min.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Parfaire sa gestion typographique en quelques points.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>L&rsquo;univers typographique est un monde merveilleux au sein duquel nous pouvons exprimer notre créativité. Les polices de caractères sont des éléments de design et de création à part entière, cependant pour en maîtriser l&rsquo;usage, il faut en maîtriser les codes&#8230; et ils sont nombreux.</p><p><strong>» Afin de ne plus voir d&rsquo;erreurs dans les mises en pages typographiques, je vous propose de voir ensemble quelques règles de base :</strong></p><p><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Les différentes espaces à utiliser<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> L&rsquo;utilisation des tirets<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> La gestion des majuscules<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> La mise en pages du texte<br /><img decoding="async" class="emoji" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg" alt="&#x1f449;" /> Quelques abréviations utiles</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7318c6d blog_texte elementor-widget elementor-widget-heading" data-id="7318c6d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img decoding="async" role="img" class="emoji" alt="&#x1f449;" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f449.svg"> Les différentes espaces à utiliser&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-de3265e elementor-widget elementor-widget-text-editor" data-id="de3265e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Quelles espaces utiliser ? où les utiliser ? avant quoi ? après qui ? on dit une espace ? (oui, oui). Beaucoup de question qui méritent une réponse claire et ordonnée, et pour cela, rien ne vaut un tableau qui résume le tout.</p><p>(Écrivez « &amp;nbsp » suivit de « ; » pour vos espaces insécables en HTML.)</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-31f39dc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="31f39dc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2e6a930" data-id="2e6a930" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2522f56 blog_image elementor-widget elementor-widget-image" data-id="2522f56" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="960" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-960x1024.jpg" class="attachment-large size-large wp-image-1895" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Règles typographique et mise en pages - Images - A" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-960x1024.jpg 960w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-281x300.jpg 281w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-768x819.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-1440x1536.jpg 1440w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_A-1-1920x2048.jpg 1920w" sizes="(max-width: 960px) 100vw, 960px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-ca1cfdb blog_texte elementor-widget elementor-widget-heading" data-id="ca1cfdb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> L'utilisation des tirets&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c17dd32 elementor-widget elementor-widget-text-editor" data-id="c17dd32" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Il existe trois tirets différents : le tiret court « &#8211; », le tiret moyen « – » et le tiret long « — ».  Leur utilisation est définie simplement.</p><ul><li><strong>Le tiret court :</strong> ne s&rsquo;utilise qu&rsquo;en trait d&rsquo;union ou en césure dans un mot.</li><li><strong>Le tiret moyen :</strong> ne s&rsquo;utilise que pour les énumérations.</li><li><strong>Le tiret long :</strong> ne s&rsquo;utilise que pour remplacer les parenthèses dans un texte.</li></ul>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-80707ef elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="80707ef" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a462015" data-id="a462015" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-78e30eb blog_image elementor-widget elementor-widget-image" data-id="78e30eb" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-1024x1024.jpg" class="attachment-large size-large wp-image-1894" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Règles typographique et mise en pages - Images - B" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_B-1.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-f6f76ed blog_texte elementor-widget elementor-widget-heading" data-id="f6f76ed" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> La gestion des majuscules&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-382a6ad elementor-widget elementor-widget-text-editor" data-id="382a6ad" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Je ne vais pas vous apprendre qu&rsquo;une phrase commence toujours par une majuscule. Mais nous pouvons aller plus loin dans la gestion de ces dernières.</p><ul><li>Les noms propres prennent une majuscule.</li><li>Les adjectifs ne prennent pas de majuscule, sauf lorsque cela se rapporte à une particularité. (ex : La Première Guerre mondiale.)</li><li>Pas de majuscule ni aux jours, ni aux mois. (Sauf date spéciale comme le 14 Juillet.)</li><li>Pas de majuscule après « ? ! . &#8230; » lorsqu&rsquo;ils ne marquent pas la fin de la phrase. (ex : J&rsquo;ai eu envie&#8230; de peindre.)</li><li>Les habitants d&rsquo;un pays prennent une majuscule, l&rsquo;adjectif non. (ex : Ces courageux Français  / Les huîtres françaises.)</li><li>Les majuscules sont à écrire avec les accents, sauf pour les sigles. (ex : FFE pour la Fédération Française d&rsquo;Équitation).</li></ul><p>Il existe encore d&rsquo;autres règles sur l&rsquo;utilisation des majuscules que je vous invite à chercher et à découvrir.</p>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-59bbbff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="59bbbff" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-07d75c9" data-id="07d75c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c32f6b3 blog_image elementor-widget elementor-widget-image" data-id="c32f6b3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-1024x1024.jpg" class="attachment-large size-large wp-image-1896" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Règles typographique et mise en pages - Images - C" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_15_C.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-52aaded blog_texte elementor-widget elementor-widget-heading" data-id="52aaded" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Mise en pages du texte&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-6c11610 elementor-widget elementor-widget-text-editor" data-id="6c11610" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Les règles de mise en pages du texte sont aussi diverses que nombreuses, pouvant aller jusqu&rsquo;à régir la hauteur de l&rsquo;interligne, le nombre optimal de caractères par ligne de texte (entre 40 et 60, espaces comprises).</p><p>L&rsquo;idée n&rsquo;est pas ici de toutes les découvrir (un prochain article traitera sûrement du sujet <img decoding="async" class="emoji" style="font-size: 19.6px; color: var( --e-global-color-text ); background-color: #121212;" role="img" draggable="false" src="https://s.w.org/images/core/emoji/14.0.0/svg/1f609.svg" alt="&#x1f609;" />) mais simplement de se pencher sur les lézardes, les veuves et les orphelines. Ce qui embellira grandement vos mises en pages.</p><ul><li><strong>Les lézardes :</strong> lorsque plusieurs lignes/espaces sont quasiment alignées, ce qui donne une impression de ligne blanche, plus ou moins droite.</li><li><strong>Les veuves :</strong> dernière ligne d&rsquo;un paragraphe se retrouvant isolée en haut d&rsquo;une page ou d&rsquo;une colonne.</li><li><strong>Les orphelines :</strong> première ligne d&rsquo;un paragraphe se retrouvant isolée en bas d&rsquo;une page ou d&rsquo;une colonne.</li></ul>								</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-6eae316 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6eae316" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8596de1" data-id="8596de1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6db55d0 blog_image elementor-widget elementor-widget-image" data-id="6db55d0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-1024x1024.jpg" class="attachment-large size-large wp-image-1906" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Règles typographique et mise en pages - Images - D" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_13_D.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-49dd37a blog_texte elementor-widget elementor-widget-heading" data-id="49dd37a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Quelques abréviations utiles&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a169250 elementor-widget elementor-widget-text-editor" data-id="a169250" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Commençons par la plus utile&#8230; Monsieur s&rsquo;écrit « M. » et non « Mr » qui signifie <em>Mister</em>, de l&rsquo;anglais donc. Au pluriel, Messieurs nous donne « MM ».<br />Pour le reste, nous écrivons « Mme », « Mmes », « Mlle », et « Mlles ».</p><p>« Docteur », « Professeur » et « Maître » s’écrivent, eux, « Dr », « Pr », et « Me », sans point à la fin.</p><p>Les autres abréviations s&rsquo;écrivent avec un point à la fin, à l&rsquo;exception des unités de mesure (ex : « g »), et celle dont la dernière lettre du mot termine l&rsquo;abréviation. (ex : « bd » pour « boulevard ».)</p>								</div>
				</div>
				<div class="elementor-element elementor-element-78df3f0 blog_texte elementor-widget elementor-widget-heading" data-id="78df3f0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pour conclure&nbsp;:</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-17d83f2 elementor-widget elementor-widget-text-editor" data-id="17d83f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Un grand nombre de règles régit la bonne utilisation (selon l&rsquo;usage souhaité) de la typographie et, bien souvent, nous ignorons ces dernières lors de nos créations ou de nos communications. Bien que s&rsquo;affranchir des règles soit parfois une volonté nécessaire et/ou graphique, bien connaître ces règles nous permet de jouer avec&#8230; en toute connaissance de cause.</p><p><strong>» Point de suspension&#8230;</strong></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/les-regles-typographiques/">&#x1f44c; Les règles typographiques.</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>&#x1f3a8; Accessibilité et typographie</title>
		<link>https://www.harnois-alan.fr/accessibilite-et-typographie/</link>
		
		<dc:creator><![CDATA[filprA_457281]]></dc:creator>
		<pubDate>Tue, 09 May 2023 07:00:35 +0000</pubDate>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Typographie]]></category>
		<category><![CDATA[Créer pour toustes]]></category>
		<category><![CDATA[inclusivité]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=959</guid>

					<description><![CDATA[<p>Attention à la marche. Une simple information à traiter pour que nous levions le pied. Un calvaire pour d&#8217;autres. Bien souvent, nous oublions que ce qui pour nous peut sembler d&#8217;une simplicité enfantine, relève pour certain-e-s d&#8217;un challenge quotidien. Ce constat s&#8217;applique également au monde de la création. Nous oublions parfois qu&#8217;un faible contraste, qu&#8217;une [&#8230;]</p>
<p>L’article <a href="https://www.harnois-alan.fr/accessibilite-et-typographie/">&#x1f3a8; Accessibilité et typographie</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="959" class="elementor elementor-959">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-724a5b98 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="724a5b98" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a16fc3" data-id="49a16fc3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a6dc3a1 blog_image elementor-widget elementor-widget-image" data-id="a6dc3a1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-1024x1024.jpg" class="attachment-large size-large wp-image-962" alt="Alan Harnois - Directeur artistique - Graphiste - Freelance - Blog - Accessibilité et typographie - Images - Principale" srcset="https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-1024x1024.jpg 1024w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-300x300.jpg 300w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-150x150.jpg 150w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-768x768.jpg 768w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09-600x600.jpg 600w, https://www.harnois-alan.fr/wp-content/uploads/2023/08/Blog_09.jpg 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-c931a19 blog_texte elementor-widget elementor-widget-heading" data-id="c931a19" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Attention à la marche.</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-497a1fd elementor-widget elementor-widget-text-editor" data-id="497a1fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Une simple information à traiter pour que nous levions le pied. Un calvaire pour d&rsquo;autres. Bien souvent, nous oublions que ce qui pour nous peut sembler d&rsquo;une simplicité enfantine, relève pour certain-e-s d&rsquo;un challenge quotidien. Ce constat s&rsquo;applique également au monde de la création. Nous oublions parfois qu&rsquo;un faible contraste, qu&rsquo;une couleur particulière ou qu&rsquo;une jolie typographie calligraphique peuvent être compliqués à percevoir ou à lire pour certain-e-s utilisateur-ice-s.

Lorsque nous créons, pensons, concevons, nous gardons toujours en tête notre cible. Mais nous oublions parfois qu&rsquo;elle est probablement composée de daltoniens, de mal-voyants, de dyslexiques ou d&rsquo;autres personnes pour qui notre design n&rsquo;est pas suffisamment accessible.

Combiner minimalisme, typographie linéale et fort contraste est souvent le moyen le plus simple d&rsquo;être compris du plus grand nombre. (Il existe même des typographies adaptées, <a class="a_link_b" style="text-decoration: underline;" href="https://opendyslexic.org/" target="_blank" rel="noopener">l&rsquo;OpenDyslexic</a> pour dyslexique et <a class="a_link_b" style="text-decoration: underline;" href="https://luciole-vision.com/" target="_blank" rel="noopener">la Luciole</a> pour les malvoyants par exemple.

<strong>» À présent, créons pour tous. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.harnois-alan.fr/accessibilite-et-typographie/">&#x1f3a8; Accessibilité et typographie</a> est apparu en premier sur <a href="https://www.harnois-alan.fr">Alan Harnois</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
