{"id":9696,"date":"2022-11-02T09:15:02","date_gmt":"2022-11-02T09:15:02","guid":{"rendered":"https:\/\/www.20i.com\/blog\/?p=9696"},"modified":"2026-01-08T12:54:34","modified_gmt":"2026-01-08T12:54:34","slug":"website-accessibility-checklist","status":"publish","type":"post","link":"https:\/\/www.20i.com\/blog\/website-accessibility-checklist\/","title":{"rendered":"Website accessibility: an introduction and checklist"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Over one billion people<\/a> have some type of disability. That means poorly-designed websites and tech create barriers that exclude people from the web.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Website accessibility is about making your website and content accessible to <em>everyone<\/em>. It\u2019s a critical practice all website owners must follow. It covers all disabilities that affect website access, from physical to neurological.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Many think accessibility only applies to those with disabilities, but it also covers people with temporary disabilities (like a sprained wrist) or various limitations (like a slow internet connection).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create an accessible web, the <a href=\"https:\/\/www.w3.org\/WAI\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Accessibility Initiative<\/a> (WAI) published a set of guidelines called the <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines<\/a> (WCAG) to give web designers a standard to follow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the first part of our series on website accessibility, we go over the basics of accessible content and how to make your website accessible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In part two, you\u2019ll learn about accessible web development for specific disabilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep reading to find:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#important\">Why website accessibility is important<\/a><br><a href=\"#awareness\">Accessibility awareness<\/a><br><a href=\"#examples\">Accessible website examples<\/a><br><a href=\"#how\">How to make your website accessible<\/a><br><a href=\"#accessibilitychecklist\">Website accessibility checklist<\/a><br><a href=\"#conclusion\">Final thoughts: how to make your website accessible<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"important\">Why website accessibility is important<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Focusing on website accessibility improves your user experience, brings in business, and can increase<a href=\"https:\/\/www.20i.com\/blog\/stay-up-to-date-seo-newsletters\/\" target=\"_blank\" rel=\"noreferrer noopener\"> search engine optimisation<\/a> (SEO) rankings. Most importantly, improving site usability enables everyone to access information quickly and makes your website more inclusive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s not just about helping people with disabilities: you also help yourself.  By opening-up your website to more people, you can reach a wider market.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Several countries have made web accessibility a priority, implementing mandates and guidelines. They include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <a href=\"https:\/\/www.ada.gov\/\" target=\"_blank\" rel=\"noreferrer noopener\">Americans with Disabilities Act<\/a> (ADA)<\/li>\n\n\n\n<li><a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/EN\/TXT\/HTML\/?uri=CELEX:32016L2102\" target=\"_blank\" rel=\"noreferrer noopener\">EU Web Accessibility Directive<\/a><\/li>\n\n\n\n<li>The <a href=\"https:\/\/ec.europa.eu\/social\/main.jsp?catId=1202&amp;intPageId=5581&amp;langId=en\" target=\"_blank\" rel=\"noreferrer noopener\">European Accessibility Act<\/a> (EAA)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Website owners can even <a href=\"https:\/\/accessibe.com\/blog\/trends\/agencies-scramble-as-clients-fall-to-web-accessibility-lawsuits\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">face lawsuits<\/a> if they fail to follow these guidelines.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"awareness\">Accessibility awareness<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To promote the importance of web accessibility, advocates came together to start <a href=\"https:\/\/www.a11yproject.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">The A11Y Project<\/a> (#A11Y).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2018A11Y\u2019 is a numeronym that stands for \u2018accessibility\u2019. The \u201811\u2019 in between the letters \u2018a\u2019 and \u2018y\u2019 represents the number of letters between them. #A11Y is also a popular hashtag for advocates on Twitter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Digital accessibility practitioners also celebrate <a href=\"https:\/\/accessibility.day\/\" target=\"_blank\" rel=\"noreferrer noopener\">Global Accessibility Awareness Day<\/a> (GAAD) every year on the third Thursday of May to raise awareness on accessibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On top of that, the WordPress community has a special accessibility day of their own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In 2020, the WordPress Core accessibility team started celebrating <a href=\"https:\/\/wpaccessibility.day\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Accessibility Day<\/a>, a global event dedicated to promoting and learning website accessibility best practices for WordPress websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This year, the event is happening on 2\u20133 November. It\u2019s free to join and open to everyone.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"examples\">Accessible website examples<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">What makes a website accessible and what do accessible websites look like?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are three accessible website examples to learn from:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. W3C<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"329\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage.png.webp\" alt=\"World Wide Web Consortium (W3C) accessible homepage\" class=\"wp-image-9748\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage.png.webp 600w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage-300x165.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage-370x203.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage-270x148.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage-570x313.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/11\/World-Wide-Web-Consortium-homepage-150x82.png.webp 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">What\u2019s a better accessible website example than the organisation that creates accessibility standards?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/www.w3.org\/\">World Wide Web Consortium<\/a> (W3C)\u2019s website uses well-structured HTML elements that help those using assistive tech (AT), like screen reader users, understand its page layout. W3C\u2019s page titles are also descriptive but specific, which helps users navigate the website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note the absence of dynamic content. That type of content changes to adapt to different user behaviours and preferences. While it&#8217;s useful and encourages engagement, it can create barriers to accessibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Scope<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.scope.org.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"474\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope.png.webp\" alt=\"Scope website - good accessibility\" class=\"wp-image-9719\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope.png.webp 800w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-300x178.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-768x455.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-200x120.png.webp 200w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-370x219.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-270x160.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-570x338.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-740x438.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Scope-150x89.png.webp 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.scope.org.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">Scope<\/a>\u2019s website shows us that you don&#8217;t have to sacrifice brand identity for accessibility. Its homepage uses distinct and high-contrast brand colours. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It also has straightforward fonts with large text sizes, and the <a href=\"https:\/\/www.20i.com\/blog\/quick-easy-wordpress-seo\/\">breadcrumb menu<\/a> and well-spaced buttons simplify navigation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scope also has a prominent accessibility section at the top left corner of its homepage, which details its commitment to building an accessible website. The page also includes a bullet list of the accessibility issues they&#8217;re working to fix.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. UK Government<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.gov.uk\/\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"355\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website.png.webp\" alt=\"UK government homepage: gov.uk\" class=\"wp-image-9720\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website.png.webp 600w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website-300x178.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website-370x219.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website-270x160.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website-570x337.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/UK-Government-Website-150x89.png.webp 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/www.gov.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">UK government website<\/a> is an excellent accessible website example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Like the Scope website, it has an accessibility statement page, where it <a href=\"https:\/\/accessibility.blog.gov.uk\/2020\/12\/17\/how-we-made-gov-uk-more-accessible\/\" target=\"_blank\" rel=\"noreferrer noopener\">shares the process<\/a> for making its website accessible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Besides that, users can learn from the UK government\u2019s use of ARIA attributes to make its website keyboard-navigable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how\">How to make your website accessible<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are a few things you can do to prepare your website for accessibility:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>1. Conduct accessibility testing and audits regularly<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before learning how to make your website accessible, it\u2019s important to know where your website stands when it comes to accessibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can hire an expert to do an accessibility audit or conduct a preliminary screening by following our web accessibility checklist below. You can also use a tool like <a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">WAVE<\/a> from WebAIM, which looks at accessibility traits in the webpage\u2019s code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>2. Install an accessible theme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Themes control how your website looks, so using one that\u2019s accessible should be at the top of your website accessibility checklist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Many themes claim to be \u2018accessibility-ready\u2019 but aren&#8217;t, so before installing one, check whether it adheres to WCAG guidelines or \u2014 if you&#8217;re using WordPress \u2014 <a href=\"https:\/\/developer.wordpress.org\/themes\/functionality\/accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress accessibility guidelines<\/a>. Those guidelines also come in handy should you build your own theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessible themes should be keyboard-navigable, responsive, and adjust to any screen reader. They should also have sufficient colour contrast within the preset palettes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress has a list of guaranteed <a href=\"https:\/\/wordpress.org\/themes\/tags\/accessibility-ready\/\">accessibility-ready themes<\/a> to get you started.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1226\" height=\"836\" src=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes.png.webp\" alt=\"Examples of WordPress\u2019 accessibility-ready themes.\" class=\"wp-image-9726\" srcset=\"https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes.png.webp 1226w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-300x205.png.webp 300w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-768x524.png.webp 768w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-370x252.png.webp 370w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-270x184.png.webp 270w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-570x389.png.webp 570w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-740x505.png.webp 740w, https:\/\/www.20i.com\/blog\/wp-content\/smush-webp\/2022\/10\/Accessible-WordPress-themes-150x102.png.webp 150w\" sizes=\"auto, (max-width: 1226px) 100vw, 1226px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Ensure website code is up to standard<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose a <a href=\"https:\/\/www.20i.com\/cms-hosting\" target=\"_blank\" rel=\"noreferrer noopener\">content management system<\/a> (CMS) that follows coding standards.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A CMS like WordPress uses <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/accessibility\/\">Accessibility Coding Standards<\/a>, making it simple to insert prompts that make using assistive technology (AT) easier. The WordPress team conducts regular <a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/get-involved\/audits-and-testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">audits and testing<\/a> to ensure they&#8217;re compliant.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Best practices:<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Validate HTML<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Validated HTML provides a consistent experience across all web browsers and AT. Use a tool like W3\u2019s <a href=\"https:\/\/validator.w3.org\/nu\/\">HTML checker<\/a>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Implement ARIA when necessary<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/aria\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accessible Rich Internet Applications<\/a> (ARIA) make your dynamic content more accessible by providing more information or context about website elements to people using browsers and AT, such as screen readers, magnifiers, text-to-speech applications, and JavaScript toolkits. It doesn\u2019t affect keyboard-only users \u2014 just those using ATs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ARIA is a complex set of standards, so it doesn\u2019t have 100% support with all browsers and screen readers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While many functions that used to require ARIA attributes are now implemented in HTML5, check the support status of the elements you use if you plan to implement them. <strong>As a rule, it\u2019s better to use native HTML elements when available<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to learn more about ARIA, check out <a href=\"https:\/\/www.w3.org\/WAI\/ARIA\/apg\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3&#8217;s ARIA Authoring Practices Guide<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accessibilitychecklist\">Website accessibility checklist<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To get started on your journey, we created a website accessibility checklist. It&#8217;s a way to make sure that you&#8217;ve done enough to make your site as accessible as possible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re a web designer that&#8217;s new to accessibility, I appreciate that all these measures could seem daunting. But every journey starts with a single step, so do what you can to start. Every bit helps. Eventually, these kinds of measures will become part of your web design workflow, and will help your design process.<\/p>\n\n\n<h3>Basics<\/h3>\n[checklist_in_post]\n<ul>\n<li><span style=\"font-weight: 400;\">Install an accessible theme<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Conduct <\/span><span style=\"font-weight: 400;\">accessibility<\/span><span style=\"font-weight: 400;\"> testing and audits regularly<\/span><\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Coding Standards<\/h3>\n[checklist_in_post]\n<ul>\n<li>Ensure website code is up to standard<\/li>\n<li>Ensure HTML is validated<\/li>\n<li>Implement ARIA when necessary (for example, in forms, tables, menus)<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Colours<\/h3>\n[checklist_in_post]\n<ul>\n<li>Use a high colour contrast<\/li>\n<li>Don\u2019t rely heavily on colour<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Fonts and text<\/h3>\n[checklist_in_post]\n<ul>\n<li>Use sans-serif fonts like Tahoma, Calibri, Helvetica, Arial, or Verdana for body text<\/li>\n<li>Use fonts that are at least 9pt (or 12px) for body text<\/li>\n<li>Ensure large bodies of text are left-aligned<\/li>\n<li>Ensure fonts can be manually adjusted<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Links and buttons<\/h3>\n[checklist_in_post]\n<ul>\n<li>Ensure links and buttons descriptive<\/li>\n<li>Incorporate symbols and other elements to convey gravity<\/li>\n<li>Ensure button and link appearances change for every action<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Keyboard navigation<\/h3>\n[checklist_in_post]\n<ul>\n<li>Ensure there are no elements that break keyboard navigation (like div and span elements or dropdown menus)<\/li>\n<li>Ensure there\u2019s a \u2018Skip Navigation\u2019 link<\/li>\n<li>Use breadcrumb trails<\/li>\n<li>Ensure site can be rotated to any orientation<\/li>\n<li>Don\u2019t use horizontal scrolling<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Images<\/h3>\n[checklist_in_post]\n<ul>\n<li>Ensure images are accompanied by alternative text (alt text)<\/li>\n<li>Ensure alt text is descriptive<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Headings<\/h3>\n[checklist_in_post]\n<ul>\n<li>Establish text hierarchy<\/li>\n<li>Use descriptive titles that state a page\u2019s topic or purpose<\/li>\n<\/ul>\n[\/checklist_in_post]\n<\/p>\n<h3>Multimedia\/dynamic content<\/h3>\n[checklist_in_post]\n<ul>\n<li>Ensure audio content has text transcripts<\/li>\n<li>Ensure video content has embedded closed captions and subtitles<\/li>\n<li>Ensure multimedia content doesn\u2019t start automatically when webpage opens<\/li>\n<li>Ensure animations are subtle and don\u2019t flash too much<\/li>\n<li>Ensure there is sufficient timing before content times out<\/li>\n<\/ul>\n[\/checklist_in_post]\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Final thoughts: how to make your website accessible<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This first post introduces website accessibility and says why it\u2019s important, along with accessible website examples and a website accessibility checklist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The second part of our series we&#8217;ll go into more detail on <a href=\"https:\/\/www.20i.com\/blog\/8-accessibility-tips-design-websites-users-disabilities\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to make your website accessible<\/a> to users with specific disabilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To learn more, <a href=\"https:\/\/wpaccessibility.day\/\">check out <\/a><a href=\"https:\/\/wpaccessibility.day\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a><a href=\"https:\/\/wpaccessibility.day\/\"> Accessibility Day<\/a> on 2-3 November, 2022.<\/p>\n","protected":false},"excerpt":{"rendered":"The internet was designed to be available for all, regardless of a person\u2019s tools, location, language, or ability.","protected":false},"author":27,"featured_media":9723,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[60],"tags":[152,57],"class_list":["post-9696","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design-dev","tag-accessibility","tag-web-design","cs-entry"],"_links":{"self":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/9696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/comments?post=9696"}],"version-history":[{"count":46,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/9696\/revisions"}],"predecessor-version":[{"id":18190,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/posts\/9696\/revisions\/18190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media\/9723"}],"wp:attachment":[{"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/media?parent=9696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/categories?post=9696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.20i.com\/blog\/wp-json\/wp\/v2\/tags?post=9696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}