{"id":52372,"date":"2024-09-04T10:00:00","date_gmt":"2024-09-04T10:00:00","guid":{"rendered":"https:\/\/contentmarketinginstitute.com\/?p=145295"},"modified":"2024-09-04T10:00:00","modified_gmt":"2024-09-04T10:00:00","slug":"8-ways-to-ensure-that-your-content-is-accessible","status":"publish","type":"post","link":"https:\/\/marketingnewsbox.com\/?p=52372","title":{"rendered":"8 Ways To Ensure That Your Content Is Accessible"},"content":{"rendered":"<div class=\"media_block\"><\/div>\n<p>Your content isn\u2019t polished until you make it accessible to all.<\/p>\n<p>Google regularly introduces new accessibility features and updates to enhance the accessibility of digital content. However, marketers shouldn\u2019t just rely on third-party sites to break down barriers so everyone can enjoy your content.<\/p>\n<p>The <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines<\/a> provide a foundation based on <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/ideas-content-accessible\">four principles<\/a> related to how people interact with content \u2014 operable, perceivable, robust, and understandable. For example, a visitor uses a keyboard instead of a mouse, or someone uses voice commands to navigate a website. Audience members might use screen readers to read the content aloud or a screen magnifier to read sections of the content.<\/p>\n<p>To achieve accessible digital content and websites that include all members of your audience and adhere to accessibility laws, follow these practical and easy-to-implement tips:<\/p>\n<h2 class=\"wp-block-heading\">1. Optimize title tags and headings<\/h2>\n<p>Ensure that visitors can easily understand your <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/creating-valuable-content-checklist\/\">content\u2019s structure<\/a> and find the information they need, whether they do it themselves or use voice assistants. Use clear and unique page titles and headings, including relevant keywords, and ensure that it flows logically.<\/p>\n<p>Use only one H1 tag. Keep your subheadings in sequential order (H3 after H2, etc.) and precisely describe the content. For example, instead of using \u201cThings To Know\u201d as the H2 subhead, make it \u201cThings To Know About Accessible Content.\u201d With this approach, visitors can know what to expect of each section of the content.<\/p>\n<h2 class=\"wp-block-heading\">2. Create accessible tables<\/h2>\n<p>Tables inside text can be difficult for screen readers to interpret. To <a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/forms\/\" target=\"_blank\" rel=\"noreferrer noopener\">make your tables accessible,<\/a> don\u2019t cut and paste them from other documents or add them as image files. Use cascading style sheets (CSS) to create them so voice assistants can read them easily.<\/p>\n<h2 class=\"wp-block-heading\">3. Use descriptive anchor text for links<\/h2>\n<p>Read these two statements:<\/p>\n<ul>\n<li>To learn more, click here.<\/li>\n<li>To learn more, review WCAG standards.<\/li>\n<\/ul>\n<p>The first option says almost nothing. The second \u2014 and better \u2014 choice describes what the user can expect when they click the link.<\/p>\n<p>With your anchor text, avoid generic phrases, consider using a target keyword, and be concise.<\/p>\n<h2 class=\"wp-block-heading\">4. Include descriptive alt text for images<\/h2>\n<p>Descriptive <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/optimize-images-seo\/\">alt text<\/a> helps search engines interpret image content, makes it possible for the visually impaired to understand what\u2019s shown, and potentially boosts your website visibility and rankings on Google. Write alt text for every image and video posted on your site and social media channels. Add captions for content published on sites, such as Instagram Reels, that do not have an alt-text option.<\/p>\n<p>Here\u2019s the alt text used to describe this image in a <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/writing-examples-tools-tips\/\">recent article<\/a> from the Content Marketing Institute: \u201cThe e-book headline in this example from OptinMonster is straightforward: 50 Smart Ways to Segment Your Email List.\u201d The alt text describes the image (e-book headline) and the reason for its inclusion (straightforward).<\/p>\n<p>If the image is a logo, write \u201c[company name] logo.\u201d Get specific when possible. For example, instead of explaining an image as \u201cbusiness insurance,\u201d say the kind of insurance.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"315\" src=\"https:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2024\/08\/optinmonster-alt-text-image-example.png\" alt=\"The OptinMonster e-book headline in this alt-text example from CMI is straightforward: 50 Smart Ways to Segment Your Email List.\" class=\"wp-image-145303\"><\/figure>\n<h2 class=\"wp-block-heading\">5. Add public sitemap<\/h2>\n<p>Sitemaps allow visitors to quickly find the content they need and help search engines to index your pages.&nbsp;<\/p>\n<p>An XML sitemap generally gets the most attention because it\u2019s helpful for search engine crawlers. An HTML sitemap, though, provides a clear, accessible overview of the essential pages for visitors. It is usually presented in a clickable format and found in the footer, making it easier for users to navigate your website.<\/p>\n<p>Here\u2019s an excerpt of the publicly available <a href=\"https:\/\/shop.mango.com\/us\/sitemap\" target=\"_blank\" rel=\"noreferrer noopener\">site map from fashion company Mango<\/a>. It highlights the women\u2019s section, detailing the types of clothing, shoes and accessories, and plus-size categories available.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"282\" src=\"https:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2024\/08\/mango-site-map-example.png\" alt=\"Here\u2019s an excerpt of the publicly available site map from fashion company Mango. It highlights the women\u2019s section, detailing the types of clothing, shoes and accessories, and plus-size categories available.\" class=\"wp-image-145302\"><\/figure>\n<p>Ensure that your site includes both an XML and an HTML sitemap.<\/p>\n<h2 class=\"wp-block-heading\">6. Make social media content accessible<\/h2>\n<p>Many marketers prioritize making their websites accessible but overlook their social media channels. Some hesitate to spend time on social media accessibility because it\u2019s not required under WCAG 2.1 standards. However, given that <a href=\"https:\/\/www.retaildive.com\/news\/generation-z-social-media-influence-shopping-behavior-purchases-tiktok-instagram\/652576\/\" target=\"_blank\" rel=\"noreferrer noopener\">85% of Gen Zers<\/a> say social media affects their buying choices, it\u2019s a smart decision to post <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/create-accessible-content-audience\/\">accessible content<\/a>.<\/p>\n<p>Follow the same tips as for your website content \u2014 add captions and transcripts for video and alt text to images, such as this one that We Rate Dogs did in its Instagram post about Pioppi: \u201ca blue staffy pokes his head up above a piece of furniture, front paws resting on a bit of white fabric. His ears are out wide, and his eyes glint with a hint of mischief as he smiles a close-mouthed grin your way.\u201d<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"337\" height=\"417\" src=\"https:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2024\/08\/we-rate-dogs-image-description-example.png\" alt=\"A blue staffy pokes his head up above a piece of furniture, front paws resting on a bit of white fabric. His ears are out wide, and his eyes glint with a hint of mischief as he smiles a close-mouthed grin your way.\u201d\" class=\"wp-image-145301\"><\/figure>\n<p>You also should consider incorporating a sign language interpreter into your videos and events as they can be more helpful in localizing the conversation or supplementing the auto-generated transcripts.<\/p>\n<p>Write accessible hashtags by capitalizing each word, like #MyCanyon, #ChelseaSodaro, #CanyonSpeedmax, #Triathlete, and #Triathlon, in the post below. It makes it easier for screen readers to pronounce each word separately.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"317\" height=\"253\" src=\"https:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2024\/08\/canyon-hashtag-example.png\" alt=\"The screenshot shows hashtags that are accessible because each word is capitalized, like #MyCanyon, #ChelseaSodaro, #CanyonSpeedmax, #Triathlete, and #Triathlon. \" class=\"wp-image-145300\"><\/figure>\n<p>Don\u2019t use many emojis. Voice assistants read every emoji aloud. Hearing 10 emojis in a row, for example, would be challenging for any user.<\/p>\n<p>To learn more about social media accessibility, read this <a href=\"https:\/\/www.rnib.org.uk\/living-with-sight-loss\/assistive-aids-and-technology\/tv-audio-and-gaming\/guide-to-accessible-social-media\/\" target=\"_blank\" rel=\"noreferrer noopener\">guide from the UK\u2019s Royal National Institute of Blind People<\/a>.<\/p>\n<h2 class=\"wp-block-heading\">7. Use accessible language<\/h2>\n<p>Your words are as important as your content\u2019s <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/structure-content-accessible\/\">organizational structure<\/a>. Exacting language and a well-structured format make content easy to understand for everybody.<\/p>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/unusual-words\" target=\"_blank\" rel=\"noreferrer noopener\">Website Accessibility Initiative guidelines<\/a> say you should use clear and simple language or provide a simplified version. If you must use uncommon words, idioms, phrases, and abbreviations, explain them.<\/p>\n<p>Other suggestions include using bullet points, creating emphasis within the text, and indicating the content\u2019s language with the \u201clang\u201d attribute in HTML.<\/p>\n<p>You can use tools like <a href=\"http:\/\/www.grammarly.com\" target=\"_blank\" rel=\"noreferrer noopener\">Grammarly<\/a> or <a href=\"https:\/\/hemingwayapp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hemingway Editor<\/a> to help simplify the content.<\/p>\n<h2 class=\"wp-block-heading\">8. Create accessible calls to action<\/h2>\n<p>Don\u2019t forget to craft <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/call-to-action-tips\">accessible CTAs<\/a> to encourage all people to take the next step. To do so, follow these tips:<\/p>\n<ul>\n<li>Write descriptive and action-oriented text.<\/li>\n<li>Consider <a href=\"https:\/\/webaim.org\/articles\/contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\">color contrast<\/a>. The minimum ratio should be 4.5-to-1 for most people to read the text. However, that varies based on text size or WCAG conformance level. Use this <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">contrast checker<\/a> to determine whether your CTA button meets accessibility guidelines.<\/li>\n<li>Place your primary CTA above the fold so users can see it without scrolling down the page.<\/li>\n<li>Adjust the size and placement of your CTA in the mobile version to ensure that it is still effective.<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\">Regularly assess your content for accessibility<\/h2>\n<p>To evaluate your site\u2019s performance, you can use free website accessibility checker tools like <a href=\"https:\/\/www.accessibilitychecker.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessibility Checker<\/a> or <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?utm_source=ext_app_menu\" target=\"_blank\" rel=\"noreferrer noopener\">Google Lighthouse<\/a>. Any time you make changes or add content, you should ensure that the update is accessible.<\/p>\n<p>As shown in this screenshot of an audit of <a href=\"http:\/\/www.Paralympics.com\" target=\"_blank\" rel=\"noreferrer noopener\">www.Paralympics.com<\/a>, Accessibility Checker gives the site a score out of 100, identifies whether the site is compliant, and highlights specific accessibility issues.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"286\" src=\"https:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2024\/08\/accessibility-checker-600x286.png\" alt=\"This screenshot shows an audit of www.Paralympics.com. Accessibility Checker gives the site a score out of 100, identifies whether the site is compliant, and highlights specific accessibility issues.\" class=\"wp-image-145299\"><\/figure>\n<p>In your reviews, you can also ask users with disabilities to test your site. Publish a pledge for website accessibility on the site and note how people can request accommodations.<\/p>\n<p>In today\u2019s world, it\u2019s vital to understand that accessibility is not a choice but a must. When you create accessible online content, you help create a more inclusive online environment where everyone can have access and engage.<\/p>\n<p><em>All tools mentioned in this article were suggested by the author. If you\u2019d like to suggest a tool, share the article on social media with a comment.<\/em><\/p>\n<div class=\"cmi-cta content-box-green default\"><em><a title=\"http:\/\/cmi.media\/cmworld\" href=\"https:\/\/www.contentmarketingworld.com\/?_mc=hsad_CMI_blog&amp;utm_medium=referral&amp;utm_source=cmi&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Link Register\">Register<\/a> to attend Content Marketing World in San Diego. Use the code BLOG100 to save $100. Can&#8217;t attend in person this year? <\/em><a href=\"https:\/\/www.contentmarketingworld.com\/registration\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i><span>Check out the Digital Pass<\/span><\/i><\/a><i><span> for access to on-demand session recordings from the live event through the end of the year.<\/span><\/i><\/div>\n<p><strong>HANDPICKED RELATED CONTENT:<\/strong><\/p>\n<p><em>Cover image by Joseph Kalinowski\/Content Marketing Institute<\/em><em><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your content isn\u2019t polished until you make it accessible to all. Google regularly introduces new accessibility features and updates to enhance the accessibility of digital content. However, marketers shouldn\u2019t just rely on third-party sites to break down barriers so everyone can enjoy your content. The Web Content Accessibility Guidelines provide a foundation based on four&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112,108],"tags":[],"class_list":["post-52372","post","type-post","status-publish","format-standard","hentry","category-company-news","category-content-marketing"],"_links":{"self":[{"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=\/wp\/v2\/posts\/52372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52372"}],"version-history":[{"count":0,"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=\/wp\/v2\/posts\/52372\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=52372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingnewsbox.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=52372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}