{"id":38048,"date":"2021-01-11T10:00:26","date_gmt":"2021-01-11T15:00:26","guid":{"rendered":"https:\/\/simpleprogrammer.com\/?p=38048"},"modified":"2021-01-11T09:04:11","modified_gmt":"2021-01-11T14:04:11","slug":"ada-compliant-website","status":"publish","type":"post","link":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/","title":{"rendered":"Simple Ways to Make Your Website ADA Compliant"},"content":{"rendered":"<div class=\"cl-preview-section\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-38054\" src=\"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant-square.png\" alt=\"ADA\" width=\"280\" height=\"280\" \/>I take most websites for granted. I can see and navigate most websites without much struggle because I\u2019ve grown up using the web and don\u2019t struggle with my sight or hearing. Unfortunately, not everyone can say the same.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>ADA compliance is something that most Americans are familiar with. When considering ADA compliance as a concept, we typically think about accessible doorways, adequate elevators and wheelchair ramps, and distance between retail displays.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>However, businesses who have a website are expected to also make sure that their website is accessible to all who view it including those with disabilities. Maintaining an ADA compliant website means that patrons who are disabled in a variety of ways can easily access my business, ordering products or services along with non-disabled individuals.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>In recent years, many businesses and celebrities have discovered how vital an ADA compliant website is, and their pocketbooks took the brunt of the failure. The\u00a0<a href=\"https:\/\/www.ada.gov\/\" target=\"_blank\" rel=\"noopener\">Americans with Disabilities Act<\/a>\u00a0was written into law before the internet became a mainstay resource, but has since been updated to include websites as regularly used business resources.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>While reading the ADA has issued a guideline that answers the question of\u00a0<a href=\"https:\/\/www.ada.gov\/pcatoolkit\/chap5toolkit.htm\" target=\"_blank\" rel=\"noopener\">what is an ADA compliant website<\/a>\u00a0and giving some general directions on how to better build websites to be accessible to people with disabilities, as is often the case with governmental agencies, the language is needlessly complicated.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>I believe that making your\u00a0<a href=\"https:\/\/ideamaker.agency\/blog\/make-wordpress-ada-compliant\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>\u00a0or other website accessible for people living with disabilities doesn\u2019t have to be complicated. Moreover, I believe that ADA compliance can be used to enhance user experience for everyone making your websites better for all of your visitors.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>While you can easily make a\u00a0<a href=\"https:\/\/simpleprogrammer.com\/rockstar-wordpress-developer\/\" target=\"_blank\" rel=\"noopener\">WordPress website like a rockstar<\/a>, it will take some extra thought to be a rockstar web developer and make those websites compliant to the Americans with Disabilities Act. However, I don\u2019t believe that it is hard to do so, I\u2019ve compiled some information to help you build websites that are more accessible to everyone.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h2 id=\"how-does-an-ada-compliant-website-help-people\">How Does an ADA Compliant Website Help People?<\/h2>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>When I visit a website to buy a product, I can see the products offered. Adding alt descriptions to that product photo allows third-party assistive programs to communicate the visual into words to help blind customers understand what they\u2019re ordering.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>If I visit a website with a video that shows how a product is used, I can choose to listen to the audio, or turn on subtitles and read them instead. Someone who is hearing impaired doesn\u2019t have the choice and must rely on the subtitles. If a site chooses not to offer subtitles, they\u2019re creating an unnecessary roadblock to hard-of-hearing customers.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Similarly, I can view most texts on my phone or computer without much difficulty. However, those who are vision-impaired may need to zoom in on the fonts or view them in different colors to read them. If your website cannot zoom or has overly fine print, or the colors are hard to see, people won\u2019t spend the time trying to adapt.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h2 id=\"how-can-i-adapt-to-ada-regulations\">How Can I Adapt to ADA Regulations<\/h2>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Some of the steps to ADA compliance are simple shifts in how you do the things you\u2019re already doing. Consider the difficulties a patron with a disability might have in a physical location and then adapt your website in similar ways.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"review-requirements\">Review Requirements<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Knowledge is power. Once you\u2019ve reviewed the\u00a0<a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener\">requirements of an ADA compliant website<\/a>, you\u2019ll notice features on other sites that you didn\u2019t see before.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>A case of the\u00a0<a href=\"https:\/\/www.sciencealert.com\/you-know-how-when-you-learn-a-new-word-you-see-it-everywhere-here-s-why#:~:text=Well,%20turns%20out%20that%27s%20called,cognitive%20bias%20your%20mind%20creates.%29%5D%28https:\/\/www.sciencealert.com\/you-know-how-when-you-learn-a-new-word-you-see-it-everywhere-here-s-why#:~:text=Well,%20turns%20out%20that%27s%20called,cognitive%20bias%20your%20mind%20creates\" target=\"_blank\" rel=\"noopener\">Baader-Meinhof phenomenon<\/a>. will follow you to your site. When I work on sites, I\u2019ve noticed it\u2019s become second nature to make little subconscious adjustments to my coding to make that site more user friendly.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Science says that you\u2019re more likely to see a new word more frequently if you\u2019ve recently learned it and use it in context. Writing web content and building sites follows the same trend. If you\u2019ve recently discovered a new tool or resource, you\u2019ll use it and identify it in other works more efficiently.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Some of the key requirements for an accessible website are:<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<ul>\n<li>Descriptive text for image elements<\/li>\n<li>Including transcripts of video and other multimedia<\/li>\n<li>Ability to adjust the color of the website and text for better visibility<\/li>\n<li>Alternative options for PDF downloads<\/li>\n<li>Avoiding blinking and flashing elements<\/li>\n<li>Using descriptive headers<\/li>\n<li>Reduced reliance upon auto updating features<\/li>\n<li>Use of a skip navigation button for those with screen readers<\/li>\n<li>Reduced use of video and multimedia<\/li>\n<\/ul>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"run-an-audit\">Run An Audit<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-38056\" src=\"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/website.png\" alt=\"ADA\" width=\"280\" height=\"280\" \/>There are several resources available to help you understand where your site could improve and what you\u2019re already doing well. I like to use free resources to get an idea of my needed improvements before investing in more costly options.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Google Chrome and Firefox browsers offer an extension tool to search for missing alt tags, problematic styles, etc. It\u2019s called the\u00a0<a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noopener\">WAVE Web Accessibility Tool<\/a>, and it can be installed on your browser tab. WAVE also offers more advanced accessibility tools for a small cost and can help you further your accessibility efforts.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><a href=\"https:\/\/www.boia.org\/free-automated-accessibility-review\/itf-v2?utm_term=ada%20compliance%20tool&amp;utm_campaign=*ADA+-+JF&amp;utm_source=adwords&amp;utm_medium=ppc&amp;hsa_acc=1828379424&amp;hsa_net=adwords&amp;hsa_cam=1052688400&amp;hsa_ad=432502821258&amp;hsa_kw=ada%20compliance%20tool&amp;hsa_grp=50817548359&amp;hsa_mt=e&amp;hsa_ver=3&amp;hsa_src=g&amp;hsa_tgt=kwd-311795278298&amp;gclid=CjwKCAjwkoz7BRBPEiwAeKw3qxLv5JBYSALAeFr2XpWKvP7Zgyv48NOcF7IMRgLiGEmg7TsGtejs8hoCPiEQAvD_BwE\" target=\"_blank\" rel=\"noopener\">The Bureau of Internet Accessibility<\/a>\u00a0also offers its own free automated ADA accessibility review on their website. All you need to do is submit your site\u2019s URL, and let the tool browse it. You\u2019ll get a full report of compliance failure points to work on and resources to improve your overall score.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"descriptive-alt-text\">Descriptive Alt Text<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>When I upload new posts to my blog or offer new resources, I ensure that all of my images are given descriptive alt text. This is a massive step in the right direction because it provides assistive technology a baseline to start adapting your site for its users. Further, you can use your descriptive alt text as additional space for your SEO to capture searches.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>For many sites, alt text is simple: \u201cImage of ice cream on a blue background,\u201d for an ADA aware website, you could see something more complex and useful: \u201cImage of Tillamook Creamery Monster Cookie ice cream on a chocolate-covered waffle cone, with rainbow sprinkles in front of a blue backdrop.\u201d<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"website-elements---buttons-headings-hyperlinks\">Website Elements &#8211; Buttons, Headings, Hyperlinks<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Another step you can take is to consider the ease of viewing your templates. If your colors are bold, or you have flashing buttons and wildly colored text, this can be difficult or painful for some people to view.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Consider that flashing lights can trigger seizures in some of your potential clients, and leave those kinds of design features in the 90s. Similarly, I avoid websites that use small or light text on a light-colored background. It\u2019s difficult for me to see with my relatively good vision. I can\u2019t imagine how hard it can be for those with vision impairments.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Being mindful of a website\u2019s hyperlinks and what colors they shift to before and after use can help someone find them later if they\u2019re a color that they can easily see or assistive technology can find.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h2 id=\"failure-to-comply---what-happens\">Failure to Comply &#8211; What Happens?<\/h2>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>While there are many problems that you can run into when you make some of the simple\u00a0<a href=\"https:\/\/simpleprogrammer.com\/typical-mistakes-even-experienced-developers-make-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress development mistakes<\/a>, if you develop a website that isn\u2019t ADA compliant for your client, it can cause them expensive problems.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Businesses like\u00a0<a href=\"https:\/\/www.martindale.com\/labor-employment-law\/article_Leech-Tishman_2223250.htm\" target=\"_blank\" rel=\"noopener\">Foot Locker<\/a>\u00a0and\u00a0<a href=\"https:\/\/nypost.com\/2017\/07\/11\/lawyers-cash-in-on-suits-demanding-ada-compliant-web-sites\/\" target=\"_blank\" rel=\"noopener\">Kylie Jenner Cosmetics<\/a>\u00a0have a rather intimate experience with a failure to comply with ADA regulations on their website, and it\u2019s cost them. Each of these businesses, and several others, were sued by patrons who felt they were not making an adequate effort to make their online presence accessible to those with disabilities.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>While the\u00a0<a href=\"https:\/\/www.dol.gov\/general\/topic\/disability\/ada\" target=\"_blank\" rel=\"noopener\">Department of Justice<\/a>\u00a0is typically the legal entity who is authorized to act to enforce the civil liberties of persons with disabilities, compliance is\u00a0<a href=\"https:\/\/www.ada.gov\/enforce_current.htm\" target=\"_blank\" rel=\"noopener\">typically enforced by way of lawsuits<\/a>.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>In the lawsuits, the businesses lost money and damaged their reputation. While large companies can easily handle the fees associated with a lawsuit due to a lack of compliance, smaller companies could easily be crushed under the weight of legal fees and when building an ADA compliant website is so simple, why take the risk.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-38057\" src=\"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/man-thinking.png\" alt=\"ADA\" width=\"280\" height=\"280\" \/>ADA regulations affect businesses with more than 15 employees and operate more than 20 weeks in a calendar year. Small businesses are the most at risk for substantial damages due to lawsuits because they often don\u2019t have the financial resources to shoulder a significant burden.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>A website that is hard to view and that users struggle to fill out forms or make purchases decrease your possible sales potential. By opting not to make changes to accommodate, you\u2019re ostracizing an entire demographic of potential paying customers.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Furthermore, a well-designed website with ADA considerations will rank higher in search engines naturally. As part of\u00a0<a href=\"https:\/\/support.google.com\/webmasters\/answer\/114016?hl=en\" target=\"_blank\" rel=\"noopener\">Google\u2019s website image best practices<\/a>, they expect images to have alt text to be made more accessible for their users. While Google hasn\u2019t specifically said that image alt text will improve your rankings, the highest ranking sites tend to follow Google best practices.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Further, fines for failure to comply with ADA regulations in a large business website could land you up to a $50,000 bill, depending on the state your business is based in. I know that I wouldn\u2019t want to account for that kind of loss over a simply fixed issue. First, writing a website to comply with ADA regulations may seem daunting; editing and adjusting an existing website will take time. However, once you\u2019ve got the current content adapted for accessibility, all future content will be easy to keep compliant with mindful design steps.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Many of the steps described above to create a compliant and accessible site are second nature to competent content writers and web designers. These skills are taught from the start in most college courses in the industry.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h2 id=\"compliance\">508 Compliance<\/h2>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>508 compliance is part of a 1973 congressional act called the Rehabilitation Act of 1973. This act was amended once in 1998 and again in 2017 to update section 508, which requires agencies to give people with disabilities (both employees and members of the public) access to electronic and information technologies. This access must be comparable with the access given to those without disabilities.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Section 508 of the Rehabilitation Act of 1973 is managed by the\u00a0<a href=\"https:\/\/www.access-board.gov\/\" target=\"_blank\" rel=\"noopener\">U.S. Access Board<\/a>. In 2017, the board issued a rule that updated the accessibility standards. These standards not only affected Section 508 but they also affected Section 255 of the Communications Act. These rules have been in effect since 2018.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>This new rule changed both sections in response to market trends and technological innovations. The rule was also made to help bring American guidelines into harmony with those set forth by both the European Commission and W3C\u2019s Web Content Accessibility Guidelines, also known as WCAG 2.0.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"compliance-guidelines\">508 Compliance Guidelines<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>There are a number of different guidelines written in Section 508. We will look at the ones that are most relevant to building accessible websites.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"functional-performance-criteria\">Functional Performance Criteria<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Section 508 has specific functional performance criteria that all those who disseminate electronic communication should follow. These guidelines can be found in\u00a0<a href=\"https:\/\/www.access-board.gov\/guidelines-and-standards\/communications-and-it\/about-the-ict-refresh\/final-rule\/text-of-the-standards-and-guidelines#302-functional-performance-criteria\" target=\"_blank\" rel=\"noopener\">Chapter 3 of Section 508<\/a>.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"electronic-content\">Electronic Content<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>The electronic content section of Section 508 of the Rehabilitation Act of 1973 has been amended to state that electronic content should conform to WCAG 2.0 Level A and Level AA success criteria.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><strong>Level A Success Criteria<\/strong><\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<ul>\n<li>Controls and inputs must have a name that describes its purpose<\/li>\n<li>Time-based media that is not text-based should have a text alternative that gives the user descriptive information about the content. Nontext-based time-based media are things like audio clips or videos.<\/li>\n<li>Any tests or exercises that use non-text content, like images or sounds, to create a specific sensory environment should have a text-based alternative to give all users the same experience.<\/li>\n<li>When using CAPTCHA there should be a text-based alternative or an alternative method of CAPTCHA that works for people with all manner of different disabilities.<\/li>\n<li>When using decorative non-text content, like formatting or invisible elements, they should be implemented in a way that assistive technologies (screen readers or other devices) can ignore.<\/li>\n<\/ul>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>For more information about Level A Success Criteria, please see the\u00a0<a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\" rel=\"noopener\">WCAG 2.0 Guidelines<\/a>.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><strong>Level AA Success Criteria<\/strong><\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<ul>\n<li>Large-scale text and images of text should have a 3 to 1 minimum contrast ratio.<\/li>\n<li>The minimum contrast ratio for the presentation of text and images of text should be at least 4.5 to 1 except as otherwise indicated.<\/li>\n<li>Text or text-based images that are decorative do not have a minimum contrast requirement.<\/li>\n<li>Logos and branding text are also not required to have a minimum contrast ratio.<\/li>\n<li>When using images of text it is preferable to use actual text to convey the information.<\/li>\n<li>If using images of text to convey information they should have the ability to be visually customized to the user\u2019s requirements.<\/li>\n<li>If the text-based image is essential to the conveyed information it does not need to be transferred into text. For example, logos.<\/li>\n<\/ul>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>For more information about Level A Success Criteria, please see the WCAG 2.0 Guidelines previously linked.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h3 id=\"itc-two-way-voice-communication\">ITC Two-Way Voice Communication<\/h3>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Since a number of websites, especially in this post-Covid pandemic age, have started to institute web-based chat functions including voice chat, I felt it important to include some of these requirements as well. Two-way voice communication is dealt with in-depth in its own section in Section 508.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<h2 id=\"assistive-technology-devices-that-help-with-web-browsing-subjective-regulations\">Assistive Technology Devices That Help With Web Browsing Subjective Regulations<\/h2>\n<\/div>\n<div class=\"cl-preview-section\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-38058\" src=\"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/website-dev.png\" alt=\"ADA\" width=\"280\" height=\"280\" \/>ADA Compliance with websites is still a fluid concept. The details on the regulations are outlined and subject to state-by-state interpretation. However, as web resources become more frequently used, the rules will begin to stabilize over state lines.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>With Simple Programmer, I work to teach best practices for my readers to prevent the scramble of adjusting things later. I follow trends and work to learn the newest methods to keep our readers on top of their game.<\/p>\n<\/div>\n<div class=\"cl-preview-section\">\n<p>Building an ADA compliant website is relatively simple. Keeping ADA compliance in mind when you\u2019re building will keep you ahead of the pack and add to your reputation as a skilled web programmer.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness. Here\u2019s a list of helpful tips.<\/p>\n","protected":false},"author":1340,"featured_media":38055,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[2185,91,524297,475,162229606,415,162231298,120,162229803,6171,2260,2358],"tags":[],"class_list":["post-38048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices","category-blogging","category-code-reviews","category-database","category-ethics","category-guest-post","category-iot","category-mobile","category-programming","category-user-interface","category-web-development","category-web-services"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Simple Ways to Make Your Website ADA Compliant - Simple Programmer<\/title>\n<meta name=\"description\" content=\"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/simpleprogrammer.com\/ada-compliant-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple Ways to Make Your Website ADA Compliant - Simple Programmer\" \/>\n<meta property=\"og:description\" content=\"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/simpleprogrammer.com\/ada-compliant-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Simple Programmer\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-11T15:00:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Simple Ways to Make Your Website ADA Compliant\",\"datePublished\":\"2021-01-11T15:00:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/\"},\"wordCount\":2344,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/simpleprogrammer.com\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png\",\"articleSection\":[\"Best Practices\",\"Blogging\",\"Code Reviews\",\"Database\",\"Ethics\",\"Guest Post\",\"IoT\",\"Mobile\",\"Programming\",\"User Interface\",\"Web Development\",\"Web Services\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/\",\"url\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/\",\"name\":\"Simple Ways to Make Your Website ADA Compliant - Simple Programmer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/simpleprogrammer.com\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png\",\"datePublished\":\"2021-01-11T15:00:26+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/simpleprogrammer.com\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png\",\"contentUrl\":\"https:\\\/\\\/simpleprogrammer.com\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/ada-compliant-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/simpleprogrammer.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple Ways to Make Your Website ADA Compliant\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/simpleprogrammer.com\\\/#website\",\"url\":\"https:\\\/\\\/simpleprogrammer.com\\\/\",\"name\":\"Simple Programmer\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/simpleprogrammer.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\\\/\\\/simpleprogrammer.com\\\/author\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple Ways to Make Your Website ADA Compliant - Simple Programmer","description":"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.","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:\/\/simpleprogrammer.com\/ada-compliant-website\/","og_locale":"en_US","og_type":"article","og_title":"Simple Ways to Make Your Website ADA Compliant - Simple Programmer","og_description":"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.","og_url":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/","og_site_name":"Simple Programmer","article_published_time":"2021-01-11T15:00:26+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#article","isPartOf":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/"},"author":{"name":"","@id":""},"headline":"Simple Ways to Make Your Website ADA Compliant","datePublished":"2021-01-11T15:00:26+00:00","mainEntityOfPage":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/"},"wordCount":2344,"commentCount":0,"image":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#primaryimage"},"thumbnailUrl":"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png","articleSection":["Best Practices","Blogging","Code Reviews","Database","Ethics","Guest Post","IoT","Mobile","Programming","User Interface","Web Development","Web Services"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/simpleprogrammer.com\/ada-compliant-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/","url":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/","name":"Simple Ways to Make Your Website ADA Compliant - Simple Programmer","isPartOf":{"@id":"https:\/\/simpleprogrammer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#primaryimage"},"image":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#primaryimage"},"thumbnailUrl":"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png","datePublished":"2021-01-11T15:00:26+00:00","author":{"@id":""},"description":"Creating an ADA compliant website doesn\u2019t have to be difficult, and will improve your accessibility, SEO, and user-friendliness.","breadcrumb":{"@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/simpleprogrammer.com\/ada-compliant-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#primaryimage","url":"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png","contentUrl":"https:\/\/simpleprogrammer.com\/wp-content\/uploads\/2021\/01\/Simple-Ways-to-Make-Your-Website-ADA-Compliant.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/simpleprogrammer.com\/ada-compliant-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/simpleprogrammer.com\/"},{"@type":"ListItem","position":2,"name":"Simple Ways to Make Your Website ADA Compliant"}]},{"@type":"WebSite","@id":"https:\/\/simpleprogrammer.com\/#website","url":"https:\/\/simpleprogrammer.com\/","name":"Simple Programmer","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/simpleprogrammer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/simpleprogrammer.com\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/posts\/38048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/users\/1340"}],"replies":[{"embeddable":true,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/comments?post=38048"}],"version-history":[{"count":0,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/posts\/38048\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/media\/38055"}],"wp:attachment":[{"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/media?parent=38048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/categories?post=38048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simpleprogrammer.com\/wp-json\/wp\/v2\/tags?post=38048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}