A healthy website is an optimized website. Optimization is not just about top search engine results, it takes into consideration a website’s overall performance. An optimized website gives users a positive experience and gets you better search engine placement. One way to optimize your website is to make sure your website is ADA compliant. What does this mean? Let’s dive in.
Here’s a History Lesson
Likely you are familiar with the American with Disabilities Act (ADA), a law enacted in 1990 that guarantees that people with disabilities have the same opportunities as everyone else to participate in the mainstream of American life.
Consequently, in 1990, Tim Berners-Lee, the inventor of the Internet, was writing the first HTML source code. The world wide web was in infancy.
As the web evolved, only government or public use websites were required to be what is called “Section 508 compliant,” in accordance with the Rehabilitation Act of 1973, amended in 1978, federal agencies were required to make their electronic and information technology (EIT) accessible to people with disabilities — mainly the vision or hearing impaired.
Today’s Standards
From Facebook and Instagram, to online banking and online grocery shopping — the web is an integral part of our day-to-day lives. Because of that, a ruling was passed requiring website accessibility through ADA Title III stating that public accommodations comply with ADA standards. The expectations of websites to be usable by those with disabilities are no longer just a requirement of .govs and .orgs. Every website should be accessible by all.
What Makes a Website Compliant?
In 2008, the World Wide Web Consortium created the Web Content Accessibility Guidelines (WCAG) which provides the four guiding principles of accessible websites: perceivable, operable, understandable and robust. These are basically principles of good user experience design. In other words, things that make your website better anyway.
Here’s the quick breakdown of the four principals:
Perceivable- Make sure your alt tags are populated.
- Caption audio and video content.
- Use a CAPTCHA with an audio option.
- Use color contrast to separate foreground from background.
Operable- Make the website functional from a keyboard. A good example of this is if there is a click and drag feature on your website, be sure that there is a way this can be done with arrow keys.
- Provide users enough time to read and use content. If you have carousels and sliders, be sure that appropriate time is given to read the words before transitions.
- Do not design content in a way that is known to cause seizures. Watch those animated gifs.
- Make sure your users know how to get around your website with easy navigation, visual cues and breadcrumb navigation.
Understandable
- Keep your content at a simple and conversational at lower secondary reading level (think 9th-11th grade). Avoid complex jargon or undefined acronyms.
- Have your website work in expected ways, drawing on interactions that are already familiar to the user.
- Make it easy to avoid mistakes or correct them.
Robust
-Make sure your website is compatible with current and future assistive technologies. Good code is key here.
How Accessibility is Measured
There are three levels of compliance: A, AA, AAA with A being the most basic. As of January 2018, websites are expected to be at least level A compliant.
For government organizations and public use websites, the highest level of compliance (AAA) is necessary, but, for business websites, reaching the AA level is ideal for accessibility and optimization. A is okay but we recommend aiming higher.
What if Your Website Isn’t Compliant?
As of January 2018, all websites are expected to be level A compliant or you could get hit with a lawsuit by the Department of Justice (DOJ). Major brands have gotten called out by the DOJ for non-compliance.
You may also lose rank in the SEO game or find it harder to gain rankings without having an ADA compliant website. And having a compliant website creates a better experience for every user.
How Do I Make My Website ADA Compliant?
There are free tools available to help you determine if your website is compliant. If there are lots of errors, you can work to make sure changes are implemented to bring your website up to par which could be something as simple as populating alt tags or adjusting color contrast on buttons.
Depending on the tool, the results may be difficult to interpret, so it may be useful to turn to your web developer to help you make sense of results and implement improvements to get you to an optimized level.
Want to find out more about how to optimize your website and assess its accessibility? Contact us today for a free ADA compliance review.
{
"jsonapi": {
"version": "1.0",
"meta": {
"links": {
"self": {
"href": "http:\/\/jsonapi.org\/format\/1.0\/"
}
}
}
},
"data": {
"type": "node--article",
"id": "5602f3a1-cc46-413b-bb96-b45333d521e6",
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6?resourceVersion=id%3A273"
}
},
"attributes": {
"internalId": 273,
"isPublished": true,
"title": "Why Should My Website be ADA Compliant? Well We\u0027ve Got the Answers",
"created": "2022-07-17T18:12:49+00:00",
"changed": "2024-05-09T18:27:37+00:00",
"promote": false,
"sticky": false,
"metatag": [
{
"tag": "meta",
"attributes": {
"name": "title",
"content": "Why Should My Website be ADA Compliant? Well We\u0027ve Got the"
}
},
{
"tag": "meta",
"attributes": {
"name": "description",
"content": "A healthy website is an optimized website. Optimization is not just about top search engine results, it takes into consideration a website\u2019s overall"
}
},
{
"tag": "meta",
"attributes": {
"name": "abstract",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "link",
"attributes": {
"rel": "canonical",
"href": "https:\/\/www.inclind.com\/news\/why-should-my-website-be-ada-compliant-well-weve-got-answers"
}
},
{
"tag": "meta",
"attributes": {
"name": "robots",
"content": "index, follow"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:site_name",
"content": "Inclind"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:url",
"content": "https:\/\/www.inclind.com\/news\/why-should-my-website-be-ada-compliant-well-weve-got-answers"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:title",
"content": "Why Should My Website be ADA Compliant? Well We\u0027ve Got the Answers"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:description",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:latitude",
"content": "38.77513"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:longitude",
"content": "-75.13974"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:street_address",
"content": "119 W. Third St., Suite 6"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:locality",
"content": "Lewes"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:region",
"content": "Delaware"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:postal_code",
"content": "19958"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:country_name",
"content": "United States"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:email",
"content": "hello@inclind.com"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:phone_number",
"content": "(800) 604-8139"
}
}
],
"path": {
"alias": "\/news\/why-should-my-website-be-ada-compliant-well-weve-got-answers",
"pid": 511,
"langcode": "en"
},
"body": {
"value": "\u003Cp\u003EA healthy website is an optimized website. Optimization is not just about top search engine results, it takes into consideration a website\u2019s overall performance. An optimized website gives users a positive experience and gets you better search engine placement. One way to optimize your website is to make sure your website is ADA compliant. What does this mean? Let\u2019s dive in.\u003C\/p\u003E\u003Cp\u003EHere\u2019s a History Lesson\u003Cbr\u003ELikely you are familiar with the American with Disabilities Act (ADA), a law enacted in 1990 that guarantees that people with disabilities have the same opportunities as everyone else to participate in the mainstream of American life.\u003C\/p\u003E\u003Cp\u003EConsequently, in 1990, Tim Berners-Lee, the inventor of the Internet, was writing the first HTML source code. The world wide web was in infancy.\u003C\/p\u003E\u003Cp\u003EAs the web evolved, only government or public use websites were required to be what is called \u201cSection 508 compliant,\u201d in accordance with the Rehabilitation Act of 1973, amended in 1978, federal agencies were required to make their electronic and information technology (EIT) accessible to people with disabilities \u2014 mainly the vision or hearing impaired.\u003C\/p\u003E\u003Cp\u003EToday\u2019s Standards\u003Cbr\u003EFrom Facebook and Instagram, to online banking and online grocery shopping \u2014 the web is an integral part of our day-to-day lives. Because of that, a ruling was passed requiring website accessibility through ADA Title III stating that public accommodations comply with ADA standards. The expectations of websites to be usable by those with disabilities are no longer just a requirement of .govs and .orgs. Every website should be accessible by all.\u003C\/p\u003E\u003Cp\u003EWhat Makes a Website Compliant?\u003Cbr\u003EIn 2008, the World Wide Web Consortium created the Web Content Accessibility Guidelines (WCAG) which provides the four guiding principles of accessible websites: perceivable, operable, understandable and robust. These are basically principles of good user experience design. In other words, things that make your website better anyway.\u003C\/p\u003E\u003Cp\u003EHere\u2019s the quick breakdown of the four principals:\u003C\/p\u003E\u003Cp\u003EPerceivable- Make sure your alt tags are populated.\u003Cbr\u003E- Caption audio and video content.\u003Cbr\u003E- Use a CAPTCHA with an audio option.\u003Cbr\u003E- Use color contrast to separate foreground from background.\u003C\/p\u003E\u003Cp\u003EOperable- Make the website functional from a keyboard. A good example of this is if there is a click and drag feature on your website, be sure that there is a way this can be done with arrow keys.\u003Cbr\u003E- Provide users enough time to read and use content. If you have carousels and sliders, be sure that appropriate time is given to read the words before transitions.\u003Cbr\u003E- Do not design content in a way that is known to cause seizures. Watch those animated gifs.\u003Cbr\u003E- Make sure your users know how to get around your website with easy navigation, visual cues and breadcrumb navigation.\u003C\/p\u003E\u003Cp\u003EUnderstandable\u003Cbr\u003E- Keep your content at a simple and conversational at lower secondary reading level (think 9th-11th grade). Avoid complex jargon or undefined acronyms.\u003Cbr\u003E- Have your website work in expected ways, drawing on interactions that are already familiar to the user.\u003Cbr\u003E- Make it easy to avoid mistakes or correct them.\u003C\/p\u003E\u003Cp\u003ERobust\u003Cbr\u003E-Make sure your website is compatible with current and future assistive technologies. Good code is key here.\u003C\/p\u003E\u003Cp\u003EHow Accessibility is Measured\u003Cbr\u003EThere are three levels of compliance: A, AA, AAA with A being the most basic. As of January 2018, websites are expected to be at least level A compliant.\u003C\/p\u003E\u003Cp\u003EFor government organizations and public use websites, the highest level of compliance (AAA) is necessary, but, for business websites, reaching the AA level is ideal for accessibility and optimization. A is okay but we recommend aiming higher.\u003C\/p\u003E\u003Cp\u003EWhat if Your Website Isn\u2019t Compliant?\u003Cbr\u003EAs of January 2018, all websites are expected to be level A compliant or you could get hit with a lawsuit by the Department of Justice (DOJ). Major brands have gotten called out by the DOJ for non-compliance.\u003C\/p\u003E\u003Cp\u003EYou may also lose rank in the SEO game or find it harder to gain rankings without having an ADA compliant website. And having a compliant website creates a better experience for every user.\u003C\/p\u003E\u003Cp\u003EHow Do I Make My Website ADA Compliant?\u003Cbr\u003EThere are free tools available to help you determine if your website is compliant. If there are lots of errors, you can work to make sure changes are implemented to bring your website up to par which could be something as simple as populating alt tags or adjusting color contrast on buttons.\u003C\/p\u003E\u003Cp\u003EDepending on the tool, the results may be difficult to interpret, so it may be useful to turn to your web developer to help you make sense of results and implement improvements to get you to an optimized level.\u003C\/p\u003E\u003Cp\u003EWant to find out more about how to optimize your website and assess its accessibility? Contact us today for a free ADA compliance review.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003EA healthy website is an optimized website. Optimization is not just about top search engine results, it takes into consideration a website\u2019s overall performance. An optimized website gives users a positive experience and gets you better search engine placement. One way to optimize your website is to make sure your website is ADA compliant. What does this mean? Let\u2019s dive in.\u003C\/p\u003E\u003Cp\u003EHere\u2019s a History Lesson\u003Cbr\u003ELikely you are familiar with the American with Disabilities Act (ADA), a law enacted in 1990 that guarantees that people with disabilities have the same opportunities as everyone else to participate in the mainstream of American life.\u003C\/p\u003E\u003Cp\u003EConsequently, in 1990, Tim Berners-Lee, the inventor of the Internet, was writing the first HTML source code. The world wide web was in infancy.\u003C\/p\u003E\u003Cp\u003EAs the web evolved, only government or public use websites were required to be what is called \u201cSection 508 compliant,\u201d in accordance with the Rehabilitation Act of 1973, amended in 1978, federal agencies were required to make their electronic and information technology (EIT) accessible to people with disabilities \u2014 mainly the vision or hearing impaired.\u003C\/p\u003E\u003Cp\u003EToday\u2019s Standards\u003Cbr\u003EFrom Facebook and Instagram, to online banking and online grocery shopping \u2014 the web is an integral part of our day-to-day lives. Because of that, a ruling was passed requiring website accessibility through ADA Title III stating that public accommodations comply with ADA standards. The expectations of websites to be usable by those with disabilities are no longer just a requirement of .govs and .orgs. Every website should be accessible by all.\u003C\/p\u003E\u003Cp\u003EWhat Makes a Website Compliant?\u003Cbr\u003EIn 2008, the World Wide Web Consortium created the Web Content Accessibility Guidelines (WCAG) which provides the four guiding principles of accessible websites: perceivable, operable, understandable and robust. These are basically principles of good user experience design. In other words, things that make your website better anyway.\u003C\/p\u003E\u003Cp\u003EHere\u2019s the quick breakdown of the four principals:\u003C\/p\u003E\u003Cp\u003EPerceivable- Make sure your alt tags are populated.\u003Cbr\u003E- Caption audio and video content.\u003Cbr\u003E- Use a CAPTCHA with an audio option.\u003Cbr\u003E- Use color contrast to separate foreground from background.\u003C\/p\u003E\u003Cp\u003EOperable- Make the website functional from a keyboard. A good example of this is if there is a click and drag feature on your website, be sure that there is a way this can be done with arrow keys.\u003Cbr\u003E- Provide users enough time to read and use content. If you have carousels and sliders, be sure that appropriate time is given to read the words before transitions.\u003Cbr\u003E- Do not design content in a way that is known to cause seizures. Watch those animated gifs.\u003Cbr\u003E- Make sure your users know how to get around your website with easy navigation, visual cues and breadcrumb navigation.\u003C\/p\u003E\u003Cp\u003EUnderstandable\u003Cbr\u003E- Keep your content at a simple and conversational at lower secondary reading level (think 9th-11th grade). Avoid complex jargon or undefined acronyms.\u003Cbr\u003E- Have your website work in expected ways, drawing on interactions that are already familiar to the user.\u003Cbr\u003E- Make it easy to avoid mistakes or correct them.\u003C\/p\u003E\u003Cp\u003ERobust\u003Cbr\u003E-Make sure your website is compatible with current and future assistive technologies. Good code is key here.\u003C\/p\u003E\u003Cp\u003EHow Accessibility is Measured\u003Cbr\u003EThere are three levels of compliance: A, AA, AAA with A being the most basic. As of January 2018, websites are expected to be at least level A compliant.\u003C\/p\u003E\u003Cp\u003EFor government organizations and public use websites, the highest level of compliance (AAA) is necessary, but, for business websites, reaching the AA level is ideal for accessibility and optimization. A is okay but we recommend aiming higher.\u003C\/p\u003E\u003Cp\u003EWhat if Your Website Isn\u2019t Compliant?\u003Cbr\u003EAs of January 2018, all websites are expected to be level A compliant or you could get hit with a lawsuit by the Department of Justice (DOJ). Major brands have gotten called out by the DOJ for non-compliance.\u003C\/p\u003E\u003Cp\u003EYou may also lose rank in the SEO game or find it harder to gain rankings without having an ADA compliant website. And having a compliant website creates a better experience for every user.\u003C\/p\u003E\u003Cp\u003EHow Do I Make My Website ADA Compliant?\u003Cbr\u003EThere are free tools available to help you determine if your website is compliant. If there are lots of errors, you can work to make sure changes are implemented to bring your website up to par which could be something as simple as populating alt tags or adjusting color contrast on buttons.\u003C\/p\u003E\u003Cp\u003EDepending on the tool, the results may be difficult to interpret, so it may be useful to turn to your web developer to help you make sense of results and implement improvements to get you to an optimized level.\u003C\/p\u003E\u003Cp\u003EWant to find out more about how to optimize your website and assess its accessibility? Contact us today for a free ADA compliance review.\u003C\/p\u003E",
"summary": ""
},
"articleType": "news",
"author": "Team Inclind",
"authorTitle": null,
"challenge": null,
"introText": null,
"location": null,
"f_metatag": null,
"publishDate": "2019-01-18",
"result": null,
"solution": null,
"subheader1": "ADA Compliance is such an important aspect of a Site\u0027s Accessibility, to Reach More Individuals",
"subheader2": null
},
"relationships": {
"contentType": {
"data": null,
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/contentType?resourceVersion=id%3A273"
}
}
},
"category": {
"data": {
"type": "catTerm",
"id": "e7befc73-77f0-46c9-aedf-608856a6a450",
"meta": {
"drupal_internal__target_id": 52
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/category?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/category?resourceVersion=id%3A273"
}
}
},
"companyRef": {
"data": null,
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/companyRef?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/companyRef?resourceVersion=id%3A273"
}
}
},
"image": {
"data": {
"type": "images",
"id": "af1e9528-5088-4ace-914e-a790d137dd75",
"meta": {
"drupal_internal__target_id": 211
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/image?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/image?resourceVersion=id%3A273"
}
}
},
"slides": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/slides?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/slides?resourceVersion=id%3A273"
}
}
},
"teamMember": {
"data": [
{
"type": "node--person",
"id": "87407245-73a3-43f8-9f44-9e70f40a0e1a",
"meta": {
"drupal_internal__target_id": 120
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/teamMember?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/teamMember?resourceVersion=id%3A273"
}
}
},
"tags": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/tags?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/tags?resourceVersion=id%3A273"
}
}
},
"topic": {
"data": [
{
"type": "topicTerm",
"id": "9e511011-b2a9-40b7-984e-1fb9246e4fff",
"meta": {
"drupal_internal__target_id": 15
}
},
{
"type": "topicTerm",
"id": "1002c0d1-44d8-4db7-8313-5a7ea8679eed",
"meta": {
"drupal_internal__target_id": 11
}
},
{
"type": "topicTerm",
"id": "1a993f8f-ee53-4048-ba7a-94e301547386",
"meta": {
"drupal_internal__target_id": 2
}
},
{
"type": "topicTerm",
"id": "af7b1388-6bcd-41e4-8026-175689d1b36f",
"meta": {
"drupal_internal__target_id": 9
}
},
{
"type": "topicTerm",
"id": "77f2449e-faf7-4322-b090-3225624f588b",
"meta": {
"drupal_internal__target_id": 8
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/topic?resourceVersion=id%3A273"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6\/relationships\/topic?resourceVersion=id%3A273"
}
}
}
}
},
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/5602f3a1-cc46-413b-bb96-b45333d521e6?resourceVersion=id%3A273"
}
}
}