 Welcome, everyone, to this workshop brought to you by learn.wordpress.org. This is the seven habits of highly accessible web content with Alicia St. Rose. Alicia is a contributor to the accessibility team on the open source project, and she is an organizer of the South Central Coast WordPress Adventure Group in California. She is passionate about WordPress and inspiring those who use it, which is why she's here today. So that said, I'll be handing this off to Alicia to share her presentation, the seven habits of highly accessible web content. Now we'll stop my screen sharing so she can share hers. Oh, you're muted, Alicia. Thank you for the introduction and make sure I'm sharing the right screen I am. Everyone can everyone see a screen. Yes. Oh right. Let me. All right, hello everybody. I'm Alicia and Santa Barbara. And it's great to do one of these. Learn WordPress talks. I've done this particular one before. Yeah, I feel like I dialed it in that first time. At this time, I'm actually going to align accessibility principles and tips with Stephen Covey seven habits of highly successful people that's what I planned the first time that this time I'm really going to do it. So if people are not aware of this book. You may have read it. You may have heard about it. It's a classic. And it was written by my name Stephen Covey. What his premises is that a lot of success is based on character not personality he noticed that a lot of people were actually burning out and not being truly successful because they felt like what mattered was externals the value that they had their character what they have what they evolved inside to to to create something greater for themselves. And so I feel like that accessibility. A lot of times people look for the outside fixes or something external to help with the website but it's actually an internal thing. So you can start and you can actually begin with very, very simple steps and I can apply them to these seven steps. So what are the seven steps. First, be proactive. This one needs to take responsibility, according to Stephen Covey take responsibility for your life actions and focus on what you can control rather than being reactive to external circumstances. Okay, that's one of them. So if you have it. Oh, let me make sure I'm actually using begin with the end in mind. Of course that means before you start something. Think about where you're going to end. So as far as accessibility is concerned, you'll probably want to know about, you know, you want to know what the actual an accessible website what that entails, before you begin. First prioritize tasks and activities based on importance and align them with your goals ensuring that you spent spend time on what truly matters. Okay. Habit number four is think when when that was to seek a mutually beneficial solution and and also interactions and collaboration with others instead of competing with others and you bring everyone in together so that you can build something greater. Habit number five, seek first to understand them to be understood listen empathetically to others, learn from their perspectives, and then you can communicate with them better. And habit number six is to synergize. It's the embrace diversity and work collaboratively to create solutions that are greater than the sum of their parts, valuing teamwork and creative cooperation. And finally, habit number seven is sharpness all that means just keep learning stuff. You're never going to learn it all, you will always be on a path to continue learning. So how are we going to apply these to accessibility let's see we can do that. Okay, so we have our first habit is pro to be proactive. So here's familiarize yourself with accessibility guidelines. Hold on a minute. There we go. Such as Waycag 2.1 and understand the basics of accessible content. Now a lot of people, I'm not sure whether you came to this talk and it was your first exposure to accessibility and you're just curious about what it is. It seems like Waycag kind of confuse you. That's okay. But just getting familiar with these things knowing the term already is already a step ahead, and then just some basics for content creation. There is. Whoops, there's a course that I want to highly recommend. And I believe we can put a link in the chat for this. There'll be links I can throw in later to if we missed that. So this course is presented by EDX, and it says here it starts on June 23. That's when I actually went on the site. Whenever you log in, it says you can start the course that day. And it says it ends at a certain day but you can actually technically keep taking it as it's your own pace and you're going to learn. So I think that's the premise with people with multiple different diverse disabilities, how they deal with the web and it will be definitely a wake up call and it does go into some technical stuff too. The second thing you want to familiarize yourself with is something called the overlay fact sheet. Okay, someone doesn't know what an overlay is an overlay is a plugin that you've reached for with the promise that it's going to make your website accessible by just installing the plugin, and then maybe some JavaScript is going to like make it work. That is not going to actually solve the problem for someone with disabilities it's actually going to create problems because they already have assisted technologies to read your website. The overlay fact sheet will really lay out the argument against using those and to be fair to be just a literal is that if someone is arriving on your website and has to use an overlay to get to your content. They had to get on the web in the first place and they didn't need that overlay. So think about that. You actually put a gate to your content for them because they were able to get to your website through Google and all that stuff they don't have overlays. So definitely check that out. Second, another aspect of being proactive is to use the accessibility features that are provided in the WordPress editor. There are also things like the heading styles and descriptive link text. Now I'm just dropping some of these terms right now, but we'll go into more detail as we go through this, these habits. Okay, so the WordPress block editor is very robust now it is not in any way what it was in 2018 when people opened it up and said I'm never going back there again. It has had that traumatic experience to revisit it, please. And it is perfectly fine to build amazing websites with it. Okay, and so it has features in the block editor that your content when you when you create content you can create accessible content so you don't have to go very far. So actually, one of the things would be like the header. If you've seen these h2s and h3s and all that, those are headings, and they have a specific purpose. It's not a design purpose. It's a specific purpose for someone who's using a screen reader, and we'll get a little further into that. There's also descriptive link text as I was as stated in an aspect of this habit is that putting things like click here for something and linking click here. That's not really helpful, because a lot of people who use screen readers will also pull the links out. So just scan those. Okay, so you want to, you want to actually create links like this to actually say what the link does. So, just remember for something like that is very important. You want to create text, just remember context when you're thinking about your content. So, being a proactive thinker, you're going to really, really think, how is this going to feel for someone who doesn't know what I'm linking to. And as you can see day Q does a good job of this. Of course. Another habit one make sure any media files such as images or videos have appropriate alternative text that conveys the meaning and context of the content. For instance, in WordPress already built in when you use an image block. There is in the sidebar, the box for your alternative text so you can easily describe the image that you just uploaded into your, your content or your page or your post. Also when it comes to captioning videos my friend Merrill is definitely a spokesperson for that so I wanted to grab one of her videos. If you have questions on the videos that you are making in YouTube or Vimeo, please double check them, because you cannot depend on AI or artificial intelligence to be intelligent enough to know exactly what you're saying. So, that is definitely do not snooze on that because it can be really embarrassing actually in some cases. So, habit number two begin with the end in mind. So, sit clear accessibility goals for your content based on the way tag guidelines. Now, I mentioned this earlier about way tag and it just sounds like some kind of weird cyber term that you don't want to have anything to do with. So, if you ended up on this page you feel like the same way because this is the quick reference of the official way tag, the Web accessibility initiative. I visited this when I first learned about accessibility and I quickly went and surfed somewhere else because this was very overwhelming this is just talking about non text content and there's page after page after page this is going to really overwhelmed you. Someone has actually created a more whatever drop down. Okay, a more easy, easier way to check if you're marking off all of the accessibility things that you need to be aware of a simple checklist. You can check as you go, you can click these drop downs toggle these drop downs and it'll tell you in plain English, what you're supposed to be doing, or what you're supposed to be looking for. So, there's a lot of things that happen in a website that's accessible, but once again if it's just coded correctly with a nice clean theme and maybe you're not using a page builder that has a lot of like accessibility issues. You don't have to worry about most of this it's already happening, because just a cleanly nicely intelligently coded HTML website is already accessible from the get go. It really is. Habit number to begin with the end in mind also plan and structure your content to ensure it can be navigated easily by keyboard users and assistive technologies. So when you're about to get a new website sometimes people go off and they find a theme that they like, or someone suggested some theme or someone's building a website that's custom. One thing that you want to do just quickly. The simplest thing is do you hit the tab button, and you really want to see a little button show up at the top left or somewhere at the top of the website that says skip to content. And that one, like comfort thing that you're providing for someone is if you cannot use a mouse, you are going to be navigating through the website with your keyboard. So you don't want to have them go through the entire navigation and everything to get all the way down to the bottom of the footer. So that button is a very, very important because it's going to allow them to skip the navigation if they don't want to go there if they've read something in the middle of your page which is like this blazing headline and you want to get to it immediately. So you definitely want to, you want to do that. Another thing is, you can use Google Drive, which I think is important as a tool to pre create your content, creating content in a block editor is a little bit difficult, and it also messes up with your flow. You actually plan and use the right heading structure as you can see in the sidebar it's already lined up for Google in Google they do the heading structure to make your outline. And that is a good example of what's going to be happening when someone uses a screen reader. So you can literally cut and paste this entire document into your page and it will disperse into the appropriate blocks. You don't have to worry about rebuilding with blocks you just paste and cut and paste and it will do that. Okay, have a number three put first things first address the low hanging fruit of accessibility. Oh, address the low hanging accessibility fruit. So this one this section here. There are going to be a few tips that you can do like almost immediately on your content, because these are the things that really bring a razor red flag when someone looks at a site to see if it's accessible or not. So we're going to get to those. This is a very, very complex image on my slideshow, but it's just I'm going to like pull a few things out of it. This is web aims one million and every year they do an assessment of the top one million websites find out how accessible or what are the major accessible issues that happen or accessibility issues that happen. And low contrast is the top missing alternative text for images, empty links missing input labels empty buttons and missing document language. Now I'm going to go through those briefly. And so that you can know what they are and you can look for them. So low contrast is very easy. You can tell you can't read the side on the left which is like like really faint gray on this dark maroon, but white on maroon is a little better. You can read that so you can go through your website and and see almost like just glancing what would work. Alternative text for image. This was a little bit tricky because if it's a direct decorative image you don't have to put any alternative text, because that would just be a waste of someone's time to have to have their screen reader read out that there was like a filigree here, but if the image actually has something to do with the content is illustrating the content in some way you do want an alt tag or alt description in the alt tag. Then there was empty links, empty links. A lot of times this happens when you use your social media icons or a basket for something. This empty link has no words. A screen reader can't actually see and if you can look here where I've done a little screen grab of the actual HTML, you can see there's no words there. There's literally just an icon basket and empty space span with nothing in it so that's all geek speak to some people, but basically there's not a word that can be on a button so that a screen reader can actually read that that's a button. It was a very important button. It was the shopping basket. So then the other thing there's missing form input labels. I've been guilty of this in the past, and I don't want to actually do it anymore. Stop. It just looks so cool when you didn't have a label on top of something like this, because it was all inside the box and you didn't have to worry. Unfortunately, what's inside that box probably can't be read by a screen reader, unless there's a lot of CSS or coding trickery and most of the time there's not so better to have email label at the top of that field. Otherwise, no one knows what it's for. They get there and then there's a field and it just a sign up. So they'll probably be wary of that. So the empty buttons. This is going to be terrible terrifying is a lot of red here. So there's a lot of red here because I use what we'll talk about a little bit further down the line. I use a browser extension called wave to see the accessibility issues on this particular website, which will be revealed in the next three slides to what are called an empty empty button. So there's a button that acts as something that you do on the page. And when you do something on the page you should actually make a button and not a link and that is a specific HTML tag. And so when there's nothing in it, then the buttons not read out either so you can't really do anything. There's also, we can see a lot of other very bad errors on this website. They have instead of a button, they placed an SVG graphic. So it's just a graphic so no one's going to be able to read that or know what to do, and they're not going to be able to clap for this article on medium. So that's what we were looking at. And that's why I've heard that medium is not accessible. I can see now clearly that people are left out of a lot of the fun stuff that can happen on medium so And finally the one of the top seven things that are issues with the one million top one million websites is a missing document language. You know you're going to have to do some geeky digging to do to find this, but you can just easily do it with the inspector to look into the HTML code but at the very top, or you can do a view source but at the very top of your page, you should see some kind of language, it should say HTML Lang something. And if it doesn't say that if that's not there, then a screen reader doesn't know when to change the language from the website, for instance if there's a quote in French, and the website started off in English will be able to know that. And if there's no language at all it's going to be it's going to have a hard time because a lot of the screen readers can actually speak in all the different languages that people all over the world use. So you want to actually be able to do that. So that's just something you would look at and you don't have to fix it but you would probably avoid themes or things that don't have that. So if you don't see that there you can ask the developer. And I have been showing you some HTML code, and I want to show you how I got it. So you can look under the hood at some of these things that I was showing you by going this is in Chrome, you can go and click the three dots up next to your, your icon, your, your picture icon, and then you'll get to the more tools, and then you can hit the developer tools. And then you'll get this, you'll get this window that opens up either on the side for you are at the bottom of your page where you can look and highlight and click on things in that HTML and it'll show you where they are on the page. Another way to do it is just right click on anything but an image, and you can see the inspect, and you can get the same thing. So these are it. These, if you can do these six things. I'm not sure if I said seven but six things right here if you can just address those. Those are the things that are screaming out to say my website's not accessible. And you don't actually you don't need a plugin to do that you don't need an overlay to do that. You just need to think ahead and look at the theme that you have and if you have a theme that doesn't have a language, you can have someone you can have a developer quickly add that for you. Okay, so habit number four think when when this one is don't just think about, you know, content that is going to be on your desktop, think about things that are going to be available for all devices. So use responsive design themes, make sure your content is accessible and different devices and screen sizes. There's so many different ones that you can just say I'm going to make a website for the iPhone doesn't make a website for this. There's, there's, I don't know 60 years, 70 different device window sizes at this point. So just as a fluidly move back and forth and you'll know when you see it, you know this is only a small smattering of whatever. And one of the things that I, there's no surprise here and I'm not very shy about it but my favorite theme is generate press. Generate press out of a box is like really accessible. It's a really fast theme, and it's definitely responsive. And in addition to that, there's also the generate blocks, which you can get and extend the block editor in WordPress. And so it's amazing that the generate people are also the most helpful people when you go to their forum. They're just always, always very helpful and very responsive. Not just their theme them themselves are responsive. And then finally, I have to point out because I'm a fangirl. I have to admit it. I'm an Apple fangirl. I've been that way for like decades. Apple starts off with any product thinking of accessibility first. And they just released in May, I believe are at least the first quarter of this year. They just released amazing, more advances on their already amazing array of accessibility features on their devices. And so I would actually suggest that you go in and check out these. This website, the Apple and accessibility. I can't even remember where I had this. Anyway, look for that. Just go to the Apple website and go check out their accessibility, because it's amazing. And, you know, what the, the only blind deaf person who's a Harvard law graduate used Apple devices to actually get her through college. This is Haybin Grima, if you've ever heard of her Google her she's amazing she's blind deaf and she's a Harvard Laws graduate and Apple helped her get through college. So, win win, make sure the content can be resized without losing functionality or readability. Now this is different than being a responsive website. You can see that you're able to zoom in to the website, and it doesn't break apart. So you can zoom up to 400%. That's where you need to be going in the zoom to test your website to make sure that it's actually not, you know, the buttons not overlapping or this image or things like that and this is like obviously the wordpress.org website is not doing any of that stuff it's perfectly fine at 400%. All right, our fifth habit seek first to understand and then to be understood, understand the requirements for specific disabilities such as colorblindness cognitive disabilities are more to more motor impairments. So, there, once again, I'm going to show this slide because this course at EDX is really going to help you with this habit. You're really going to see people who can't use their hands, some people who have to actually puff on the keyboard with a straw because they can't use anything but they're, they're like a quadriplegic. You're just going to see all this and you're going to see there's a real human to want to actually access your content and you'll start really having this concern for them when you, it's like 25% of the population is even site impaired so you don't want to leave those people out. And speaking of, there are a few tools like for instance, who can use, I'm going to actually click on this and check it out so you any color that you put on your website. Here, what site impairment, what colors they're seeing on the side here, or if it's blurry or if it's something like some people have this spot in the middle. So you can see, that's an amazing tool. Also, this one, you can upload any image that you have, and you can click, and you can see that's what that looks like to someone with protonopia. So, you start to change, you know, like if red's important with important content, it's not gonna work out for this person. So, so you start to realize that even your color combinations might be completely missed by someone with some of these impairments. Alright, learn how people use assistive technologies on the web, when you seek first to understand and to be understood. So I had said something about people pulling out heading structure and links so they can scan the page. I don't have windows but I do have a map, and I can give you an example because if you have a map you already have your screen reader built in. And it's excellent. So if I were to rely on the screen reader and I were scanning the WordPress.org website for all the links on the page because that's really all I'm looking for because I need to go and out into the website, like everyone else. It's very easy for me to figure out where those links go because they have been the linked text actually says what they're doing. Now if you think back to a website or saw a friend's website your own website or even a major company's website, and they had a sentence that said, download our PDF click here, and the words click here were the ones that were linked. So if someone's pulling this bar off to the side and the whole page has all these different down PDF downloads to click here and get that's all they're going to see on this panel is click here click here click here click here click here click here click here. That's not fair. I'll actually that's that's impossible to figure it out like playing that game where you put the nets under the under the shell and try to figure out which ones which. So you don't want to do that to people you really don't so think about it think about this is what they're doing and these are being read off to them. And then the heading structure as well, each one whoops, he each one is the title of the page, each to further divides up that content into other, like sub topics, and if there's a subtopic under what you've put an H2, then that's an H3. It will be read out by the screen reader, just like that. It will say the heading topic each one WordPress blah blah blah and it's going to say that so they'll know in their mind they're getting an outline of the page they're able to scan the page just like everyone else. I'll seek first to understand and then be understood by testing your content with assistive technologies and accessibility tools evaluation tools to gain insights into potential barriers. Now, these are for the window folks and I don't know how they work I've I've only seen people using them but and then this might be a more pricey alternative for people who are just putting up their own personal website to go and, you know, get jaws or in V da which is the main screen readers that are used on windows jaws and tends to be the more pricier version and in V da is what most people have that one so whatever is buggy or weird or what needs to be addressed. This should be geared toward in V da first in my opinion, because more people use it. So, like, there's like a low hanging fruit for screen readers basically. So, you can always sometimes Google and say how does jaws and in V da approach this kind of thing like the prime and double prime for numbers. I believe both of them, a lot of these both I believe both of these don't even count though so you would just do inches and feet instead of doing that because it doesn't make any sense to a screen reader. There are also more accessible or approachable as far as price wise for things to do to check out your websites would be the accessibility insights and wave accessibility evaluation tool is. They are browser extensions and I believe you can put them on I know I have mine on Chrome you can put them on Firefox probably put them on all browsers and this digital alley. This person has created a blog post that has. Let's see that I get that. 43 browser extensions so you can go and check out everything that this person has provided and see I didn't go through all of them but I thought that was amazing resource so he he had a space in my slideshow for that so. Okay. I'm going to try to wrap this up. Synergize involve individuals with disabilities in user testing to gather feedback and insights. So there's many testers you can find blind testers low vision testers is totally different. Don't think just because you have a blind tester that they're helping out with the low vision of the look vice versa it's totally different experience for people. Testers people with cognitive aging or learning disabilities. So if you have a relative or someone you know to help you that's fine. You can also. You can hire people this particular organization access works. They have, you know, people available that you can hire, or whatever even if it's your friend or your neighbor just offer to pay them for their service because they are working for you they're actually doing a job so. It does help to have people who actually have these disabilities to test the sites, because you can get far by testing using your browser extensions and using any of the screen readers and things like that and tabbing. But when you see a person who is really blind going through a website it's a definitely a different experience and they're seeing things that are really baked in that maybe you have to question the theme you've chosen. So engage with accessibility communities and participate discussions to exchange knowledge and best practices. So there's things like meet up of course there's many accessibility meet ups for WordPress. A couple of them I have listed in my links. There's also just a general WordPress meetup. There's always a discussion may come up about accessibility. It comes up in my meet up a lot. On WordPress accessibility day. That's coming up in September September 27 through 28 24 hours of sessions, just on WordPress and accessibility and it's amazing. And you can also go to the website and see the archives from the past years. So here's the word camp. You can go to work camp central calm and our work camp, work camp dot org, and then you can actually see if any work camps are coming up in your community and you can go and there's so many accessibility talks are happening at work camps. So, finally, habit number seven sharpen the saw stay updated with the latest way to guidelines and techniques. And you can do that by once again just going to meet ups going to talking to people like watching this webinar or other webinars that you that you see on accessibility. Regular review your content for accessibility compliance and make necessary updates. You know, sometimes you have someone helping you out. And they didn't know they're supposed to do all text on the images and you forgot to tell them, you might want to go back in and check that out on or, you know, I have clients that I do maintenance on their websites and help them out and then they'll put things in with themselves and as a person who's doing maintenance, I'll kind of do a sweep and see if there is some issues. Continuously learn about new assistive technologies accessibility features and emerging best practices. And here I have a couple of what plugins that I wanted to suggest. There's Joe dole sense web WordPress accessibility plugin. Now you may think that isn't that like an overlay, and it is not what it is is a plugin that you'll put on your installing WordPress, and it will give you alerts about some certain things that you need to do. Like one obvious one is that it will let you know if you haven't put a alt description on an image as soon as you upload it. So it does that it does a few other things under the hood that aren't going to get in the way of an assistive technology is kind of almost putting training wheels on it. So and it's actually not supposed to stay on your website. So I heard that from Joe himself is supposed to be a tool for you to make it more accessible and then you're supposed to take it off. Another one that I really love and it's very helpful for people. It's called screen reader only text or screen reader text format actually. And what this one does it helps you with that read more get more info or click whatever in case the button that you're using really has only have two words on it because you don't want to hold paragraph one there. You can totally like I think there might be. Yeah, here we go. Here's what will happen. And like I have this big button here. And if it comes, you can find it in this dropdown. In fact, we can go over and check it out. See here. Hello, where else here we go. So I have it installed here. So I'm showing you a few things that are happening here on the all text is missing that's Joe telling me that because I have his plug in installed so I'll know that I have to go over here put all text in for this image. Okay, and then for this one. I want to get more info, but I want to say about the jazz singing class. And then I'll just highlight that and I'll go screen reader only. And when I click out, it's done. What's done is it's put that into little HTML tags, and made it disappear from the front of the website but it's being able to be picked up by a screen reader. So you can do this with all the buttons that you have so that people understand so that when they pull off all the links are on this. And this is a link disguised as a button by the way buttons only make things happen on the page. Okay, on the page and a link takes you to another page. So that's a distinct difference and people who are using assistive technologies and stuff they actually depend on that too. So, if you have buttons like like those like links and you want to make it more expressive you can use this plug in it's amazing. And I think with that, I might be done with us. I think time for questions because I don't want to run out of time for questions. So, if we wanted to turn it over to questions we can Courtney. We actually didn't seem to have any questions there was a lot of chatter we shared links. Thank you everyone who also shared links and in the chat. I don't see anything tight question. Does anyone have any questions please please feel free to just type in the chat. There. I think the very first question very early on was the if you're going to demonstrate accessibility features inward press. You just demonstrated the plug in. Okay, but so right here. Okay, this is what we're going to go we're going to go in and get. Let me go back here. One of the things that I see here and go back to the slide. The accessibility features in the editor specific. Yes, that is what I want I want to go and get. I should have had this page already done. I'm going to grab the Google. There we go. That is actually linked, or it was linked. Okay, let me. All right, you know, I was, I thought I have that length and I didn't. All right, let's go in. All right, so the, the accessibility features are. When you go in. So, a lot of things that are accessibility features are not actually features of the, the hardware the software. It's actually your thinking of how you're putting your content in. Okay, because what I wanted to get across is that you don't have to actually do too much technical stuff. So if you're writing as an article, you have to make sure that that is then this is like the key stuff, because these things that I'm going to show you right now are the things that will get you flag. So the title of the post is an h1. Okay, so if we were to actually start. In the first section, we're going to use the heading, and we're going to go to an H2, and we can talk about jazz singers. Okay, and if we were putting a little content in here. So I'll just duplicate that. And then we wanted to start after we wanted to list maybe Ella Fitzgerald as one of those jazz singers because that's what we're talking about right here. We're going to do the heading. And we're going to make that a number three. We'll just do a edit, and then we would talk about her. So right now what we've done is extremely important. It's like, it's so more important than a lot of the things that you think are going to be ridiculously technical and it's like where do I begin. And these things like this that are causing the issue. So that, like you want to structure those headings. You don't want to use them as like, oh I like the age five or the age for because it's in this turquoise font. And I want to like make my whole paragraph that color you can't do that because I showed you before. What I really wanted to do in this talk was to show you the effect of you. So it reverberates out from what you do. So when you think now about this heading structure, you're going to think of somebody using a technological device to read and they've pulled them all out. So if they're pulling out your entire paragraph in turquoise font is not going to be helpful. So there's things like that. Then there's like, like I said here the alt description. This is placed here in the sidebar and you will put a description of the image. It's not a place to put your business names, anything like that. It's to describe the image for people so that they can get some context as it illustrates the content that you are have written. Okay. And then, like I said before, you want to use links that are expressive and descriptive. I can't go into things like, should you put the right aria or like label for an HTML, because then we're getting into something that's actually theming. I want you to be able to go in to the editor itself and just put your constants in and know with confidence that you're not doing something that's going to be like causing issues. And a lot of it is really just not like the alt description, heading links, no centered text, maybe if it's a line or two that's great, but having a website with completely centered text everywhere. It's going to be helpful because people who have low vision or have to like blow up like zoom in 400%. The text doesn't stop at the same point on the left when they're reading. So it's, it's hard for people with cognitive issues as well. The colors that you're choosing. So there's also if they're one of the cool things in WordPress here is if you want to put a container. Let me go out here. I'll just use a container to do it. It's all our group. We'll use a group. And I'm going to choose just one. I'm going to put some text in there. I'm going to put hello. Okay. So now what I'm going to do for this can for this group is I'm going to make the text white. Now I've been alerted that this color combination may be hard for people to read. I'm not going to stop me, but I've been alerted. So that is an accessibility. The tool that's in WordPress. Also, if I decide to put the background, now I'm fine. But if I decided to make this like a thing, right. I feel good because I haven't gotten the message, but I feel like here now. Okay. So that simple things like that that you can do. So was there anything else that someone wanted to see? Or did I cover? You covered what's built in to WordPress. Do you have a couple more questions that came up. From John, how much weight do accessibility provisions add to the site? How much weight likes like in page load. I think that might be my guess. Okay, so here it is guys. A straight static HTML website. Done with semantic HTML is accessible. If you are like the skillful HTML person, you know, about all of the attributes for every tag. It's accessible. And that's the fastest website you can get. So it's the HTML that makes this website accessible. Now, if you want to make an inaccessible website, start adding things to it. So add a page builder that has all the whistles and bells and you can't pull out what you just need. Add some JavaScript thing that's sliding things in all from left and right. Add content like I just showed you that is not acceptable. It's all what you add. I think there's this assumption that you have a website and then you have to do a whole bunch of stuff to make it accessible. No, you have to take the things away to make it accessible. You have to take things away. You really do. And I, that was a epiphany for me and that was, I think that happened like six months ago when I realized, wait a minute. I added made this course. And so that's what you have to think that way. Think about what's been added to get in the way of accessibility, not what you need to add to make it accessible. Yes. Yeah, that sounds like it addressed a john's question. Jean has a question for Joe's alt text missing warning. If the image was decorative and we used no content inside the quotes, what the warning still appear. Yeah, I think it would. I think it would. I don't think Joe can figure that much out if he knew. So you don't actually put decorative inside the quotes, because it's going to be read out. So remember this, there's a comfort level to this whole thing too. So think about the person who has to hear decorative decorative decorative, or, or like, you don't want to also repeat the same thing in the same image. You know, like, you can, you just have to think, you have to think outside the box in some ways you have to think about how what you've done lands on somebody. And, and, and that's what I feel. That's why I wanted to do on out more of an outside picture and that's why this talk actually got changed from the other one which does do specific seven things you can do with WordPress so you can go to WordPress TV and choose these talks and you're going to get what you need. I really after since doing that last talk, I really feel like it needs to be expressed what what is happening to other people when you're not doing the accessible stuff. Because a lot of people are feeling it's something they have to do. They are putting out the effort and it's not really about that it's like the people are putting out the effort just to surf the web. Imagine COVID, when the web was only 1.8%. Now it's like 2.2% accessible. So I mean, we were all in our homes trying to do things from the internet and then people got completely, you know, without with complete understanding, desperate and just threw websites up so they could sell their things and or people could order food but they didn't think about accessibility and so that those most of those websites were useless, absolutely useless. So, for someone who is who needed to order pizza and they can see or can use a keyboard. So that's what I that's why I really wanted to do here and and if if someone was expecting the other things. I do have that alternative talk to you just let you know. Thank you. It looks like. Yeah, he'll shared a link. In the chat about decorative images. So yeah, that's a good resource. Thank you. Wait, can I just say that Eagle has a resource that's really amazing too. And I wish he put that in the chat he has collected a lot of informative stuff about just WordPress in general and he has a whole accessibility section with a bunch of links. Amazing links. I think we have a couple more questions before I know we're getting towards the end of the hour so it's okay if folks need to leave. Well, you have another couple of miss Alicia to I do. I was nervous. Yeah, no worries. So, Angela asks, what if you have an image that needs two or three sentences. Should that go in a description or an alt tag. An image that needs two or three sentences. Okay, all right, so let's play around. So see, this isn't really about tools and WordPress you understand. This is about strategy. So here's what you can do, and you can do this with anything, any kind of page thing that allows you to have a caption and alt description, and then just the words. So you got to think, could part of this go in the caption under the image, and then our variety. Like what part can I caption for everyone, and then just elaborate more in the alt text because the caption will be read by the screen reader to. And then, then what more can I say when I'm writing the content to kind of like pull that image in. So really what accessibility and especially the alt description is asking you to be creative and think differently about your images about how they actually engage with your content. And so when you have the caption is something that you can use to then it kind of opens up more breathing space. But if you have to put a couple of sentences in for the alt description and it's vital that you do that. Then that's case. I've seen some people do an amazingly cool thing where there's a link, and it says, And someone has an option to click to get that detailed description of the image. So you put a little short one, and then the caption maybe put detailed description, and it goes off to like another detailed description page or I'm afraid to say pop up because sometimes those are not accessible. They can be. They can grab the random plugin to do it. But yeah, that's an option so it's really kind of have to strategize and think and this was part of that learning and going to other communities that are talking about accessibility. There's no see those plugins and overlays are making, I guess people get the idea that there's some technical boom and we've got it, you turn something on and then maybe I just have to learn that without the overlay. Immerse yourself in like, like this experience and learn like put yourself in someone else's shoes. That's what accessibility really is it's putting yourself in someone else's shoes through your own content as you're creating, imagining that we all did that when we picked our niche for our websites, but now we have another niche we have people who want to just get there. You know, who happened to be in your professional niche. So, and here's the other one. This is for all of us this is not just for people who have disabilities, because any one of us could end up with a disability at any point. And to me I think it would be worse step already been access to all the web and then have it taken away. So you're doing this for yourself and your family and everybody. So it's not really, it's not something for those people are whatever it could be any of us we're all vulnerable to this. And I'm not like doom and gloom, but I'm just saying don't don't think that it's not for everyone it really is. And the other one I like to put in is that SEO and accessibility are absolute cousins. If you do accessibility right your SEO is just perfect. Okay, not perfect, but it's good. It's pretty good. The good step. Yes. So you, you go did share some more resources, as well as Sally so thank you both for sharing those links. If you want to save if anyone wants to save the chat from this meeting, it'll save all the links in there for you and everything. If you click the, the three dots in the chat which is for the selection for more. You can then click save chat, and then that will save a text file to your computer, and you can access all the chat as well as all the links that were shared in there. So I think that was it for questions. And I think then we're ready to wrap up here so wanted to thank Alicia for being here today and sharing her presentation. And as she mentioned, there are other versions of this talk available on WordPress TV. So I'll be sharing a link to the today's recording as well as all the resources that Alicia shared in on the meetup group. Maybe by tomorrow. We tried to post the recordings within 24 hours. So here I have Alicia's contact info here. If you would like to reach out. And then, I think, oh, yeah, one other thing I want to mention. Here's my contact info if you're interested in creating resources for learn WordPress, you can get in touch either on the making WordPress slack or on social media. And finally, we're learning along with us. And I'm going to repeat again, you can find more educational resources at learn.wordpress.org. Once again, thank you Alicia and thank you everyone for being here today. Thank you. Bye.