 All right, y'all I'm gonna get rolling here especially because I'm about to waste five minutes your time just kind of telling you about who I am So I'll just get rolling let people trickle in So everybody my name is Scott speckard I'm here today to talk to you about accessibility most specifically triple a compliance in the you know in the realm of wiccag or Wiccag or WCAG or whatever your poison heard about 12 different ways this this conference So you know no judgment here, but wiccag for today And yeah, we're gonna talk about how to navigate them We're gonna talk about science the art of it all and kind of everything in between so that further ado As promised a little bit myself and a vertically stretched star because I'm bad at PowerPoint But again, my name is Scott speckard and just again a little bit about me I am the director of accessibility and quality at tody creative, which is a full service creative agency in the Washington DC area And a couple of quick things before I start because I'm sure I'm gonna forget the end first and foremost big Thank you to the entire Drupal con team an incredible event as always my first one in a couple of years in person Especially so y'all put on an amazing event. We know this stuff doesn't happen overnight by itself so really appreciate you and More importantly, I kind of have a funny note there at the bottom I know I'm not a lawyer nor am I doctor and I would like to say that because a lot of what we talk about today is around neurodivergence and all types of the four forms of different abilities and disabilities And of course, I just want to make sure that y'all know. I am not a doctor or I've been trained Everything today is kind of my experience and how I've seen it in my expert opinion I'm throughout years and almost 15 years of experience and accessibility and I'm not a lawyer I'm also going to talk a little bit about rule of law, especially the United States So bear with me but always double-check with your legal counsel before you take anything I say to heart, which is just a general rule and So here's just a quick view of our office again We are in DC and I usually like kind of like to start with you know, just kind of a quick You know resume if you will, you know, it's hard when you hear see what's going up there You never met before, you know, who are they to tell me what accessibility is all about So again, we are a full-service little agency. We do everything at Toyota from brand work from strategy to development and UX design and of course our bread and butter is Drupal development So a lot of what we do is centered around Drupal what Drupal can do and what we can make out of Drupal Of course to make more accessible experiences And also I usually like to also mention that you know, one of my favorite parts these conferences is meeting people from all over the world They're from walks of life And so I've really had a great pleasure talking to a lot of you all throughout the week about accessibility and kind of how you all handle it At your agencies and in your kind of shops So again, I'm Scott Spector. I come from Toyota. I like spinach omelettes formula one and public speaking which is great So let's jump into it triple-a compliance. It is scary stuff. It is not for the faint of heart You know, you hear it whenever you see it an RFP or proposal or your boss asks you do you have any experience in triple-a? compliance if you were anything like me the first time I Immediately left the room threw up came back and then googled what triple-a compliance was And now you know cut to a dozen years later, you know, we figured it out a little bit We've kind of gone through some things so my intent today is to kind of make it a little bit more approachable for you All kind of talk to you again throughout. What exactly does triple-a compliance mean? And what is the science of that? How do you do it as a developer? How do you do it from a technical scoping and everything before it hits devs hands kind of perspective? But also how do you balance that with your design teams and not just your visual design but your user experience and everything kind of in between and Then I'm going to kind of show you a couple of examples of how we've executed at Toyota over from last couple years on triple-a Compliance and then I'm going to do something funny and I'm going to try and talk you out of building something with that as triple-a compliant And again, these are my experiences. These are my opinions Please take them with that grain of salt But that is what I am going to try and do today and last but not least I'm going to try and give you a holistic view of exactly how these projects work and how the intricacies are a little different from other Projects you might be working on from a project and account management perspective And also what I'm going to do is try and stay within time, but that will not work So I didn't put it on here because my manager expectations The first and foremost some ground rules and then I promise we're actually going to get into it I want to try and keep this an open format. I appreciate you all coming I know it's the end of the conference and it's not easy to stick around for these last final sessions But I always like to keep these in open format, you know ask questions as I go I've got the lights on my eyes, so I might not see you so feel free just to shout at me But most importantly if you do have a question or a comment it must begin with a compliment about Scott myself Or I will not answer your question Again, I'm not a lawyer nor am I a doctor for the next 45 minutes or so This is the safest place on earth accessibility is a tough subject to talk about sometimes especially in today's climate You know you're you try and you know kind of walk on eggshells a little bit about certain terminology and how you approach situations I want you to know that whether the terminology is disabled differently able you know divergent This is the safe space. We are all here to learn can't do it here, especially at Drupalcon When can we do it? So again, feel free. It's an open and safe space for the next 45 minutes. So All right, so rooting the conversation and rules So rooting the conversation rules wick hag is a finite set of rules Which means we can conquer it in some way shape or form And so I want to talk a little bit about how we've done that from the science perspective again breaking up the science And the art just a little bit here And once we understand those rules we can control them and we can build Experiences and we can do it develop modules and contribute back to the community to kind of conquer this goal Which is you know the rule wick hag to not let it kind of dictate what you do But you know work around it within the realm that you're trying to accomplish So let's jump into it For those of you who are mildly or are not you know super familiar with the cag I kind of want to just to do a very brief overview exactly How this all kind of works together as it is there's a lot of moving parts here So first and foremost You know wick hag is not the end all be all it's actually you know the fourth thing down from a very long line of experts that really focus on Accessibility so if you've heard a wick hag What it starts with is w3c, which I'm sure all of us here have heard of w3c in one form or another and after And not underneath w3c is the web accessibility initiative wai, which I'm sure maybe some of us has heard of And then of course wc ag the web content accessibility guidelines And these are kind of what we all imagine and what we all strive for when we build it when we build or design compliance systems So how does this all kind of you know loop in together? And for today, I'm going to not focus on the different levels the 2.0 the 2.1 the 2.2 or potentially 3.0 coming out I'm more than happy to field any questions on those But I'm just not gonna focus on I'm gonna mostly focus on a double a and triple a criteria across all those today And so for those who are you know the uninitiated the a is more or less the basics You know, we typically find this when devs fall into it by accident, right? They're just really great developers that are their syntax is impeccable that they can develop You know within an engine within a pixel of spec, but they aren't you know, they weren't doing it intentionally Typically we find those to be you know single a compliance sites, you know the bare minimum Double a compliance is the gold standard. That's typically you know a client who knows what they're doing someone who you know Has been around the block a little bit knows double a compliance as the gold standard for a job well done You know, it is extremely accessible And it and it really is what you need to have some with disabilities be able to you know comfortably navigate your site and triple a Triple a the big behemoth. We are here to talk about today And I will warn you again I'm gonna come come back to this at some point and try and talk you out of it because even the WCAG even the WAI initiative does not believe triple a is possible again I took this quote there at the bottom and I'm gonna read it off for those Who might be seeing the recording it they say in their own criteria that it is not recommended that level triple a Conformance be required as a general policy for entire sites because it is not possible to satisfy all level triple a success criteria for some content Now think about that even the people that created this thing believes that is unreachable So we've already kind of set the stage here for what potentially is an unreachable goal here But I promise more to come I'm gonna hopefully alleviate some of that That burn there and talk a little bit of how we could do it But again, I just want to set the stage that you know when you jump into these triple a compliant projects It's not always that straightforward And when we talk about compliance and we talk about accessibility in general, you know again for those who are well Both established and have worked on accessibility projects before you know when you typically get feedback back in any way shape or form It's in one of these four different categories. So whether you're a builder a tester Someone in sales, you know, you always focus typically on these four items Pognitive auditory physical and visual Pognitive and I'm sorry and everything there is on a spectrum, right? You know that the science behind the spectrum has balloon over the past You know decade of defining what the spectrum is in all shapes and walks of life, especially the medical field But when it comes to accessibility, it's extremely powerful to think of all these things as a spectrum Again, I'm gonna get back to this a little bit when you think of cognitive It can be as mild as something like ADD or ADHD something more a little bit more debilitating like PTSD or dementia or Alzheimer's And auditory, you know, there's two main different types of audit of auditory hearing disabilities or divergence if you will And I'm not gonna remember their names. They're very scientific and I tried really hard before the session to remember them But no amount of acronyms will help me figure that one out. So there's two different kinds You know the kinds you typically hear after a rock concert the ringing in your ears and the other type of auditory Disabilities are typically the more dilling kind kind of you know, if you You know if you ever had swimmers here or if you'd stuck a few tip in too far like your doctor told you not to a hundred times You know, that is that build kind of hearing that them users sometimes experience It physical is the most interesting and candidly easily the hardest for me and my team to kind of usually wrap our heads around solutions Because they're so they're so wide and the spectrum is infinitely long for types of physical impairment Because you also introduce a second kind of level there. It's not just physical ability to use your your motor function Like I'm you know full use of your limbs, but it's also kind of dives into temporary versus permanent Right when you think of physical ones, it's easy to think of something like a broken arm And you know kind of how that affects your day-to-day So it's something you think about especially if you know if you're building up an emergency hospital website You know you want to kind of take this kind of things into consideration It really opens up the doors to a lot of different ways to solve problems Invisual of course, and that's probably the one that the most people in the entire world Are affected by of course you have things that kind of come in time like cataracts And you have things that you know partial blindness complete blindness or just you know reduced vision just like needing glasses for Kind of treatable vision if you will and again I want to re-emphasize the fact that all this lives on a spectrum of all different types of variety And I would be remiss not to mention the fact that it is good business I'm going to spend a lot of time today pulling on your heartstrings and telling you exactly why Accessibility is just the right thing to do, but if you take nothing away from this entire talk I want to show you this slide because easily the most powerful one. I will ever kind of great Even though I stole the data and none of it is actually original, but Important things to note here 26% of the entire US population Identifies with at least one form of disability that is sixty one point two million people if and which is about 42% of Adults 65 enough with one or more disabilities And then of course if you go to or more disabilities, you know that the number slowly goes down It really is doesn't isn't that as steep as you'd imagine most importantly those users that we're talking about have an expendable market income market market share of 490 billion dollars So for those of you who've been around and you know paying attention to accessibility will pass five years or so There's a developer a very intelligent engineer who did the math First he found that there was an issue on Chipotle's ordering when you go online you try and order a burrito of Chipotle's Online website or their app they form to check out was actually inaccessible The engineer did all good engineers do an over-engineered a solution to try and figure out how to fix it Once they fixed it He did the math and he's tried to figure out how much money to left on the table over the year and the number was Astronomical it was in the hundreds of millions and this is just because Chipotle no one could check out They couldn't finally put in their credit card number to get out So Chipotle figure this out they fixed obviously but over the course of five or six years when their platform was live They lost tons of money. So again when I talk about accessibility I focus on why it's the right thing to do I think everyone here can agree on that But a lot of these times I leave these sessions and people always ask how do I evangelize this internally? This slide kind of speaks for itself. You put this in front of anybody on your board any manager any CEO You say this is an unrealized market that we have not tapped into Let's jump in to figure out what compliance looks like that numbers It's gonna scare the hair the pigtails up anybody so keep that number in mind again This slide is extremely powerful for any project. I've kind of jumped into Finishing up the science part a little bit. I told you about the rules I told you about kind of the constraints the scaffolding that we live in as we are building accessible projects And I had a million of different examples again None of it original work for myself because I'm actually not the talented one I rely on my talented developers in that row over there to actually do the smart stuff But instead of examples, I'm just gonna kind of breeze through a lightening round of some things that we typically focus on here Using aria liberate and carefully I kind of this is a gray or between my last line this side aria is the buzzword nowadays when you're trying to evangelize a Subject internally or for a client use the word aria people get it people understand that that is you know What they perceive to be the standard an accessible markup? Obviously for those of us who've been around the block a little bit that is not entirely true You want to lean on html you want to lean on the native? Abilities of html to kind of drive accessibility for you and aria is a supplement of that aria is not the native tool That you should be using to build accessible experience in the front end Impactful and meaningful roles and labels this was extremely important if not just from a maintenance perspective I'm creating meaningful roles and labels making sure that the same things from a foreign standpoint are named the same things on a Chordians on everything are clear no one wants to see an accordion that is has a has a label that says ACRD 1 2 3 right it should be called accordion at the very most accordion dash 1 accordion dash 2 or Whatever kind of variety your teams think up, you know Maybe you win the lottery tomorrow Maybe then another dev has to pick this up blind make this clear and make this meaningful and you'll find infinite Savings across entire projects for the longevity that you're working on it design tabbing and reading order I'm gonna get in this a little bit So I'm gonna breeze through this one but make sure that tabbing and reading order is a UX project That's also in the dev perspective You want to make sure that while you're figuring out top-to-bottom left-to-right? How's that gonna work make sure your devs in the room make sure as a UX person is in there as well Basic informational tables every piece of user testing. I've ever done with users disabilities They've always said just you know when in doubt put it in a table Tables are the only thing that's really scaled with accessibility over the course of the web Obviously if you over engineer a table if you kind of try and create something custom It's gonna get a little bit hairy give me a little bit dicey But obviously we all love our seat getter We all love the tool the table tools that are allowed in it just use that when in doubt It's a great way for a system tech to kind of parse through content focus on multimedia Double a and triple a if you ever Google what is the difference between double a and triple a every site you find will say Double a and triple a the only difference is this multimedia kind of component pre-recorded caption making sure that you know There's an alternative transcript for any type of media any type of video That that goes on your site and that is extremely difficult What we found is that when you focus on that from the beginning and especially from the dev stage Kind of moving that up in the line of your discovery process when you focus on multimedia Everything kind of falls in around it once you kind of go down the road of having to figure out How are you gonna create captions? How are you gonna create live media that still has some kind of you know sign language interpreter content? It really starts to bring the life, you know, this user focused model that I'm gonna go over in a bit User experience and development already touched on accessibility tools I'm actually gonna show you a cool example of that in a second But if you've ever been to the new White House website, I mean you know those bottom left side the contrast tool the sharing links All those things are built in the website. I'm not talking about overlays. I am smart enough to not do that on the stage But building them in natively is acceptable and actually a component of triple a compliance that you could fail if you don't do yourself This is an interesting one and I'm not gonna get into it too much now, but it is it's tough, you know, there's a it's a It is isn't it, you know, there's a lot of different opinions on them People love their own assistive technology. They want to use that to modify the environment around them digitally But some people like the tools built in and handling again It's kind of just goes back to your client who you're building it for the people you're building it for and the types of disabilities They may or may not have Don't forget about zoom making sure your website works at 400% zoom is no easy task I do not envy you developers who have to try and figure that out Luckily, I'm not the person who has to do that again It's those guys who are much smarter than me and most importantly arrange for help when applicable User testing, you know anytime you read any article on the site about how to build How to build accessible experiences They say you must test with people that have the forms of disabilities you're trying to account for which is kind of a no-brainer But you know, I wanted to mention that here as it is You know, it's an extremely important part of the entire triple-a build process I mean as a developer, it's hard to sometimes remember that right you reach an end of a project You're waiting for your project manager to tell you what's next, but you know try and evangelize that within your team Right and this is more of a qualitative component of triple-a compliance just as much as quantitative So when you are building, you know, you reach the end you realize, you know The things are good, but you need to figure out and make sure to confirm that with the people just like you would normal user testing So work with your project managers your account managers your entire team and find a way to get people disabilities to actually use your content It is extremely eye-opening. There's this stuff You'll never think of until you actually see someone try and navigate with the system tech So now I talked a little bit about the science I'm gonna talk about the art and before I talked about how they all kind of come together because the art is Extremely important and it is easily as especially as a developer at the hardest part to kind of get buy into right So sorry, you know what I haven't done one of these live and a long time Already so the art of the matter here Accessible to the design planning is extremely important and I'm only gonna breeze over the design part But I do want to mention that it is probably the one of the hardest things to ask a designer to do to meet triple-a Contrast criteria and still make something beautiful We did a decent job on it a couple of times But for the most part again triple-a compliance with all the rules that conflict with each other make it really hard to build something That is not just black and white right and to go into your creative meetings and talk about how you sorry This doesn't pass triple-a compliance try something a little darker try something a little lighter So how do we conquer that? Accessibility has been a long unlearned past but you know with the support of the team We've really come a long way and here are just some quick takeaways from that Evangelizing accessibility is a team sport. I have had the unpleasant you know Responsibility activity over the many many years and time before that as being the person who comes to the room and says those things You know, it's sorry this contrast doesn't work This logical reading order isn't there when I bring this up on my iPhone and zoom into 400% I always see is white and I can't even do anything else So evangelizing it internally putting someone in charge of it making it just as important as anything else the CTAs Or any type of other affordance, you know, kind of working that into the process the beginning is extremely important And of course what goes along with that is practicing that active listening and relentless empathy. It is For lack of I would say it a little frustrating and again I'm hoping you guys return the favor and letting me be a little honest here It's extremely frustrating trying to you know comply with the triple-a compliant level in design In it, you know, that's it's not something anyone has an opinion on again It's a scaffolding. It's this rulebook that we're forced to kind of operate on every once in a while So trying just to kind of see where the designers are coming from trying to figure out what the devs hurdles are so you can help Conquer them together is extremely important And let the data light the path. I should have put this one on top is easily the most important one Triple-a compliance again circling back to one of those first slides It is extremely important for very specific sets of sites Again, you know an Alzheimer's research site that really you want to focus on that cognitive disability a lot You know some kind of motor impairment Organization, you know does advocacy for groups that are affected by it You want to do research first? So I was recently speaking at a conference and I'm a man who owns a a group of Religious temples in the DC area ask Scott, you know, how do I get this thing? You know, I got a board who's strapped for cash as it is and we can't fit I can't find a way to get that convince them to build an accessible experience to build an accessible website Build accessible schedules for temple on gatherings and such I mean no matter what I do I can't convince them to do it So the easiest answer I gave was just you know figure out the data pull your demographics Temples for me are the more straightforward ones and I you know because the generative the population is typically a little older, right? You're you're you're Pardon me. You're the community at those are typically the older generation. It's 50 and up So going back. I'm not gonna go back. I'm sure I'm gonna mess it up But going back to that business case slide, right? I can build I can show my boss I can show the CEO of the temple that you know 50% of our entire congregation needs has a need for this 50% of them can't even look at the schedules They just call up ahead. They bother Someone at the front desk every single time they want to see it. That's not right, right? And not only that but if we make our digital experience more welcoming that we can you know kind of dive into that audience You can collect more people for our community and you know You want to engage those users you want more you want more buy-in And the funny part is is typically on what I found in these user testing is when people when people disabilities have trouble accessing a site They'll just move on right? You know, there's no recourse for them. What are you gonna do? I'm you know see everybody can't get through actually some people do I'm not gonna talk about that But you know, it's really frustrating So if you create a digital ecosystem that people can access especially at something like temple where the users are all Very easy to kind of pinpoint and know exactly what they need Focus on that data focus on how long they stay there focus on their age focus on how old their kids are You know because that's typically how that user flow works So again, let the data light the path start with data and work your way back as the easiest way I can talk about design And creating a backlog of features or elements of note, you know, I want to mention this not you know I should have said probably kitchen sink right once you create accessible components, especially triple-a accessible components You want to kind of store that somewhere, right? You know, I've been to a couple sessions today about you know, I'm not today I'm over the conference about you know, repeatable libraries design components like that Create it save it move it to the side so that when you go do your next build just like we all do on every dead build I mean you have that component. You don't have to spend as much time rebuilding it I know that kind of sounds a little simplified But that is very true with an accessibility more so than most every dot every pixel every cta make sure you save it So you don't have to spend as much time there And then you can focus on where you'll drive the most value on the dev side recreating accordions that might not be totally Or again focusing on specific types again start small thinking opponents and work your way out If you're one of the people that like to build puzzles from the outside build the edges first You're gonna be mad at me for saying this but do your best at working small and then building yourself out and Executing the plan these are in in triple a criteria again I'm focusing on mostly the difference between what's different between double a triple a these are the areas need to pay the Most attention to typography. No, you know, I think actually comic sans might be accessible But I'd recommend against it But there's a lot of fonts, you know that that were really tight that are really bold that are really tight together that are inaccessible people that for people with dyslexia or people with visual impairment that cannot You know kind of make sense of these fonts that are just really beautiful to look at sometimes But for people with some certain that are you know diverging some sense it's really difficult So focus on typography contrast is more of a formula So I won't spend much time on that but make sure you kind of account for the newer upgraded You know level of conformance they're gonna ask you to meet for contrast menus menus are extremely important I want to an incredible session on yesterday about the new front-end theme and how they're trying to make on the Drupal Experience the menus a lot more accessible and menus are a big part of triple a compliance So review those as you are designing and of course building tables already talked about beautiful. Don't deviate too much Classic that ain't broke. Don't fix it kind of scenario maps Don't bother call it as re if you can get out of that project as soon as you can maps are incredibly difficult to make accessible They are the big unicorn of the dev and design world and how to make an accessible map I'm is truly difficult and can only I've only seen about one or two that I've really really loved So when it comes to maps, I typically can only try and find a kind of separate solution on an alternative way to Navigate a map or digest that content that is in that map and motion animation is the most important one I say this because in all of our user user testing Motion is the hardest thing for someone with almost every disability across this four I showed you anywhere on the spectrum to really figure out if you do not provide a pause button Especially if you have animating graphics that are kind of in your face when you jump on the page is really tough You know we can sometimes Through some of our work with arts foundations in the DC area for veterans You know we could be found and we've gotten feedback that you know This wasn't too jarring, but I've seen something like it that has induced a PTSD episode From any form of you know whether they're in the military that they had other forms of cognitive You know issues that they were trying to work through you know motion think of spinning globes think of you know beautiful graphics going down the page for those of us who are Lucky enough that we do not fall into that category of you know that potentially triggering something it looks beautiful But for almost everyone else it's really tough and it has serious consequences So when you execute this plan and you combine the science of the art think about stuff like that again as much as you can Get user real users testing now a really quick case study, and I'm looking at time, and I'm running a little hot So I'm going to try and fly through this a little bit This is an example of a triple-a compliance site that Teody has recently built I removed the client logo because it is still in its beta phase that we are hoping to launch soon as soon as it does I promise I will post it on my LinkedIn for the world to see so if you don't follow me yet on LinkedIn connect with me I'd love to chat, but also I promise I'll push this out when I can and I love this site because it is probably one of the Prat ones I'm most proud of that we found a way to combine the most beautiful art that we can with the science that is triple-a compliance And I'm more than happy to take any hecklers that want to try and poke holes in it in which case I will absolutely shovel the question over debris over there to answer smart for me But in that at the same time, you know, this is just beautiful design and beautiful science at play at the bottom left there You can see what I was talking about before there's native tools built into your website the share button the contrasts and the tech side That is a drum. That is a genuine triple-a compliance goal that you have to meet in order to be triple-a compliant But and they're really great, but again, they're a little controversial just like overlays right people want to use the tools That they are comfortable using like Jaws like a video like any other browser extension they use to kind of tackle You know tackle the web if they will so when they're approached with these types of tools sometimes confusing it sometimes actually confuses the software So pay attention to that but again talk to your users do not assume that triple-a compliance And creating one of these is exactly what you need to do because users first which I'm going to talk about in just a second But again, just a couple other humble brags about this beautiful site that we built I'm done And now I'm going to try and talk you out of triple-a compliance totally flippin the bill on y'all so why For anybody who's ever taken on triple-a compliant website I challenge you to say the first thing is why obviously don't be too over too skeptical have a conversation with them Ask them why for a lot of sometimes it is a very valid criteria to me, right? I focus mostly on medicine because that's a lot of that's a lot of where triple-a compliance comes into play for people That need it, you know again very specific user groups of elderly people of blind people of associations for people again Like this mentioned that have PTSD Primarily evaluate why always ask questions, but of course here first and This is one of my favorite ways to kind of tell this story and this is how and again This is one of my favorite examples. We've got a lot of great feedback from it for clients So feel free to steal it the easiest way to kind of talk clients Out of their own way right to make them start thinking about the user and not just some board member who said, you know You know crap all of our competitors are getting sued We need to make this thing as compliant as humanly possible. I went on Google I found triple-a compliance that hasn't looked successful. We're gonna do thing out there So we are going to make a triple-a compliant website wrong mr. And mrs. Chairman I think there's a different way to go about it So I like to kind of root the conversation into physical realm because again that makes things a little easier to comprehend now The year is 1989 I walk up to my front door and I see a doorknob the doorknob I've got I've got arms full of groceries right arms full of groceries I get to the front door and I see a doorknob and I try and you know jiggle it with money a little bit I kick it down and eventually I'm sweating and I finally get in the door eventually with some you know tricky elbow work Drop a bag a bag of eggs. I get yelled at by my partner. Whatever all as well as and well Same situation now a door handles in front of you walk up to the front door arms full of groceries You are easily able to kind of give me that open with your elbow within two seconds You're in the door. No eggs were harmed in the making of this talk Now this is a very Human and easy way to kind of digest what this would accessibility work is right the in 1990 The ADA actually outlawed the doorknob because it is not an accessible solution again I just gave the example of you know groceries because that's one we can all understand But after the ADA outlawed doorknob, you know, you'll never walk into a new build and see doorknob You'll see door handles because they are arguably sorry objectively just the better design. They're better for everybody So that is exactly what we try and tell our clients when we start the conversation about triple a compliance We root the things and what actually matters and universal design and in focusing that on Situations that matter not just a compliance thing that I saw on Google now putting the user first I actually this I'm full disclosure I stole the slide a little bit from one of my good friends Gareth Ford Williams who worked at the BBC for a while and developed their accessibility program But this is something that really resonated when I talked to with it when I talked with him a couple of months ago And in the UK can't Lee their their accessibility programs are much less focused on the legal system America Unfortunately, almost all of our accessibility work is kind of revolves around who has been sued for what what have they not been sued for yet how can we find ways in for malicious litigation from you know, those law firms in New York just going after people But he had a really interesting view on it and this is again a really great component to kind of verbalize a subject Isn't you know building websites and building designs. It's not about compliance. We don't call it compliance experience design We also don't call it legal experience design, you know Imagine trying to go into a pitch and saying, you know, we've got the best legal experience design team in the world You know step right up. We're gonna do great. You're not gonna win that bit I don't care how cheap you are you're not gonna win that bit It's human experience design. That is why we are here So as soon as you can get them to agree that we're all here to build the best site for the best for the best group of users and Focus on humans a human experience design, you know, you're already you kind of won the conversation already You've got your foot in the door You're having a conversation about humans and the people that use your website So once you've done that you kind of move the conversation away from potentially arbitrary group of guidelines It's you know, let's build this for the people that are going to use it And this one is actually also extremely powerful and mostly applicable to the dev side and that you know We as devs are control of handling disability I know that sounds a little dramatic But the social model for disabilities are that you're in your impairment plus your environment equals your disability, right? You know, if you've you know, there's the great accessibility memes out there where you know It's a town full of all short people and that's just how the town has been for hundreds of years And then one tall person comes in the town and he says well, this this town isn't built for people with disabilities, right? It's it's the same conversation just in reverse, right? The environment itself was not accessible we as web creators or developers web designers have a responsibility To create environment that is accessible for all no matter what or who they are or what they how they navigate the web So again, if you focus on creating that environment you at least take that part of the equation You can make things accessible for all And now this is also kind of just a no add on to the one of the business slides I showed earlier, but I think it's really important and again I want to focus on this idea of Human-centered design huge user-centered design and not necessarily as motive compliance, but this also kind of skirts both So in this chart you can see and just reading out for the further courting here on the left is Text this is the number of people worldwide aged 80 and over will quadruple to 400 million by 2050 So for the first time in history there will be more people over the age of 65 and under the age of 14 So we are slowly but very surely inching towards a world where more people have disabilities And do not when they try and use the web now Can you imagine that as a different business case slide, right? How do you possibly? How do you ignore this as a business development person someone in charge of your finances? You're growing your team and building stuff you want to build it for the most people How could you possibly rationalize building more focused on the 14 and under crowd more than the 65? Before you know it you have got a target on accessibility You have a more refined set of requirements from both a double a and triple a and now we finally worked away out of triple a Compliance and back to a more human center And I'm reaching the end here I'm going to try and leave a little time for questions if I can but one of the other things that I find the Most powerful and this is candidly a little agnostic of what compliance level you're shooting for is this idea of training and workshop Creating this safe space, you know again that that element that I try to introduce the very beginning of this conversation About creating a safe space. I promise you there's nobody more uncomfortable in these conversations than your clients or people that have never heard of Accessibility before what I like to do and again this might not be the most popular pin And it's kind of make accessibility fun make the idea of learning about accessibility a you know a enjoyable Activity so much of accessibility people like me standing up on stages Telling you're a terrible person if you don't build accessible website Or if you do not build design accessible content or print material or anything in between But what I really like to do is take the walls down right trying to figure out you'll have a workshop with people You can see on the bottom left here The these couple of different slides about how we kind of work our way into the conversation color contrast Um, you know pull up a slide of some ridiculous color contrast the yellow a bright yellow on a white and say you know Which one is complying which one is not and work your way to some harder stuff talk about alt text I mean it's kind of disability one I actually really love because it really introduces this idea of Neurodivergence, which is arguably just the hardest one to build around so in this in this elephant This is a common you know psychological You know image if you will we're at the bottom you can't tell how many how many feet that this this elephant has It's an optical illusion Now take that's the intake that and step back a little bit This is a pure and perfect example of how someone who might have just suffered traumatic brain injury again I'm going to focus a little bit in the hospital just because it's the easy example to talk through But someone who just you know had some kind of traumatic brain injury now has to rewire their brain You know they don't always see things perfectly They see the stuff like this as much like done patients with dyslexia people who are you know just getting introduced to the concept Have trouble kind of trying to really fine-tune what they're looking at and so this is a great example of how that works And my favorite is this kind of screenshot of this zoom which I absolutely did not get their permission to put up on the screen here Is a really fun activity I do with some of these clients and this is a very common activity You can find it online and again if you reach out. I'm more than happy to provide you the link This basically it's a program that inverts your mouse So you have to try and trace the mouse and I'm sorry You have to try and trace the star with your mouse inverted so everything left I'm you know you move your left Pardon me move your mouse left the mouse goes right that's up it goes down if you're Nick Wilde you'll cheat and invert your mouse settings and your preferences Just kidding Nick didn't mean to call you out just kidding. I did still hate you for it But this is really fun. You can see we're laughing at each other You can see that we're having a great time kind of learning about the subject of accessibility We are in this meeting. We are trying to figure out exactly the best conformance level to me for the for this client You know we're talking about the different areas of the site We're kind of trying to put ourself in the shoes of people disabilities and how they navigate the web And can't really you know, I it's a tough again. It's this is a safe space It's a tough subject to laugh about right and I do not mean to not take the subject seriously Obviously, this is a subject that demands the attention deserves, but at the same time You know people react and people you know empathize with the time they laugh Definitely don't remember the slide I had two two slides ago I don't even remember the slide I had two times ago But they do remember the time they laugh with their entire team made fun of themselves and kind of learn what people are like And what how people with disabilities navigating so again, there's all different types of ways to do this I choose I chose this one because it's just you know, the easiest one to kind of laugh at each other at But something like this you know creating that safe space to work with your clients Otherwise, they're just gonna start barking at you saying things like we need triple-a compliance. We need double-a compliance Do you really let's talk about let's have a conversation. I'm gonna laugh at you for a bit. It's gonna be great All right, and Kind of bringing everything together here from a top from a top-down approach I really like just talking a few seconds about project and account management because what is development if not You know supported by an entire team, but it's creative if not supported by team So as a project manager and again just to be aware of I know Developing a perfect requirements for an unobtainable goal This is important to kind of save from the beginning Especially if you really are trying to focus on triple-a compliance, you know making sure that your team knows that this is safe space It's gonna be a tough one But we're all gonna fail a couple of times before we get this right because even the system itself is a little broken Digging in reality is not ambitions. Again, everything I just said for the past 10 minutes It's kind of going towards that goal making sure that you are talking about the reality of the situation You are a fortune 500 company. You probably do not need a triple-a compliant home page You know just to just to have it right there's areas where you can make sure our triple-a compliant The areas that have drive the most value for that certain user segment But you don't need full triple-a compliance again I'm more than happy to go toe-toe with anyone who disagrees and again I will shove them over the neck because he's better at arguing than I am But in any case put focus on where you can go on and where you should go hold back again Just that idea of focusing where you need to don't forget the rest of your audiences again a little controversial But one of the hardest things to do when you're building accessible experiences is remember that you are not just building for people Disabilities there's still 98% of the people in the world that want to enjoy themselves on their site It's not to say you should ignore the 2% not to say you should demote them in any way and their principle of enjoying the experience Everyone has a right to that that's kind of what the legislative system and its soul was built off of even though and practice Unfortunately hasn't really unfolded that way over the past couple years And most importantly introduce a bit of a new type of spectrum and if I challenge you all with anything today And I say this because I totally haven't figured out yet is to try and figure out how the spectrum will work for us as digital creators And in my initial slide when I talked about the considerations You saw a straight linear path there were there as I'm both then you know kind of going you know mild to moderate to severe types of Disabilities, that's not reality. That is not no and very few people again I'm not very few part of me most people when they have a disability they will have more than one disability It will be have ADD, but maybe they also have a physical impairment Maybe they are have severe you know kind of crippling and debilitating depression and also have something else all these things are linked together more than you know So how could you possibly measure it on a linear scale and have to kind of figure out where all these pieces meet? And again, I like the color wheel just the easiest way to describe it many different colors many different angles coming together to To a you know a central point and where they meet so along the way is kind of where you need to build So again, it's just this idea of user-centered design and not just something on a straight scale to a piece and board members Talk about it a lot any talk you any every single talk. I've been to this week about accessibility The idea of early and often comes up in all of them. So again talk about it as much as humanly possible And from an account management standpoint One of the most fun things I've had a Pleasure doing it to the past couple years is really getting clients involved in this and this isn't just with their website and saying You know Scott go get your Drupal team to go build us an accessible website We get to branch out a little bit, you know And again, we're very spoiled that we have our marketing and our all of our communications division on one roof But we've had a lot of fun with clients that really just want to be industry leaders If you're gonna spend all the money to be triple a compliant You might as well really get that ROI and what better way to do that and to push it forward in every single thing You do in your in your marketing advertisements make sure that some with a wheelchair just as much as Everybody else, you know audit your own work and make sure that you are accounting for all all people You know everything from any DI initiative you can think of in your work as an account manager Talk about your quarterly check-ins keep an eye on the legal precedents You know I at least once a month try and read through the big court cases coming through the system Because unfortunately again the reality of the situation right now is that we are a little reactive in America You have to kind of you know the requirements come after unfortunately some big lawsuit like the target one Or you know fiance between how can you possibly to fiance? So again early and often and try not to focus on their legal exposure But make sure you prepare them for it You know really quick way to lose a client is to pretend like there's no legal world out there that Especially if they're in Florida or California where the most cases kind of come through To not mention it. They're just gonna think you don't have the stuff But prepare them for it. You know again focused on the users focused on human-centered design But do not forget that they have real business needs as well and you should So as I'm wrapping up here if you take nothing else from the session start with a Y Don't aim for triple-a compliance with sake of it. Know your goals practice strategy to support them Celebrate the beauty of it and again this kind of goes back to evangelizing the subject from design in the UX team And some designers do struggle to reconcile aesthetic preferences with the constraints of an equitable web Good designers know that accessible design is beautiful going back to that doorknob door handle exam I'm going back to even the site. I showed you earlier. It's a beautiful site I'm whether it was triple a compliant double double a or single a compliant. That's just a beautiful site you know and and why can't that just be the way the whole internet, right and Also think beyond the web again go back to your project and account considerations It's very rarely if ever you know just about your website. It's about everything. It's about the newsletter you send out It's about you know your monthly announcements of being in a PDF that nobody can actually open or have any accessible continent I'm not going to talk about PDFs. I promise to everybody. I wouldn't But rooting your brand and that trust and equity again going back to that example where people will just leave your site If it's not accessible right making everything accessible tells people that this is a safe place to come if you Have some kind of divergence that you need that more accessibility markup to navigate the way and this sounds a little silly But you know there's there's a huge community out there You have a disability you will reach out to your from your community members your peers your colleagues and say you know This website is especially accessible. It's not just you know It doesn't just meet those poor principal perceivable operable understandable and readable or partner robust But it also has something else it has an e at then that e is for enjoyable Enjoyable is a real quantifiable statistic on every website So make sure you account for that and you and you talk about that in your brand you lean into it again Stanley speaking none of this stuff is all that cheap right and if you're building a triple a site You want to make sure you get the most ROI on it So don't just think of it a website think about everything in between Even the communications you put out make sure it's clear language plain language anyone can understand it And last but certainly not least establish a culture make it just as accessible I'm sorry make it just as important about logging your time at the end of the day Sorry, I hate logging my time. I don't want to talk to me make it as important to log your time at the end of the day make it a spot on all of your job ads make it a Specialization but also preach the idea. No, I always say I want you guys to work me out of the job You know get so good at accessibility that there's no longer one-point person You know Scott specter director of accessibility or just a team that all is incredible accessibility specialist So if you see that culture, it's not gonna happen overnight But over the course of a year maybe even a little less the find everyone's kind of really rallied around it It has their own acumen and accessibility of building in design and that is it folks Thank you so much for coming. I really appreciate you joining me again, especially in the afternoon session on the last day Drupalcon so before I end any questions. I've got about two minutes All right, awesome. Well, thank you all so much for coming and have a great rest of your week