<?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>Food Blogger Mania &#187; Site Identity</title>
	<atom:link href="https://foodbloggermania.it/tag/ricette/site-identity/feed/" rel="self" type="application/rss+xml" />
	<link>https://foodbloggermania.it</link>
	<description>Food Blogger Mania</description>
	<lastBuildDate>Fri, 12 Jun 2026 18:17:18 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-8/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-8/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>Mariapia</dc:creator>
				<category><![CDATA[Basilicata]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[WCAG]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-8/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-8/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-7/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-7/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>Alveare Delle Delizie</dc:creator>
				<category><![CDATA[Friuli Venezia Giulia]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[WAVE]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-7/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-7/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-6/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-6/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>Pani cunzatu</dc:creator>
				<category><![CDATA[Sicilia]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>
		<category><![CDATA[Web Content Accessibility Guidelines]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-6/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-6/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-5/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-5/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>Ragazze conTorte</dc:creator>
				<category><![CDATA[Lazio]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Evaluation Tool]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-5/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-5/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-4/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-4/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>ricette da coinquiline</dc:creator>
				<category><![CDATA[Campania]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[Theme Review Team]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-4/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-4/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-3/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-3/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>Ovosodo Cook</dc:creator>
				<category><![CDATA[Emilia Romagna]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Manage Settings]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-3/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-3/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-2/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-2/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>claudialuca90</dc:creator>
				<category><![CDATA[Sicilia]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Design Customize]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-2/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-2/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Ways to Make Your Site More Accessible</title>
		<link>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible/</link>
		<comments>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible/#comments</comments>
		<pubDate>Thu, 21 May 2020 12:00:00 +0000</pubDate>
		<dc:creator>BucciaDiArancia</dc:creator>
				<category><![CDATA[Piemonte]]></category>
		<category><![CDATA[CTA]]></category>
		<category><![CDATA[Global Accessibility Awareness Day]]></category>
		<category><![CDATA[Heading Block]]></category>
		<category><![CDATA[Image Block]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Site Title]]></category>
		<category><![CDATA[WAI]]></category>
		<category><![CDATA[Web Accessibility Initiative]]></category>

		<guid isPermaLink="false">https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible/</guid>
		<description><![CDATA[Today, Global Accessibility Awareness&#160;Day,&#160;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&#160;analyzed one million homepages for accessibility issues and found that 98% of websites had at least one WCAG (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty&#160;<a href="https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Today, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness&nbsp;Day</a>,&nbsp;raises awareness around digital access and inclusion and improving the web experience for everyone. This year, WebAIM&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/projects/million/">analyzed one million homepages for accessibility issues</a> and found that 98% of websites had at least one <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://webaim.org/standards/wcag/">WCAG</a> (Web Content Accessibility Guidelines) failure on their homepage, such as low-contrast text, missing image alt text, and empty links. These types of accessibility barriers make it difficult or impossible for some visitors &#8212; people who are blind, deaf and hard of hearing, and disabled, for example &#8212; to use your site.</p>
<p>We encourage you to audit your site to ensure it&#8217;s accessible for all readers; the WAVE <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wave.webaim.org/">Web Accessibility Evaluation Tool</a> can identify various errors on your site in seconds. Here are some web accessibility tips to get you started, and be sure to explore the guidelines and resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website for deeper learning.</p>
<hr class="wp-block-separator" />
<h3>Use an accessibility-ready theme</h3>
<p>You can choose from among a variety of designs for your site, but some themes have features that add complexity, making it harder for disabled people or visitors using screen readers to access your content. </p>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/">choosing a theme</a>, consider an <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/themes/filter/accessibility-ready">accessibility-ready design</a>, like <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/balasana">Balasana</a></em>, a free minimal theme for your business website; or <em><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/theme/mayland">Mayland</a></em>, a free visual theme that&#8217;s great for photographers and storytellers. These themes have been checked by the Theme Review Team and pass&nbsp;<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/themes/handbook/review/accessibility/required/">basic accessibility requirements</a>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screencapture-wordpress-themes-filter-accessibility-ready-2020-05-18-14_31_37.png?w=1024" alt="Examples of six accessibility-ready designs from the WordPress.com Theme Showcase" class="wp-image-42375" /></figure>
<h3>Display your site title and tagline</h3>
<p>Many themes allow you to upload a <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-header-image/">custom header image</a>, which is a visual way to brand your site, display the title of your blog, or promote the name of your business. But some themes may not support <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">alternative text</a>, or&nbsp;the written copy that appears in place of an image on a page if the image fails to load on your visitor&#8217;s screen. </p>
<p>Instead of conveying your site title and tagline within a header image, display your site title and tagline text. Go to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/settings/general">Manage → Settings</a></strong>, and at the top under <strong>Site profile</strong>, fill out your <strong>Site title</strong> and <strong>Site tagline</strong>. Then, head to <strong><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize">Design → Customize</a></strong>, go to <strong>Site Identity</strong>,<strong> </strong>and check the box next to <strong>Display Site Title and Tagline</strong>. </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.21.45-am-2.png?w=588" alt="The module in My Sites where you insert your Site Title and Site Tagline" class="wp-image-42346" width="441" height="278" /></figure>
<h3>Structure your pages and posts with appropriate headings</h3>
<p>Add <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#headings">headings</a> with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/heading-block/">Heading Block</a> to organize pages and posts and make it easier for readers to follow your content, which is especially important for longer pages and posts. Click on the &#8220;i&#8221; icon in the top toolbar of the block editor to view any errors and incorrect heading sizes.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-10.13.46-am-copy-2.png?w=1024" alt="A popup box that appears in the block editor with information on headings and the structure of your post or page" class="wp-image-42367" width="1024" height="629" /></figure>
<h3>Select fonts and colors for legibility</h3>
<p>Fonts and colors are essential components on your site, adding personality and style and strengthening your visual identity online. Avoid <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/custom-fonts/">font styles and sizes</a> and color palettes that make your site difficult to read, and pay attention to <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#contrast">contrast</a>, or the difference between the darkness of your text and the lightness of your background.</p>
<p>The block editor will display an error message in <strong>Color settings</strong> when it detects poor color contrast in the specific block you&#8217;re working on.</p>
<div>
<div>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-9.38.49-pm-copy.png" alt="An error message that is displayed in the sidebar of the block editor when low color contrast is detected" class="wp-image-42405" width="1024" height="531" /></figure>
</p>
</div>
</div>
<h3>Clearly describe your links</h3>
<p>When <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/links/#adding-links-to-posts-pages-and-widgets">linking to another page or post on the web</a>, make your linked text descriptive. For example, &#8220;click here&#8221; is not as effective as &#8220;learn how to apply to my writing workshop.&#8221; </p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.10.35-am.png?w=1024" alt="A short paragraph with correctly linked text" class="wp-image-42350" width="1024" height="239" /></figure>
<h3>Include captions with your images</h3>
<p>When adding an image with the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/">Image Block</a>, add a description of the image in the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block/#captions">caption</a> underneath it. While captions are optional, they improve the experience for all readers by providing more context.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-3.23.27-pm.png?w=1024" alt="A photo of a vintage typewriter with a caption" class="wp-image-42385" /></figure>
<h3>Add alt text to your images</h3>
<p><a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#images">Alt text</a> is essential for people who are blind or use screen readers (they can hear alt text read aloud), or people who have disabled images for speed or bandwidth reasons. Alt text is also important for your site&#8217;s SEO &#8212; it helps search engines understand what your site content is about.</p>
<p>When adding an image with the<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/image-block"> Image Block</a>, go to the block&#8217;s settings on the right and add the alt text in the box under <strong>Image settings</strong>.</p>
<figure><img src="https://en-blog.files.wordpress.com/2020/05/screen-shot-2020-05-18-at-11.47.07-am.png?w=554" alt="An example of image alt text written in the Alt Text field in the Image Block's settings" class="wp-image-42356" width="416" height="359" /></figure>
<p>Learn more about W3C&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/tutorials/images/">image accessibility guidelines</a>.</p>
<h3>Create easily clickable CTA areas</h3>
<p>With the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/wordpress-editor/blocks/buttons-block/">Buttons Block</a>, you can add call-to-action buttons to your pages and posts quickly. For those of you who <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/discover-wordpress/2018/04/26/create-a-custom-button/">design and embed your own buttons</a> with <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/widgets/image-widget/">Image Widgets</a>, make buttons, icons, and other CTA elements with wide-enough areas that are easy to click or tap from different devices. </p>
<p>You can apply this tip to text links as well. Tapping a linked hashtag or asterisk within a sentence, for example &#8212; especially on a small screen &#8212; may be difficult for some people.</p>
<h3>Include captions or transcripts for multimedia content</h3>
<p>If your site includes<a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/support/videos/"> video content</a>, consider adding captions or including transcripts (documenting speech, sounds, as well as actions seen on-screen). <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/test-evaluate/preliminary/#media">Podcast</a> transcripts are also incredibly helpful; here&#8217;s <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://distributed.blog/2020/04/29/adam-gazzaley-distracted-mind/">a transcript of a recent Distributed episode with neuroscientist Adam Gazzaley</a>.</p>
<p>It&#8217;s best if video and audio content does not auto-play, but if that&#8217;s not possible, options to pause or adjust the volume should be obvious on the page.</p>
<h3>Never stop learning and improving</h3>
<p>This list is just an introduction to a few best practices and guidelines! If you&#8217;re interested in learning more, explore the resources on the <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://www.w3.org/WAI/">W3C Web Accessibility Initiative (WAI)</a> website. You can also explore ways to get involved in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://make.wordpress.org/accessibility/">improving the accessibility of WordPress</a>.</p>
<hr class="wp-block-separator" />
<p><strong>Learn more about <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/">Global Accessibility Awareness Day</a> and participate in <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://globalaccessibilityawarenessday.org/events/">online events, webinars, and podcasts</a>. </strong></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/10-ways-to-make-your-site-more-accessible/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customize Your Site’s Footer Credit</title>
		<link>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit/</link>
		<comments>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit/#comments</comments>
		<pubDate>Wed, 06 Jul 2016 16:15:18 +0000</pubDate>
		<dc:creator>BucciaDiArancia</dc:creator>
				<category><![CDATA[Piemonte]]></category>
		<category><![CDATA[Footer Credit]]></category>
		<category><![CDATA[Save Publish]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Sites Customize]]></category>

		<guid isPermaLink="false">http://foodbloggermania.it/ricetta/customize-your-sites-footer-credit/</guid>
		<description><![CDATA[Every WordPress.com site displays a footer credit &#8212; a line of text at the bottom of the page &#8212; which links to our homepage and to the theme you&#8217;re currently using. These links help your visitors set up a WordPress site of their own, and highlight the reach and scope of our community. It&#8217;s a way to show the world the&#160;<a href="https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Every WordPress.com site displays a footer credit &#8212; a line of text at the bottom of the page &#8212; which links to our homepage and to the theme you&#8217;re currently using. These links help your visitors set up a WordPress site of their own, and highlight the reach and scope of our community. It&#8217;s a way to show the world the pride we take in building WordPress.com, which so many of you have chosen as your home on the web.</p>
<p>Over the years we&#8217;ve received feedback about the footer credit, where the language didn&#8217;t always align with the goals for your website or blog. So today, we&#8217;re rolling out the ability to customize the footer credit. We wanted to give you more control over your site&#8217;s appearance while maintaining an important part of WordPress.com.</p>
<h3>Custom Footer Credits</h3>
<p>What&#8217;s new? As of today, all WordPress.com users can choose among several options for the footer credit, from a minimalist WordPress.com logo to new options like &#8220;A WordPress.com Website&#8221; or &#8220;Powered by WordPress.com.&#8221; If your site is on our <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/business/">Business plan</a>, you now have the option to remove the footer credit altogether.</p>
<p>To find these options, head to <strong>My Sites → <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize/">Customize</a></strong> and select the site you wish to change. In the <strong>Site Identity</strong> section, look for the <strong>Footer Credit</strong> option. Choose the option you would like to use &#8212; the Customizer will let you preview how each one looks on your site &#8212; and hit <strong>Save &amp; Publish </strong>when you&#8217;re ready. Your site will be updated instantly.</p>
<p><a target="_blank" rel="nofollow" href="https://en-blog.files.wordpress.com/2016/07/footer-credit1.jpg"><img class="alignnone wp-image-36333 size-large" src="https://en-blog.files.wordpress.com/2016/07/footer-credit1.jpg?w=720&amp;h=416" width="720" height="416" /></a></p>
<p>We currently offer five footer options, but we&#8217;ll keep an eye on your feedback, and will consider adding other alternatives in the future. If you have a suggestion, we would love to hear it &#8212; leave a comment with your ideas. Enjoy!</p>
<p>Filed under: <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/customization/">Customization</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/features/">Features</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/themes/">Themes</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/wordpresscom/">WordPress.com</a>  <a target="_blank" rel="nofollow" rel="nofollow" href="/redirect.php?URL=http://feeds.wordpress.com/1.0/gocomments/en.blog.wordpress.com/36290/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/en.blog.wordpress.com/36290/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=en.blog.wordpress.com&amp;blog=3584907&amp;post=36290&amp;subd=en.blog&amp;ref=&amp;feed=1" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customize Your Site’s Footer Credit</title>
		<link>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit-2/</link>
		<comments>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit-2/#comments</comments>
		<pubDate>Wed, 06 Jul 2016 16:15:18 +0000</pubDate>
		<dc:creator>Mariapia</dc:creator>
				<category><![CDATA[Basilicata]]></category>
		<category><![CDATA[Footer Credit]]></category>
		<category><![CDATA[Save Publish]]></category>
		<category><![CDATA[Site Identity]]></category>
		<category><![CDATA[Sites Customize]]></category>

		<guid isPermaLink="false">http://foodbloggermania.it/ricetta/customize-your-sites-footer-credit-2/</guid>
		<description><![CDATA[Every WordPress.com site displays a footer credit &#8212; a line of text at the bottom of the page &#8212; which links to our homepage and to the theme you&#8217;re currently using. These links help your visitors set up a WordPress site of their own, and highlight the reach and scope of our community. It&#8217;s a way to show the world the&#160;<a href="https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit-2/" class="read-more">Continua a leggere..</a>]]></description>
			<content:encoded><![CDATA[<p>Every WordPress.com site displays a footer credit &#8212; a line of text at the bottom of the page &#8212; which links to our homepage and to the theme you&#8217;re currently using. These links help your visitors set up a WordPress site of their own, and highlight the reach and scope of our community. It&#8217;s a way to show the world the pride we take in building WordPress.com, which so many of you have chosen as your home on the web.</p>
<p>Over the years we&#8217;ve received feedback about the footer credit, where the language didn&#8217;t always align with the goals for your website or blog. So today, we&#8217;re rolling out the ability to customize the footer credit. We wanted to give you more control over your site&#8217;s appearance while maintaining an important part of WordPress.com.</p>
<h3>Custom Footer Credits</h3>
<p>What&#8217;s new? As of today, all WordPress.com users can choose among several options for the footer credit, from a minimalist WordPress.com logo to new options like &#8220;A WordPress.com Website&#8221; or &#8220;Powered by WordPress.com.&#8221; If your site is on our <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/business/">Business plan</a>, you now have the option to remove the footer credit altogether.</p>
<p>To find these options, head to <strong>My Sites → <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://wordpress.com/customize/">Customize</a></strong> and select the site you wish to change. In the <strong>Site Identity</strong> section, look for the <strong>Footer Credit</strong> option. Choose the option you would like to use &#8212; the Customizer will let you preview how each one looks on your site &#8212; and hit <strong>Save &amp; Publish </strong>when you&#8217;re ready. Your site will be updated instantly.</p>
<p><a target="_blank" rel="nofollow" href="https://en-blog.files.wordpress.com/2016/07/footer-credit1.jpg"><img class="alignnone wp-image-36333 size-large" src="https://en-blog.files.wordpress.com/2016/07/footer-credit1.jpg?w=720&amp;h=416" width="720" height="416" /></a></p>
<p>We currently offer five footer options, but we&#8217;ll keep an eye on your feedback, and will consider adding other alternatives in the future. If you have a suggestion, we would love to hear it &#8212; leave a comment with your ideas. Enjoy!</p>
<p>Filed under: <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/customization/">Customization</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/features/">Features</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/themes/">Themes</a>, <a target="_blank" rel="nofollow" href="/redirect.php?URL=https://en.blog.wordpress.com/category/wordpresscom/">WordPress.com</a>  <a target="_blank" rel="nofollow" rel="nofollow" href="/redirect.php?URL=http://feeds.wordpress.com/1.0/gocomments/en.blog.wordpress.com/36290/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/en.blog.wordpress.com/36290/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=en.blog.wordpress.com&amp;blog=3584907&amp;post=36290&amp;subd=en.blog&amp;ref=&amp;feed=1" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>https://foodbloggermania.it/ricetta/customize-your-sites-footer-credit-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- Wp Fastest Cache: XML Content -->