Yes, as of 2018 websites absolutely must be ADA compliant.  Its a new but very scary issue that has flared up over the last year and is set to cause a LOT of turmoil.  The Supreme court issued a judgement that opened up a loophole and opportunity-chasing lawyers are aggressively soliciting handicapped people and convincing them to sue unsuspecting website owners (pretty much every website owner on the planet, as not a single one of us were ADA compliant before now.)
Poorly designed websites can create unnecessary barriers for people with disabilities, just as poorly designed buildings prevent some people with disabilities from entering. Access problems often occur because website designers mistakenly assume that everyone sees and accesses a webpage in the same way. This mistaken assumption can frustrate assistive technologies and their users. Accessible website design recognizes these differences and does not require people to see, hear, or use a standard mouse in order to access the information and services provided.

And once those new customers tell their friends and relatives how they found your website, more people will know you made sure to make it ADA compliant. The fact that you put this effort into ensuring everyone was included will set you apart from your competitors. Therefore, making your site ADA compliant is a great way to get some positive press for your business.


This is the reason why I think web design firms have to position themselves as solution providers and not just web guys/gals. A client doesn't need a website, they need sales. The website is just part of that solution but it's not the solution and unlike web design, service like email marketing automation, SEO, and PPC requires an experienced professional.
People with disabilities may use a number of special tools to interact with websites such as: screen readers, speech recognition software, touch screen devices, captioning devices (for video content), Braille, screen magnifiers, alternative keyboard devices, and head pointers. It is important to make sure your website complies with standards that make it possible for those with diverse disabilities to successfully interact with your website. 
!function(n){function e(e){for(var t,r,i=e[0],a=e[1],u=0,c=[];u1&&arguments[1]!==undefined?arguments[1]:"",t=window,r=Date.now();if(n=e+n,t.ansFrontendGlobals&&t.ansFrontendGlobals.settings&&t.ansFrontendGlobals.settings.gates&&t.ansFrontendGlobals.settings.gates.react_console_log_perf_info){var i=t.performance&&t.performance.now?t.performance.now():r;console.log("".concat(n,": ").concat(i))}o[n]=r}},iuEU:function(n,e){n.exports=react-relay},oqNQ:function(n,e,t){"use strict";t.r(e);var o=t("S0B4");Object(o.a)("entryLoaded");var r=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"A+VG")).then(function(e){n(e)})};window.runApp=function(){Object(o.a)("runAppCalled"),r(function(n){n.runApp()})},window.inlineReact=function(n,e,t,r){Object(o.a)("InlineReactCalled","loadable"),a(n,e,t,r)},window.shimProxy=window.shimProxy||{webnodeSubscribeEventsQueue:[]};var i=!1,a=function(n,e,t,a){var u=function(){i||(i=!0,r(function(r){Object(o.a)("StartAppInlineReactCalled","loadable"),r.inlineReact(n,e,t,a)}))};window.shimProxy.webnode?window.shimProxy.webnode.subscribe("REACT_LOADABLE_LOADED",u):window.shimProxy.webnodeSubscribeEventsQueue.push(["REACT_LOADABLE_LOADED",u])};window.renderPrefetchedPage=function(n,e,t,o){r(function(r){r.renderPrefetchedPage(n,e,t,o)})},window.reportPageSpeedData=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"pys6")).then(function(e){e.reportPageData(n)})},window.setTimingData=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"pys6")).then(function(e){e.setTimingData(n)})},window.setGlobalMetadata=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"Gnru")).then(function(e){e.setGlobalMetadata(n)})},window.updateGlobalMetadata=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"Gnru")).then(function(e){e.updateGlobalMetadata(n)})},window.setServerPerfCheckpointData=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"pys6")).then(function(e){e.setServerPerfCheckpointData(n)})},window.setWebnodeLoadable=function(n){Promise.all([t.e("vendor"),t.e("common")]).then(t.bind(null,"0xW3")).then(function(e){e.setWebnodeLoadable(n)})}}});
Because they only read text, screen readers and refreshable Braille displays cannot interpret photographs, charts, color-coded information, or other graphic elements on a webpage. For this reason, a photograph of a mayor on a city’s website is inaccessible to people who use these assistive technologies, and a blind person visiting the website would be unable to tell if the image is a photo, a logo, a map, a chart, artwork, a link to another page, or even a blank page.
That carousel or image slider on your site looks beautiful. That stunning video on autoplay may have cost thousands to produce. Users with cognitive limitations, however, may not comprehend your information quickly enough before the view changes or your video ends. Other users may want to start over, or go back and review something they saw or heard.
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.
Ensuring your website is ADA compliant takes skill and know-how. Even with drag-and-drop and state-of-the-art web builders, knowing how to put together content, add alt-tags and compliant contrasting colors just to name a few thing, it takes someone familiar with coding, UI/UX techniques and the best practices advised by the W3C (World Wide Web Consortium) to ensure that your site meets at minimum the A Level of Conformance. Here is the W3C’s complete and exhaustive list of technical conformance guidelines.
Do all websites have to be ADA compliant? Technically, the Americans with Disabilities Act (ADA) Title III, which concerns public businesses, does not specifically address websites. Local and state government websites must be accessible under Title II of the ADA and Section 508 of the Rehabilitation Act. However, ADA civil suits have been brought against businesses with inaccessible websites, and courts have ordered some businesses to make their websites accessible.

I should mention one caveat to all of this. Businesses that are required to comply but don't have the ability to bring their websites into compliance can provide an accessible alternative to provide the same information, goods, and services that they provide online, like a staffed phone line. The trick, however, is that this option has to provide at least equal access, including in terms of hours of operation. And, as we know, the internet is around 24/7, so good luck with that. 
The WCAG guidelines were updated from version 2.0 to 2.1 in June 2018. The updates in 2.1 cover changes in technology that have occurred since the previous version, and also address areas that were underrepresented in 2.0. What does this mean for you? Not a lot right now. The compliance level targeted is still WCAG 2.0 Level AA, and the 2.1 success criteria are in addition to those already existing in 2.0.

Web designers often design in such a way that does not allow the user to adjust font size or color. While they may be protecting their brand, they are also inhibiting some users. Many visually impaired need to use high contrast color settings or very large fonts to read a website. Don't design your website in a way that makes it impossible for them to do this. 
!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"))}});
Additionally, in February 2018, Congress passed the ADA Education and Reform Act, a bill designed to make it harder for disabled Americans to sue businesses for discrimination. Republican lawmakers who wrote and passed the bill argue that the law will help curb “frivolous” lawsuits, while opponents have argued that this law will gut the ADA, essentially giving businesses little reason to follow the ADA guidelines at all.
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. 
Since the ADA does not specifically address web accessibility, it means the Department of Justice (DOJ) will not, at this time, intervene. This means it cannot levy fines or penalties against non-compliant businesses. However, individuals and groups can file civil suits against businesses. If the court rules in the plaintiffs’ favor (the individual or group), the business will be ordered to make their website accessible, and may have to pay the plaintiffs’ attorney fees in some cases. Failure to meet these obligations in the time allotted may result in a civil contempt of court charge or additional legal action by the plaintiff.
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. 
×