In a society in which business is increasingly conducted online, excluding businesses that sell services through the Internet from the ADA would ‘run afoul of the purposes of the ADA’” in that it would prevent “‘individuals with disabilities [from] fully enjoy[ing] the goods, services, privileges, and advantages, available indiscriminately to other members of the general public.
There are several phases to go through to make a website ADA accessible. First, it is important to have your existing website evaluated for ADA accessibility. Have this evaluation done by a company that specializes in ADA compliance for lodging properties. Most existing websites will not pass a detailed ADA evaluation. Depending on the results of your professional ADA inspection, you will either have to make necessary changes to your existing website, or have it redesigned to meet ADA accessibility guidelines. 
The web design company you choose must be able to interpret your company’s mission and identity and turn it into an appealing website that connects with potential customers. They must help you reach your target audience and meet your business goals. A web design agency should have on staff both talented web designers, with fresh ideas and extensive technical and creative skills, and a marketing team that knows how to drive traffic to your site, encourage visitor engagement, and convert visitors into customers. Web designers should be able to build in search optimization and integrate your site with a content management system and e-commerce tools. Look, too, for a website design company that understands responsive design and can optimize your website for mobile devices and desktop browsers. The right web design company understand current design and website trends, has experience building sites in a variety of industries (not just yours), and has an expansive portfolio of live websites. Finally, don’t simply hire the cheapest bidder — in web design, as in all things, you get what you pay for.
The text in the ADA did not originally mention websites since this technology was not widely used in 1990. But now that most businesses have a website, they need to make sure it’s accessible to everyone. Since we’re past the ruling date, all updated pages on your website are required to be at least grade A complaint, with grade AAA being the highest.
The ADA is the Americans with Disabilities Act, passed almost 30 years ago in 1990. This act was originally put in motion pertaining solely to physical location. It requires establishments to provide people with disabilities easy access to various levels throughout the business. This act was set to achieve an equal experience to all people, handicapped or not.
Nice Article! It is very important to work under guidelines if you don’t want to get sued and don’t want to pay the penalties. But more importantly it is better to give each user hassle free user experience over your website. Being ADA Compliant means your website works well for people with disabilities and they can easily access and navigate your website.
I am a graphic and web designer based in Southern Florida. Over the last 10 years, I’ve had the opportunity to make web designs for several companies and countless industries; which has given me my strong extensive web designing knowledge and technical skills, I have also earned a degree in web design and graphics. My specialties include web design, Wix websites (including mobile), SEO and marketing material such as brochures, catalogs, banners, banner ads, emails, flyers pdf’s (including ebooks), social media graphics, business cards, branding, and album art. My favorite projects includes Wix web design (in which I have earned Wix...
!function(n,t){function r(e,n){return Object.prototype.hasOwnProperty.call(e,n)}function o(e){return void 0===e}if(n){var i={},s=n.TraceKit,u=[].slice,l="?";i.noConflict=function(){return n.TraceKit=s,i},i.wrap=function(e){function n(){try{return e.apply(this,arguments)}catch(e){throw i.report(e),e}}return n},i.report=function(){function e(e){l(),h.push(e)}function t(e){for(var n=h.length-1;n>=0;--n)h[n]===e&&h.splice(n,1)}function o(e,n){var t=null;if(!n||i.collectWindowErrors){for(var o in h)if(r(h,o))try{h[o].apply(null,[e].concat(u.call(arguments,2)))}catch(e){t=e}if(t)throw t}}function s(e,n,t,r,s){var u=null;if(y)i.computeStackTrace.augmentStackTraceWithInitialElement(y,n,t,e),a();else if(s)u=i.computeStackTrace(s),o(u,!0);else{var l={url:n,line:t,column:r};l.func=i.computeStackTrace.guessFunctionName(l.url,l.line),l.context=i.computeStackTrace.gatherContext(l.url,l.line),u={mode:"onerror",message:e,stack:[l]},o(u,!0)}return!!f&&f.apply(this,arguments)}function l(){!0!==p&&(f=n.onerror,n.onerror=s,p=!0)}function a(){var e=y,n=d;d=null,y=null,m=null,o.apply(null,[e,!1].concat(n))}function c(e){if(y){if(m===e)return;a()}var t=i.computeStackTrace(e);throw y=t,m=e,d=u.call(arguments,1),n.setTimeout(function(){m===e&&a()},t.incomplete?2e3:0),e}var f,p,h=[],d=null,m=null,y=null;return c.subscribe=e,c.unsubscribe=t,c}(),i.computeStackTrace=function(){function e(e){if(!i.remoteFetching)return"";try{var t=function(){try{return new n.XMLHttpRequest}catch(e){return new n.ActiveXObject("Microsoft.XMLHTTP")}},r=t();return r.open("GET",e,!1),r.send(""),r.responseText}catch(e){return""}}function t(t){if("string"!=typeof t)return[];if(!r(x,t)){var o="",i="";try{i=n.document.domain}catch(e){}var s=/(.*)\:\/\/([^:\/]+)([:\d]*)\/{0,1}([\s\S]*)/.exec(t);s&&s[2]===i&&(o=e(t)),x[t]=o?o.split("\n"):[]}return x[t]}function s(e,n){var r,i=/function ([^(]*)\(([^)]*)\)/,s=/['"]?([0-9A-Za-z$_]+)['"]?\s*[:=]\s*(function|eval|new Function)/,u="",a=10,c=t(e);if(!c.length)return l;for(var f=0;f0?s:null}function a(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#]/g,"\\$&")}function c(e){return a(e).replace("<","(?:<|<)").replace(">","(?:>|>)").replace("&","(?:&|&)").replace('"','(?:"|")').replace(/\s+/g,"\\s+")}function f(e,n){for(var r,o,i=0,s=n.length;ir&&(o=s.exec(i[r]))?o.index:null}function h(e){if(!o(n&&n.document)){for(var t,r,i,s,u=[n.location.href],l=n.document.getElementsByTagName("script"),p=""+e,h=/^function(?:\s+([\w$]+))?\s*\(([\w\s,]*)\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,d=/^function on([\w$]+)\s*\(event\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,m=0;m]+)>|([^\)]+))\((.*)\))? in (.*):\s*$/i,i=n.split("\n"),l=[],a=0;a=0&&(g.line=v+j.substring(0,x).split("\n").length)}}}else if(i=p.exec(o[w])){var _=n.location.href.replace(/#.*$/,""),T=new RegExp(c(o[w+1])),E=f(T,[_]);g={url:_,func:"",args:[],line:E?E.line:i[1],column:null}}if(g){g.func||(g.func=s(g.url,g.line));var k=u(g.url,g.line),A=k?k[Math.floor(k.length/2)]:null;k&&A.replace(/^\s*/,"")===o[w+1].replace(/^\s*/,"")?g.context=k:g.context=[o[w+1]],h.push(g)}}return h.length?{mode:"multiline",name:e.name,message:o[0],stack:h}:null}function w(e,n,t,r){var o={url:n,line:t};if(o.url&&o.line){e.incomplete=!1,o.func||(o.func=s(o.url,o.line)),o.context||(o.context=u(o.url,o.line));var i=/ '([^']+)' /.exec(r);if(i&&(o.column=p(i[1],o.url,o.line)),e.stack.length>0&&e.stack[0].url===o.url){if(e.stack[0].line===o.line)return!1;if(!e.stack[0].line&&e.stack[0].func===o.func)return e.stack[0].line=o.line,e.stack[0].context=o.context,!1}return e.stack.unshift(o),e.partial=!0,!0}return e.incomplete=!0,!1}function g(e,n){for(var t,r,o,u=/function\s+([_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)?\s*\(/i,a=[],c={},f=!1,d=g.caller;d&&!f;d=d.caller)if(d!==v&&d!==i.report){if(r={url:null,func:l,args:[],line:null,column:null},d.name?r.func=d.name:(t=u.exec(d.toString()))&&(r.func=t[1]),"undefined"==typeof r.func)try{r.func=t.input.substring(0,t.input.indexOf("{"))}catch(e){}if(o=h(d)){r.url=o.url,r.line=o.line,r.func===l&&(r.func=s(r.url,r.line));var m=/ '([^']+)' /.exec(e.message||e.description);m&&(r.column=p(m[1],o.url,o.line))}c[""+d]?f=!0:c[""+d]=!0,a.push(r)}n&&a.splice(0,n);var y={mode:"callers",name:e.name,message:e.message,stack:a};return w(y,e.sourceURL||e.fileName,e.line||e.lineNumber,e.message||e.description),y}function v(e,n){var t=null;n=null==n?0:+n;try{if(t=m(e))return t}catch(e){if(j)throw e}try{if(t=d(e))return t}catch(e){if(j)throw e}try{if(t=y(e))return t}catch(e){if(j)throw e}try{if(t=g(e,n+1))return t}catch(e){if(j)throw e}return{mode:"failed"}}function b(e){e=1+(null==e?0:+e);try{throw new Error}catch(n){return v(n,e+1)}}var j=!1,x={};return v.augmentStackTraceWithInitialElement=w,v.guessFunctionName=s,v.gatherContext=u,v.ofCaller=b,v.getSource=t,v}(),i.extendToAsynchronousCallbacks=function(){var e=function(e){var t=n[e];n[e]=function(){var e=u.call(arguments),n=e[0];return"function"==typeof n&&(e[0]=i.wrap(n)),t.apply?t.apply(this,e):t(e[0],e[1])}};e("setTimeout"),e("setInterval")},i.remoteFetching||(i.remoteFetching=!0),i.collectWindowErrors||(i.collectWindowErrors=!0),(!i.linesOfContext||i.linesOfContext<1)&&(i.linesOfContext=11),void 0!==e&&e.exports&&n.module!==e?e.exports=i:"function"==typeof define&&define.amd?define("TraceKit",[],i):n.TraceKit=i}}("undefined"!=typeof window?window:global)},"./webpack-loaders/expose-loader/index.js?require!./shared/require-global.js":function(e,n,t){(function(n){e.exports=n.require=t("./shared/require-global.js")}).call(n,t("../../../lib/node_modules/webpack/buildin/global.js"))}});
Thank you all for your comments.  In my world of space planning and design of commercial facilities of all types , job # 1 is to make sure you can exit a building in case of heavy smoke and fire and make sure that the space is handicapped accessible and that a disabled person can get out of a building in case of fire.  I have never heard of a handicapped accessible website, however the explanation of a website that refers to a physical space makes sense. Alt text to describe something on a website and /or possible audio enhancements also make sense.   That being said I am also very aware of real and let’s call them faux lawsuits and have concerns about opportunistic lawsuits.  They are already happening and to think that could morph into the web is frankly frightening,  
For discussion’s sake – while I don’t know the specific nature of your videos, my guess is that they might be demonstrating various techniques or other content in which simply hearing the audio of the video wouldn’t deliver the full context of the content. If making that content accessible is something you’d want to do, you’d likely want to start with a written description of what takes place in the video. Beyond that, high contrast vector images or diagrams showcasing specific parts of the technique would certainly help.

The Americans with Disabilities Act was instituted in 1990 in an effort to end discrimination based on differing abilities. Drawing heavily from the landmark Civil Rights Act of 1964, which established protections against discrimination based on race, religion, sex or national origin, the ADA went a step further by requiring organizations to provide “reasonable accommodations” to employees with disabilities.


Currently, there is a safe harbor clause that allows your existing content to remain as it is, unless altered after January 18, 2018. However, the guidelines do pertain to any page that has been updated after that date. So if you want to avoid the legal costs of being found non-compliant with the ADA, it’s best to make the necessary changes to your website now.
I have previous experience with a company that sold a platform to help alleviate ADA compliance issues on websites. From my understanding litigation is being brought to a few industries with it beginning to trickle down into others. Government agencies, education, banking, and law firms were some of the early initiators that were paying more attention to ADA before any lawsuits approached their door.
Hey OB – Disclaimer – none of this is legal advice and you’d want to check with a lawyer to know if you’re at risk for any action if you’re not ADA compliant. Based on what we’ve seen if you don’t have a physical retail or service location, and you don’t receive any funding from the government you likely aren’t required to have a website that would be considered compliant. Some people expect that to change in the next few years, but that’s what we know for now. Let us know if you have more questions or would like to test your site.
As organizations around the world scramble to bring their sites into compliance with the World Wide Web Consortium’s Web Content Accessibility Guidelines (WCAG), focus on other, preexisting accessibility regulations has also intensified. The United States’ Americans with Disabilities Act (ADA) is one of the most visible and one of the most complicated pieces of legislation in the sphere of accessibility. Let’s look at some of the ins and outs of what an ADA compliant website means today.
Just as you wouldn’t trust an overweight personal trainer or a skinny chef, you should probably never trust a designer with an ugly looking website or an SEO specialist who doesn’t rank well on Google or an “internet marketer” who uses direct outreach to generate leads. And by that I mean, if someone is selling you the idea of getting traffic through Google or Pay Per Click or Social Media, but they’re using cold outreach, like, they’re direct emailing you or they’re using word of mouth to get in contact with you, they’re really not practicing what they preach.
This is the exact opposite of mistake #1. Let me start by revealing a dirty little secret when it comes to website design. Most people think, Oh, I’m going to hire a professional website firm because I want a “real website” As opposed to a Word Press website or something else. And what most people don't realize is that all websites are made from the same stuff.

Webpage designers often have aesthetic preferences and may want everyone to see their webpages in exactly the same color, size and layout. But because of their disability, many people with low vision do not see webpages the same as other people. Some see only small portions of a computer display at one time. Others cannot see text or images that are too small. Still others can only see website content if it appears in specific colors. For these reasons, many people with low vision use specific color and font settings when they access the Internet – settings that are often very different from those most people use. For example, many people with low vision need to use high contrast settings, such as bold white or yellow letters on a black background. Others need just the opposite – bold black text on a white or yellow background. And, many must use softer, more subtle color combinations.
The Department of Justice may file lawsuits in federal court to enforce the ADA Compliance, and courts may order compensatory damages and back pay to remedy discrimination if the Department prevails. Under title III, the Department of Justice may also obtain civil penalties of up to $55,000 for the first violation and $110,000 for any subsequent violation of ADA Compliance.

The gray area is a matter of scale and purpose. If you have a small business which serves as specific market it's a good idea to make the site as user and disability friendly as possible. If, however, your market serves segments with a likeliness to have various handicaps or disabilities you should address that with an ADA Compliance review of the site. Also consider the scale and purpose of an organization. Publicly traded large businesses need to concern themselves more than a single location family owned retailer and if someone sues your flower shop because the text was too small or didn't have "image alt tags" causing them distress... That's pretty frivolous and would likely not stand.
!function(n,t){function r(e,n){return Object.prototype.hasOwnProperty.call(e,n)}function o(e){return void 0===e}if(n){var i={},s=n.TraceKit,u=[].slice,l="?";i.noConflict=function(){return n.TraceKit=s,i},i.wrap=function(e){function n(){try{return e.apply(this,arguments)}catch(e){throw i.report(e),e}}return n},i.report=function(){function e(e){l(),h.push(e)}function t(e){for(var n=h.length-1;n>=0;--n)h[n]===e&&h.splice(n,1)}function o(e,n){var t=null;if(!n||i.collectWindowErrors){for(var o in h)if(r(h,o))try{h[o].apply(null,[e].concat(u.call(arguments,2)))}catch(e){t=e}if(t)throw t}}function s(e,n,t,r,s){var u=null;if(y)i.computeStackTrace.augmentStackTraceWithInitialElement(y,n,t,e),a();else if(s)u=i.computeStackTrace(s),o(u,!0);else{var l={url:n,line:t,column:r};l.func=i.computeStackTrace.guessFunctionName(l.url,l.line),l.context=i.computeStackTrace.gatherContext(l.url,l.line),u={mode:"onerror",message:e,stack:[l]},o(u,!0)}return!!f&&f.apply(this,arguments)}function l(){!0!==p&&(f=n.onerror,n.onerror=s,p=!0)}function a(){var e=y,n=d;d=null,y=null,m=null,o.apply(null,[e,!1].concat(n))}function c(e){if(y){if(m===e)return;a()}var t=i.computeStackTrace(e);throw y=t,m=e,d=u.call(arguments,1),n.setTimeout(function(){m===e&&a()},t.incomplete?2e3:0),e}var f,p,h=[],d=null,m=null,y=null;return c.subscribe=e,c.unsubscribe=t,c}(),i.computeStackTrace=function(){function e(e){if(!i.remoteFetching)return"";try{var t=function(){try{return new n.XMLHttpRequest}catch(e){return new n.ActiveXObject("Microsoft.XMLHTTP")}},r=t();return r.open("GET",e,!1),r.send(""),r.responseText}catch(e){return""}}function t(t){if("string"!=typeof t)return[];if(!r(x,t)){var o="",i="";try{i=n.document.domain}catch(e){}var s=/(.*)\:\/\/([^:\/]+)([:\d]*)\/{0,1}([\s\S]*)/.exec(t);s&&s[2]===i&&(o=e(t)),x[t]=o?o.split("\n"):[]}return x[t]}function s(e,n){var r,i=/function ([^(]*)\(([^)]*)\)/,s=/['"]?([0-9A-Za-z$_]+)['"]?\s*[:=]\s*(function|eval|new Function)/,u="",a=10,c=t(e);if(!c.length)return l;for(var f=0;f0?s:null}function a(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#]/g,"\\$&")}function c(e){return a(e).replace("<","(?:<|<)").replace(">","(?:>|>)").replace("&","(?:&|&)").replace('"','(?:"|")').replace(/\s+/g,"\\s+")}function f(e,n){for(var r,o,i=0,s=n.length;ir&&(o=s.exec(i[r]))?o.index:null}function h(e){if(!o(n&&n.document)){for(var t,r,i,s,u=[n.location.href],l=n.document.getElementsByTagName("script"),p=""+e,h=/^function(?:\s+([\w$]+))?\s*\(([\w\s,]*)\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,d=/^function on([\w$]+)\s*\(event\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,m=0;m]+)>|([^\)]+))\((.*)\))? in (.*):\s*$/i,i=n.split("\n"),l=[],a=0;a=0&&(g.line=v+j.substring(0,x).split("\n").length)}}}else if(i=p.exec(o[w])){var _=n.location.href.replace(/#.*$/,""),T=new RegExp(c(o[w+1])),E=f(T,[_]);g={url:_,func:"",args:[],line:E?E.line:i[1],column:null}}if(g){g.func||(g.func=s(g.url,g.line));var k=u(g.url,g.line),A=k?k[Math.floor(k.length/2)]:null;k&&A.replace(/^\s*/,"")===o[w+1].replace(/^\s*/,"")?g.context=k:g.context=[o[w+1]],h.push(g)}}return h.length?{mode:"multiline",name:e.name,message:o[0],stack:h}:null}function w(e,n,t,r){var o={url:n,line:t};if(o.url&&o.line){e.incomplete=!1,o.func||(o.func=s(o.url,o.line)),o.context||(o.context=u(o.url,o.line));var i=/ '([^']+)' /.exec(r);if(i&&(o.column=p(i[1],o.url,o.line)),e.stack.length>0&&e.stack[0].url===o.url){if(e.stack[0].line===o.line)return!1;if(!e.stack[0].line&&e.stack[0].func===o.func)return e.stack[0].line=o.line,e.stack[0].context=o.context,!1}return e.stack.unshift(o),e.partial=!0,!0}return e.incomplete=!0,!1}function g(e,n){for(var t,r,o,u=/function\s+([_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)?\s*\(/i,a=[],c={},f=!1,d=g.caller;d&&!f;d=d.caller)if(d!==v&&d!==i.report){if(r={url:null,func:l,args:[],line:null,column:null},d.name?r.func=d.name:(t=u.exec(d.toString()))&&(r.func=t[1]),"undefined"==typeof r.func)try{r.func=t.input.substring(0,t.input.indexOf("{"))}catch(e){}if(o=h(d)){r.url=o.url,r.line=o.line,r.func===l&&(r.func=s(r.url,r.line));var m=/ '([^']+)' /.exec(e.message||e.description);m&&(r.column=p(m[1],o.url,o.line))}c[""+d]?f=!0:c[""+d]=!0,a.push(r)}n&&a.splice(0,n);var y={mode:"callers",name:e.name,message:e.message,stack:a};return w(y,e.sourceURL||e.fileName,e.line||e.lineNumber,e.message||e.description),y}function v(e,n){var t=null;n=null==n?0:+n;try{if(t=m(e))return t}catch(e){if(j)throw e}try{if(t=d(e))return t}catch(e){if(j)throw e}try{if(t=y(e))return t}catch(e){if(j)throw e}try{if(t=g(e,n+1))return t}catch(e){if(j)throw e}return{mode:"failed"}}function b(e){e=1+(null==e?0:+e);try{throw new Error}catch(n){return v(n,e+1)}}var j=!1,x={};return v.augmentStackTraceWithInitialElement=w,v.guessFunctionName=s,v.gatherContext=u,v.ofCaller=b,v.getSource=t,v}(),i.extendToAsynchronousCallbacks=function(){var e=function(e){var t=n[e];n[e]=function(){var e=u.call(arguments),n=e[0];return"function"==typeof n&&(e[0]=i.wrap(n)),t.apply?t.apply(this,e):t(e[0],e[1])}};e("setTimeout"),e("setInterval")},i.remoteFetching||(i.remoteFetching=!0),i.collectWindowErrors||(i.collectWindowErrors=!0),(!i.linesOfContext||i.linesOfContext<1)&&(i.linesOfContext=11),void 0!==e&&e.exports&&n.module!==e?e.exports=i:"function"==typeof define&&define.amd?define("TraceKit",[],i):n.TraceKit=i}}("undefined"!=typeof window?window:global)},"./webpack-loaders/expose-loader/index.js?require!./shared/require-global.js":function(e,n,t){(function(n){e.exports=n.require=t("./shared/require-global.js")}).call(n,t("../../../lib/node_modules/webpack/buildin/global.js"))}});
If your website is not already ADA compliant, you are automatically missing out on millions of potential customers who cannot access your site due to their disabilities. In fact, there are nearly 50 million people with disabilities in the U.S., which means about 19 percent of this country has a disability. Many of them might be interested in your products or services, but once they arrive at your website, they won't be able to navigate easily enough to buy anything or even contact you, all because your website is only accessible to people without disabilities. Thus, they may move on to your competitors.
Webpage designers often have aesthetic preferences and may want everyone to see their webpages in exactly the same color, size and layout. But because of their disability, many people with low vision do not see webpages the same as other people. Some see only small portions of a computer display at one time. Others cannot see text or images that are too small. Still others can only see website content if it appears in specific colors. For these reasons, many people with low vision use specific color and font settings when they access the Internet – settings that are often very different from those most people use. For example, many people with low vision need to use high contrast settings, such as bold white or yellow letters on a black background. Others need just the opposite – bold black text on a white or yellow background. And, many must use softer, more subtle color combinations.
This particular lawsuit amounted to nothing more than a shakedown for cash, as the current laws would make it difficult to win the suit in court (more about this later) but it prompted me to dive deeper into the issue of ADA compliance. Through my research, I discovered there are some new laws on the horizon that could make ADA compliance mandatory, which means web designers and digital marketers need to know how to prepare.

HTML tags – specific instructions understood by a web browser or screen reader. One type of HTML tag, called an “alt” tag (short for “alternative text”), is used to provide brief text descriptions of images that screen readers can understand and speak. Another type of HTML tag, called a “longdesc” tag (short for “long description”), is used to provide long text descriptions that can be spoken by screen readers.
×