{"id":8504,"date":"2021-08-11T07:07:00","date_gmt":"2021-08-11T07:07:00","guid":{"rendered":"https:\/\/foodiedigital.com\/?p=8504"},"modified":"2023-09-20T22:43:59","modified_gmt":"2023-09-20T22:43:59","slug":"web-accessibility-for-food-blogs","status":"publish","type":"post","link":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/","title":{"rendered":"Web accessibility tips for food blogs"},"content":{"rendered":"\n<p>Web accessibility is important for all websites, including food blogs.<\/p>\n\n\n\n<p>Visitors with disabilities (visual, auditory, physical, speech, cognitive) should be able to read and interact with your website with ease. Have you ever tested out a screen reader on your site? <\/p>\n\n\n\n<p>Here&#8217;s how a <a href=\"https:\/\/www.youtube.com\/watch?v=dEbl5jvLKGQ\" target=\"_blank\" rel=\"noreferrer noopener\">screen reader<\/a> works.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines (WCAG)<\/a> provides requirements and guidelines on how to make web content more accessible to people with disabilities. It\u2019s a fantastic resource, but it can also be overwhelming if you\u2019re just getting started.<\/p>\n\n\n\n<p>To begin, it&#8217;s important to know that there are 3 levels of web accessibility compliance:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Level A<\/strong>: the most basic web accessibility features<\/li>\n\n\n\n<li><strong>Level AA<\/strong>: meeting the most common barriers for disabled people<\/li>\n\n\n\n<li><strong>Level AAA<\/strong>: the highest level of accessibility<\/li>\n<\/ul>\n\n\n\n<p>The success criteria for each level of accessibility are based on four principles. From <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/intro#understanding-the-four-principles-of-accessibility\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG<\/a>:<\/p>\n\n\n\n<p><em>Anyone who wants to use the Web must have content that is:<\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em><strong>Perceivable:<\/strong> this means that users must be able to perceive the information being presented (it can&#8217;t be invisible to all of their senses<\/em>).<\/li>\n\n\n\n<li><strong><em>Operable:<\/em><\/strong> <em>this means that users must be able to operate the interface (the interface cannot require interaction that a user cannot perform<\/em>).<\/li>\n\n\n\n<li><strong><em>Understandable:<\/em><\/strong> <em>this means that users must be able to understand the information as well as the operation of the user interface (the content or operation cannot be beyond their understanding).<\/em><\/li>\n\n\n\n<li><strong><em>Robust:<\/em><\/strong> <em>this means that users must be able to access the content as technologies advance (as technologies and user agents evolve, the content should remain accessible)<\/em>.<\/li>\n<\/ol>\n\n\n\n<p><em>If any of these are not true, users with disabilities will not be able to use the Web.<\/em><meta charset=\"utf-8\"><\/p>\n\n\n\n<p>A good goal for food blogs is to strive for <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/?currentsidebar=%23col_customize&amp;levels=aaa\" target=\"_blank\" rel=\"noreferrer noopener\">level AA<\/a> conformance. In this post, we share 6 ways to bring you closer to that goal and make your site more accessible. <\/p>\n\n\n\n<p>Plus, we share <a href=\"#A-commitment-to-web-accessibility\">instructions<\/a> for creating an Accessibility Policy (just like <a href=\"https:\/\/cookieandkate.com\/accessibility-policy\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cookie + Kate<\/a>!) to demonstrate your commitment to web accessibility.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6 ways to make your site more accessible<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#Include-(and-improve)-image-alt-text\">Include (and improve) image alt text<\/a><\/li>\n\n\n\n<li><a href=\"#do-not-embed-important-text-inside-images\">Do not embed important text inside images<\/a><\/li>\n\n\n\n<li><a href=\"#Use-descriptive-link-text\">Use descriptive link text<\/a><\/li>\n\n\n\n<li><a href=\"#Add-captions-to-your-videos\">Add captions your videos<\/a><\/li>\n\n\n\n<li><a href=\"#heading-tags\">Add heading tags based on page structure, not styling<\/a><\/li>\n\n\n\n<li><a href=\"#color-contrast\">Make sure your site&#8217;s design has strong color contrast<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"Include-(and-improve)-image-alt-text\">1. Include (and improve) image alt text<\/h3>\n\n\n\n<p>Alt text describes an image for a site visitor who is using a screen reader while accessing your site. <\/p>\n\n\n\n<p>It should be written in full sentences and should describe what&#8217;s in the image and should not contain the post title, blog name or be stuffed with keywords. We like this <a href=\"https:\/\/moz.com\/learn\/seo\/alt-text\" target=\"_blank\" rel=\"noreferrer noopener\">alt text guide from Moz<\/a>.<\/p>\n\n\n\n<p>To strengthen your site&#8217;s image alt text, install the free plugin  <a href=\"https:\/\/wordpress.org\/plugins\/alt-text-tools\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Alt Text Tools<\/a> to see where image alt text is missing or needs to be improved. Focus on your top 50 posts first, and update from there.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"do-not-embed-important-text-inside-images\">2. <span style=\"font-size: inherit;\">Do not emb<\/span>ed <span style=\"font-size: inherit;\">important text inside images<\/span><\/h3>\n\n\n\n<p>In its&nbsp;<a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-images\" target=\"_blank\" rel=\"noreferrer noopener\">Image SEO overview<\/a>&nbsp;Google says:<\/p>\n\n\n\n<p><em>Don\u2019t embed important text inside images: Avoid embedding text in images, especially important text elements like page headings and menu items, because not all users can access them (and page translation tools won\u2019t work on images). To ensure maximum accessibility of your content, keep text in HTML, provide alt text for images.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"Use-descriptive-link-text\">3. Use descriptive link text<\/h3>\n\n\n\n<p><a href=\"https:\/\/webaccess.berkeley.edu\/resources\/tips\/web-accessibility\" target=\"_blank\" rel=\"noreferrer noopener\">Berkeley Web Access<\/a> explains it best:<\/p>\n\n\n\n<p><em>When including links in your content, use text that properly describes where the link will go. Using &#8220;click here&#8221; is not considered descriptive, and is ineffective for a screen reader user.<\/em><\/p>\n\n\n\n<p><em>Just like sighted users scan the page for linked text, visually-impaired users can use their screen readers to scan for links. As a result, screen reader users often do not read the link within the context of the rest of the page. Using descriptive text properly explains the context of links to the screen reader user.<\/em><\/p>\n\n\n\n<p><em>The most unique content of the link should be presented first, as screen reader users will often navigate the links list by searching via the first letter.<\/em><\/p>\n\n\n\n<p><em>For example, if you are pointing visitors to a page called &#8220;About Us&#8221;:<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Try not to say: &#8220;<\/em><a href=\"https:\/\/webaccess.berkeley.edu\/about\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Click here<\/em><\/a><em> to read about our company.&#8221;<\/em><\/li>\n\n\n\n<li><em>Instead, say: &#8220;To learn more about our company, read <\/em><a href=\"https:\/\/webaccess.berkeley.edu\/about\" target=\"_blank\" rel=\"noreferrer noopener\"><em>About Us<\/em><\/a><em>.&#8221;<\/em><\/li>\n<\/ul>\n\n\n\n<p>To begin, scan the links (internal and external links) in your top 10 traffic-generating posts. A<meta charset=\"utf-8\">re they descriptive? If not, update them. Then move on to the next 10 posts, and the next 10 posts. This is an easy and quick way to make your site more accessible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"Add-captions-to-your-videos\">4. Add captions to your videos<\/h3>\n\n\n\n<p>Video captions are a good resource for those who are deaf and hard of hearing, but they\u2019re also used widely for <a href=\"https:\/\/www.mediavine.com\/what-is-website-accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">situational disabilities<\/a>. <\/p>\n\n\n\n<p>Have you ever tried to watch a video on public transportation or in a loud room without captions? We have, and we usually scroll right past it because we can\u2019t understand what\u2019s being said.<\/p>\n\n\n\n<p>Here&#8217;s how to add captions to video by platform:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/support.google.com\/youtube\/answer\/2734796?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/vimeo.zendesk.com\/hc\/en-us\/articles\/224968828-Captions-and-subtitles\" target=\"_blank\" rel=\"noreferrer noopener\">Vimeo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.adthrive.com\/hc\/en-us\/articles\/360042530572-How-do-I-add-closed-captioning-to-my-videos-\" target=\"_blank\" rel=\"noreferrer noopener\">Raptive<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.mediavine.com\/en\/articles\/3750921-closed-captions\" target=\"_blank\" rel=\"noreferrer noopener\">Mediavine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.techradar.com\/best\/best-transcription-services\" target=\"_blank\" rel=\"noreferrer noopener\">Transcription resources<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"heading-tags\">5. Add heading tags based on page structure, not styling<\/h3>\n\n\n\n<p>Always select the heading tag that best suits the structure of the post. H1 should be your post title, H2s should be your subheadings, followed by H3s, H4s, etc. as needed.<\/p>\n\n\n\n<p>Screen readers use headings to navigate the content of the page. This is an easy way to ensure your posts are organized and easy for screen readers to understand.<\/p>\n\n\n\n<p>Here&#8217;s a super helpful UX and acessibility tip related to headings from certified accessibility specialist (CPACC) Kim Krause Berg:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"860\" src=\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip-1024x860.png\" alt=\"Image of a tweet. Content: &quot;A tip for UX and accessibility. This is a great exercise to test our the strength of your htags. If your answer is no to this test, it definitely means your tags should be updated. Ultimately, they should reflect what the content is about on the page in order for Google to understand best. If you remove all the images and content from your webpage and leave in just the header tags for headings, would it still be easy to understand what the page is about? This is one of my favorite audit testing methods for UX and accessibility.&quot;\" class=\"wp-image-8505\" srcset=\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip-1024x860.png 1024w, https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip-300x252.png 300w, https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip-768x645.png 768w, https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip-600x504.png 600w, https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/UX_Accessibility_Tip.png 1214w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We know it&#8217;s tempting to select a heading based on the font size or styling. Styling can easily be updated via the block editor, or better yet in the stylesheet for your theme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\" id=\"color-contrast\">6. Make sure your site&#8217;s design has strong color contrast<\/h3>\n\n\n\n<p>Having enough contrast between the different colors on your website allows for people with different visual abilities to properly see the content on your web pages. This includes body copy, buttons, links, icons and more. <\/p>\n\n\n\n<p>See these examples for comparison:<\/p>\n\n\n\n<div class=\"wp-block-group fd-color-contrast\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-color has-background\" style=\"color:#8c1730;background-color:#dee9f0\">Has sufficient color contrast<\/p>\n\n\n\n<p class=\"has-text-color has-background\" style=\"color:#efbf49;background-color:#dee9f0\">Does not have sufficient color contrast<\/p>\n<\/div><\/div>\n\n\n\n<p>The <a href=\"https:\/\/www.w3.org\/WAI\/perspective-videos\/contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\">color contrast guidelines<\/a> from W3C WAI are really helpful.<\/p>\n\n\n\n<p>The contrast checker from <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM<\/a> is also a helpful tool to get an idea of whether the background and foreground colors used on your site have enough contrast.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"A-commitment-to-web-accessibility\">Make a commitment to web accessibility<\/h2>\n\n\n\n<p>A big part of making your site accessible is being committed to ongoing learning and improvements, and having an open mind about what you can do to support all site visitors.<\/p>\n\n\n\n<p>That&#8217;s what Cookie + Kate makes clear in their&nbsp;<a href=\"https:\/\/cookieandkate.com\/accessibility-policy\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility policy<\/a>. <\/p>\n\n\n\n<p>You can generate your own accessibility policy for free using this&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/planning\/statements\/\" rel=\"noreferrer noopener\" target=\"_blank\">accessibility statement generator<\/a>. Adding the new policy to your site&#8217;s footer should be quick and easy. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web accessibility is important for all websites, including food blogs. Here&#8217;s 6 ways to make your site more accessible.<\/p>\n","protected":false},"author":5,"featured_media":8570,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":true,"_modified_date":"","inline_featured_image":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-8504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-support-tips"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web accessibility tips for food blogs - Foodie Digital<\/title>\n<meta name=\"description\" content=\"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web accessibility tips for food blogs - Foodie Digital\" \/>\n<meta property=\"og:description\" content=\"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\" \/>\n<meta property=\"og:site_name\" content=\"Foodie Digital\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-11T07:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-20T22:43:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Liane Walker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liane Walker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\"},\"author\":{\"name\":\"Liane Walker\",\"@id\":\"https:\/\/foodiedigital.com\/#\/schema\/person\/0e910b1b6c9a895076dae3d6ace0b55d\"},\"headline\":\"Web accessibility tips for food blogs\",\"datePublished\":\"2021-08-11T07:07:00+00:00\",\"dateModified\":\"2023-09-20T22:43:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\"},\"wordCount\":1137,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/foodiedigital.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg\",\"articleSection\":[\"Tech support tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\",\"url\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\",\"name\":\"Web accessibility tips for food blogs - Foodie Digital\",\"isPartOf\":{\"@id\":\"https:\/\/foodiedigital.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg\",\"datePublished\":\"2021-08-11T07:07:00+00:00\",\"dateModified\":\"2023-09-20T22:43:59+00:00\",\"description\":\"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.\",\"breadcrumb\":{\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage\",\"url\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg\",\"contentUrl\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"Erol Ahmed\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/foodiedigital.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tech support tips\",\"item\":\"https:\/\/foodiedigital.com\/category\/tech-support-tips\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web accessibility tips for food blogs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/foodiedigital.com\/#website\",\"url\":\"https:\/\/foodiedigital.com\/\",\"name\":\"Foodie Digital\",\"description\":\"Food Blog SEO &amp; WordPress Support\",\"publisher\":{\"@id\":\"https:\/\/foodiedigital.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/foodiedigital.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/foodiedigital.com\/#organization\",\"name\":\"Foodie Digital\",\"url\":\"https:\/\/foodiedigital.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/foodiedigital.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2019\/03\/FD.black_.logo_.web_.png\",\"contentUrl\":\"https:\/\/foodiedigital.com\/wp-content\/uploads\/2019\/03\/FD.black_.logo_.web_.png\",\"width\":1500,\"height\":946,\"caption\":\"Foodie Digital\"},\"image\":{\"@id\":\"https:\/\/foodiedigital.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/foodiedigital.com\/#\/schema\/person\/0e910b1b6c9a895076dae3d6ace0b55d\",\"name\":\"Liane Walker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/foodiedigital.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/61e0b2eefee071e92ab3c08f1824e94f85a81f63b24268efd0df98d04722fb81?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/61e0b2eefee071e92ab3c08f1824e94f85a81f63b24268efd0df98d04722fb81?s=96&d=blank&r=g\",\"caption\":\"Liane Walker\"},\"description\":\"Liane is a mom of 3, committed meal planner, wannabe saucier chef, a seasoned systems analyst and content strategist, and Managing Director of Foodie Digital.\",\"sameAs\":[\"https:\/\/foodiedigital.com\/about-foodie-digital\/\"],\"url\":\"https:\/\/foodiedigital.com\/author\/liane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web accessibility tips for food blogs - Foodie Digital","description":"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/","og_locale":"en_US","og_type":"article","og_title":"Web accessibility tips for food blogs - Foodie Digital","og_description":"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.","og_url":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/","og_site_name":"Foodie Digital","article_published_time":"2021-08-11T07:07:00+00:00","article_modified_time":"2023-09-20T22:43:59+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg","type":"image\/jpeg"}],"author":"Liane Walker","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Liane Walker","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#article","isPartOf":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/"},"author":{"name":"Liane Walker","@id":"https:\/\/foodiedigital.com\/#\/schema\/person\/0e910b1b6c9a895076dae3d6ace0b55d"},"headline":"Web accessibility tips for food blogs","datePublished":"2021-08-11T07:07:00+00:00","dateModified":"2023-09-20T22:43:59+00:00","mainEntityOfPage":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/"},"wordCount":1137,"commentCount":0,"publisher":{"@id":"https:\/\/foodiedigital.com\/#organization"},"image":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage"},"thumbnailUrl":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg","articleSection":["Tech support tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/","url":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/","name":"Web accessibility tips for food blogs - Foodie Digital","isPartOf":{"@id":"https:\/\/foodiedigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage"},"image":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage"},"thumbnailUrl":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg","datePublished":"2021-08-11T07:07:00+00:00","dateModified":"2023-09-20T22:43:59+00:00","description":"In this post, we share 5 ways to make your food blog more accessible. Plus, we share instructions for creating a free Accessibility Policy.","breadcrumb":{"@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#primaryimage","url":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg","contentUrl":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2021\/07\/erol-ahmed-54hUU5pNSvo-unsplash-scaled.jpg","width":2560,"height":1707,"caption":"Erol Ahmed"},{"@type":"BreadcrumbList","@id":"https:\/\/foodiedigital.com\/web-accessibility-for-food-blogs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/foodiedigital.com\/"},{"@type":"ListItem","position":2,"name":"Tech support tips","item":"https:\/\/foodiedigital.com\/category\/tech-support-tips\/"},{"@type":"ListItem","position":3,"name":"Web accessibility tips for food blogs"}]},{"@type":"WebSite","@id":"https:\/\/foodiedigital.com\/#website","url":"https:\/\/foodiedigital.com\/","name":"Foodie Digital","description":"Food Blog SEO &amp; WordPress Support","publisher":{"@id":"https:\/\/foodiedigital.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/foodiedigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/foodiedigital.com\/#organization","name":"Foodie Digital","url":"https:\/\/foodiedigital.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/foodiedigital.com\/#\/schema\/logo\/image\/","url":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2019\/03\/FD.black_.logo_.web_.png","contentUrl":"https:\/\/foodiedigital.com\/wp-content\/uploads\/2019\/03\/FD.black_.logo_.web_.png","width":1500,"height":946,"caption":"Foodie Digital"},"image":{"@id":"https:\/\/foodiedigital.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/foodiedigital.com\/#\/schema\/person\/0e910b1b6c9a895076dae3d6ace0b55d","name":"Liane Walker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/foodiedigital.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/61e0b2eefee071e92ab3c08f1824e94f85a81f63b24268efd0df98d04722fb81?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/61e0b2eefee071e92ab3c08f1824e94f85a81f63b24268efd0df98d04722fb81?s=96&d=blank&r=g","caption":"Liane Walker"},"description":"Liane is a mom of 3, committed meal planner, wannabe saucier chef, a seasoned systems analyst and content strategist, and Managing Director of Foodie Digital.","sameAs":["https:\/\/foodiedigital.com\/about-foodie-digital\/"],"url":"https:\/\/foodiedigital.com\/author\/liane\/"}]}},"_links":{"self":[{"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/posts\/8504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/comments?post=8504"}],"version-history":[{"count":10,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/posts\/8504\/revisions"}],"predecessor-version":[{"id":10465,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/posts\/8504\/revisions\/10465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/media\/8570"}],"wp:attachment":[{"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/media?parent=8504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/categories?post=8504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/foodiedigital.com\/wp-json\/wp\/v2\/tags?post=8504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}