 Welcome everyone to this session brought to you by learn.wordpress.org. This is the intro to WordPress accessible color presented by Joey Simpson, Jr. And I am your host, Courtney PK. I am a contributor to the WordPress training team. We bring you the educational resources at learn.wordpress.org. And we do, we try to do sessions like these daily on a variety of subjects. So if you're just joining us, a learn.wordpress.org workshop for the first time, welcome. All right, so our agenda today. We'll have some introductions and a welcome, which we're in the process of doing right now. And then Joe will present his presentation intro to WordPress accessible color. We'll have some time for questions and discussion at the end and of course wrap it up at the end of the conclusion. Note that I will be monitoring the chat for questions and we'll be saving questions till the end. So if you have any questions for Joe, as he's presenting, just make sure you throw them in the chat and I'll make sure to get back to those at the end. So again about online workshops, like the one you're sitting in right now, this is a space where we learn together so you can ask questions in the chat at any time. If you happen to know the answer to someone else's question or have anything to add to the conversation, please feel free to contribute live in the chat. This and other online workshops are recorded and uploaded to WordPress.tv. So this session will be posted on WordPress.tv within about 24 hours of this workshop. So here's that link if you'd like to keep that handy. And lastly, online workshops like these are hosted by a variety of folks that enjoy WordPress and giving back to the community. So if you have a WordPress related topic that you're excited about, you too can host an online workshop like this. And I'm happy to help you make those ideas happen. The training team is here to help you with that journey. It's about us. As I said, my name is Courtney Piquet. I'm a contributor to the Make WordPress training team. I've also contributed to the community team and TV team. Community team is where I met Joe. Joe has been a contributor to the community team, the accessibility team. And you can tell us a lot more about it in a moment. But yeah, Joe is the organizer of the Santa Clarita Valley Meetup Group. He's an accessibility advocate. He's a designer and developer. He's a Joe of all trades. I am very, very happy to have him here today. And I will hand it over to you, Joe. I will stop sharing my screen. Sounds good. All right. Good afternoon, everyone. My name's Joe. As mentioned, we're going to talk about color today. We're all visual creatures. We often see the world through the prism of color. Color is closely tied to our identities. It's how we express our personalities. It's how we want to be perceived. It's who we are. Welcome to Intro to WordPress Accessible Color. Today we're going to talk about the basics of color, accessibility, and WordPress. So let's get after it. There's an old saying, we eat with our eyes first. I've seen so many times where I'll sit something in front of my daughter and if it doesn't look right, she won't eat it. Color also has the same effect as music. It has an emotional connection that we often make. Music touches us in a certain way. It sort of identifies us with a point in time in our lives. But can you imagine a world without color? This picture here, would you imagine that this person really looks like this? Color is a form of expression. It's how we want to be seen. Again, welcome to Intro to Color. One of the things I generally start many of my presentations with is this photo. Way back, maybe five, six, seven years ago, I could just imagine this scenario. At the NFL offices in New York, a hot young intern came in with full of ideas that was going to change the NFL for the better. It was going to cause more sales in jerseys. They said, hey, we're going to do the color rush. NFL color rush jerseys. How many folks remember that are sport fans? These uniforms that were all one color in the beginning, it was no stripes or anything. It was just splashes of color. And in this particular game, this was the first game between the Jets and the Bills. A green team and a red team played. And it was very controversial because someone that had color blindness saw this. The reds and greens for people with color blindness were seen as gray. So on the screen, when they were watching TV, the grass was green. The strip around the padding around the stadium was green. It was gray. Everything was gray. And it was such a disaster from a PR standpoint that they made changes eventually. A lot of times designers don't take into consideration their entire audience. And that's what I generally talk about when I talk about accessibility. It's like, how many of us set out a product and don't want as many people as possible to buy it? Do you want less money? Do you want less eyeballs on your webpage? Do you want less impact? Of course not. So why would you do things like the NFL and limit your audience potential? So I have a confession to make. These books on the wall are from a distant part of my past. I was a graphic designer for the first 14 years of my career out of college. And I learned about things like color theory, how color makes an impact. And as a graphic designer, I would think of the witch and how Darren would pitch a concept and he would make an emotional connection with his client. And they would say, oh, this yellow looks great. And they would buy it. And a lot of times as a graphic designer, that's what we do. But we don't think about how color affects our audience. And especially in the web space, color is a critical part of getting your message across. Because again, we often see things first. My path was as follows. I started as an intern in high school at Henry Ford Medical Center. It was the largest hospital brand in Michigan. When I was in college, I worked at UNISIS, which was, at that time, it was going through a merger between Burrow and Sperry. They became the largest computer company where I was in their brand identity group. And my first job out of college, I worked up the street. I lived in Highland Park, Michigan, which was a home of Model T. I worked at the Chrysler Corporation, which was also going through a merger at the time at the Pina Group, which was their brand. So I've always been associated with big brands. And I currently work at Metro here in Los Angeles, which is the third largest transportation agency in the country in their brand group. And I've gotten the foundation of thinking about things holistically and as a strategy and as a process in terms of communicating to the public. Back in college, as I mentioned, I learned about the psychology of color. Back then, we learned that hospital walls are a certain color to keep people calm. Our elementary schools are the same way. Fast forward, think of Tiger Woods on Sunday, he would wear all red and tribute to his mom was of Thai descent. And I guess red is a power color in that culture. So color means different things in different countries and different cultures. It communicates in different ways. And again, as a designer, I mentioned how we try to make that connection with our client emotionally by what we want to sell to them or the ideas that we want to pitch or how we want to communicate their concepts. So today, we're going to talk about Intro to Accessible Color. We're going to first talk about color contrast, which is what's really going to impact you in terms of how you're going to build your WordPress sites. We're going to look at some tools on how to help you make better color decisions by looking at WordPress accessibility ready color themes, accessibility ready themes. We're also going to talk about how to make color choices inside the WordPress admin when you're working with 2023, as well as look at some browser based tools and some web pages that can also help in this endeavor as well. And then I'm also going to talk about, before we get started, the story I love to share also is when I was on the design side, I had someone in our marketing department at Metro and she was very insistent on always using PMS 314, which was Magenta in everything, whether it's maps, brochures, et cetera. It didn't matter what the client was, even if we had a gold line event, she would want to put Magenta in it. So what I'm trying to communicate to you today is that we all have these blind spots when we're working on things. We have a friend that works out in the gym and he likes to work on his upper body and his legs are skinny. So what I want you to do when we're thinking about accessibility and color, don't get set in your ways. Be open to new ideas and also really try to design with your clients in mind. A lot of times we design what we like, what makes us happy, and we don't really think about the client. All right, so I'm going to give you a few definition slides before we jump off into some demos and more discussion, but this is the definition of contrast. Contrast and color are vital to accessibility. Users, including users with visual disabilities, must be able to perceive content on the page. And WCAG 2, contrast is a measure of the difference between the perceived luminance or brightness between two colors. And the phrase color contrast is never used in WCAG, just an FYI. And here's more WCAG 2.0AA, it requires a certain type size. It also talks about the color crunch contrast ratio and level three is a little more stringent and it's a little higher. So these are what you can design to and these are sort of basic guidelines in terms of the color of your fonts and how they work in terms of color contrast. Large text in this, what I'm going to show you in terms of demonstration is considered 14-point or larger, bold or larger, 18 to 24 pixels. All right, let's jump out and do some demo again. Put your questions in the chat, we'll get to them at the end. And again, I'm focusing on a small sliver of accessibility. We're going to talk about color contrast because again, what I always try to do when I do presentations is try to, you know, a lot of times when you think of accessibility, people think it's overwhelming, it's daunting. But if you look at, if you take care of little things, it can really improve the quality of the work that you do. There was a report on the web aim. They do it each year, it's called the million websites report. They look at a million websites and I think over 90% fail. So many, it's like six or seven basic things, including color, alt text, et cetera. And if you take care of those small things, it'll make your site more accessible. And that's all I want you to get from today, is make these little changes to your process. It'll improve your skill set. It'll also add to your arsenal so that you can charge more. And, you know, adding to your services as a company, it creates a niche also. How many developers do you know that develop with accessibility first? How many designers? So again, it's a ready-made niche. It's something that always needs improvement. Like I said, just take a look at the million pages report that comes out each year. And again, there's little things that you can do to get to put yourself on the path to success. All right. So I'm going to jump off to web pages. All right. So what we have here is I spun up a site locally here for demo today. We're in the dashboard. Let's go ahead and take a look at a page. Oh, let me show you one other thing too. On the .org site, this is the definition of accessibility ready. We're going to jump in and take a look in a second. I'm going to share these links also. This is the definition of accessibility ready. The great thing about using WordPress themes that are approved in the repository, and I always, if you've been to a presentation line, I always say start with the repository because themes that have the accessibility ready tag have gone through an audit process. They have to meet certain conditions to even be listed in that way. So if you find a theme outside of the repository that claims to be accessible and they're not in here, they haven't met these guidelines. So I would be a little wary of that. All right. So let's get back into the dashboard. This is the sample post. All right. So let's take a pattern. We're going to drop this pattern onto the page and let me know if everyone can still see the screen. Let me know if you can. All right. So I've dropped in this pattern. Let's take a look at the settings here. You're going to look at the background. All right. So in terms of color contrast, WordPress has something that's neat, that's in the back end, that you may not have even noticed. Like say for instance, we're going to let's make the background black. What you see, you can't see the text, but over here on the right, if you notice, this pop up occurred. It says the color combination may be hard for people to read. Try using a brighter background color or a darker text color. So built into automatic accessibility-ready themes is this feature. So as you're trying to decide on what to use in this part of your block, if you dynamically update it. So for example, when we went to this line green, now that warning disappeared. So you have a dynamic tool within the admin that allows you to check color. So that's one thing that I'm sharing. And if you already know, kudos if not, this is a great tool that you can use. So when you're creating your text, the color of your text, the color of your links, these things are important. And it's an easy step. It's something you see right away and you can change right away. Another thing that I always recommend is, when you're developing things for a client, do these tests early. Don't wait till the end until you design it. It's harder to work backwards rather than doing it along the way. So inside the admin, you can do this. Again, it's a dynamic way for you to check color contrast. If you don't get anything on the right, that means the light blue and the black is good to go. All right. So inside appearance, if you want to find a theme, so how do you find an accessibility-ready theme? All right. So when you come into the admin in the back end and you see the themes, you can see that 2023 is installed and that's what we're demoing right now. Let's go over here to feature filter. And what I recommend also is, under features, you can select accessibility-ready. It shows you the one filter that you selected and let's go ahead and hit apply filter. What this does, it shows you all the themes in the repository that it says 87 up here in the upper left-hand corner here. 87 themes are considered accessibility-ready. All right. So you can go through here, take a look and again, you can see there's a number of different visual approaches that you could take and these themes give you at least a foundation or a basis to build on. So again, start with an accessibility-ready theme. I love the automatic themes just as a starting point, especially if you're using full site editing or the block concept, and then you could build out your site from there. All right. I talked a little bit about accessibility-ready. There's a definition here that I'll share with you. Now there's another way that I recommend you get into checking color in your projects. All right. It's through the browser. One of the great things about Chrome and Firefox and such browsers is that you can find extensions that do some of this work for you. So a couple that I recommend, in terms of color contrast, you can just come in and search for color contrast and it gives you a list of color contrast browser tools that when you install it, it'll put it in your browser and let's just do a little quick demo here. All right. This is my local city, the city, local city government, city of Santa Carita. We look at their website and I see a few things right away, just from my keen eye, but let's go ahead and run one of these browser tools. I installed the WCAG contrast checker and once you click on it, you can see right away, it says you have about half of the features that it checked that we failed. And as you click on it, you can see on the right hand here, it highlights the area that failed and it tells you why. So it looks like there's some issues here. We can see here in the menu, the light blue background with white text is another no-no. And so this is a great way to quickly see what the issue is on your site. Another tool that I appreciate also, and this one is one that I go to a lot. I'm currently on, we're looking at the National Cherry Blossom Festival website and the reason that I did it, I'm on the lead team for WordCamp US and it's going to be in National Harbor, Maryland, which is right across from DC and in that area blossoms happen. When I grew up in Michigan, they were the cherry tree in my backyard, so I have an affinity for it, but this is a beautiful site. There's pinks and whites, it's very festive, but let's take a look at it from color contrast, a color contrast perspective. All right, I'm using this time, I'm using the accessibility insights for the web. Let's go here and just do a fast pass. The cool thing about this tool is that it has a couple of different options for you to check your site. But a fast pass gives it a quick pass through and it tells you right away. This is our site here, the National Cherry Blossom Festival. It says there's 31 instances that failed right off of that that it caught. So let's go ahead and expand that. The cool thing about this tool is that you can export this report, you can present it to your client, you can say, hey, this is what failed on your site that we need to work on immediately to make sure that it's accessible for more people, because again, a lot of folks are facing lawsuits because their sites aren't accessible. So especially for one of your clients, it's important that they consider this too, because as a designer, you're liable as well. I'm not going to get into the legal thing, I'm just trying to show you some basics here. So I've opened, I've toggled this down and the cool thing about this is it goes through each item and it tells you why it failed. It also gives you a how to fix. So the cool thing, it'll tell you exactly where it's at in the code you can go in and you can fix that issue. Here for color contrast, it tells you, the thing that I appreciate about this tool is that it tells you how to fix it. It says, hey, this color isn't accessible enough and sometimes it also makes suggestions in terms of changing it, which can help you as well. So this is a great tool to sort of go through, look at specific items, especially color and make your changes there. All right. So those are two browser-based tools and also once you run it and you come back to the page, it also flags the area. So you can see the button, which is white text on pink. And that was that. And actually, this is a very current design trend. You'll see on, especially in commercials, there's white text on a really, it's a beautiful, you know, nice light, beautiful color, but for someone with color contrast issues, I can't see it and someone that's colorblind really can't see your product. So again, it tells you where you fail and how you can work on it. So you could see just about on every part of this page, there's some issues in terms of accessibility or color contrast. All right. The next tool I want to show you is another go-to for me. These folks at Idaho State University started the Web AIM site. This is a place again, where you can see the million web pages reported, comes out every spring. They look at the top traffic websites and they break it down. They tell you why the homepage just fell. They also break down the areas because again, there's six or seven areas that we all can address on our page to make it more accessible. I like the color contrast tool here because it gives you a breakdown of colors. So for example, okay, so say you had it like a lighter color. Let's do the pink that we just saw. All right. So say we had pink here. You can copy paste your hexadecimal color into the two boxes here. If it's background or foreground, you can do it either way. You can flip them around. It dynamically updates here, but it tells you that it fails. It also says in terms of graphic components, like your text boxes and things like that, which we all love to design. The other cool thing is that below your dynamic area where you can enter your colors, it has explanations. It also has an API that you can actually build into your process. It also points out that ColorZilla is another excellent tool for those of us that don't have Photoshop. I work in the Adobe Cloud, so I have it, but if you want to find a tool that can do color picking for you, ColorZilla is the browser-based tool that allows you to do that too. I'm totally into free tools. If you're a member in the audience of one of my presentations or if you come to WordPress Santa Carita, we always stress open source, free, especially for a beginner or someone that's willing to learn a topic or wanting to learn a topic, it's important that you get up and running faster than investing in a premium tool that you may not even like. So again, start with open source free tools and go from there. They also have a contrast tech, a link contrast checker, which also tells you about your links. How many of us have fallen into the design trend of gray hyperlinks, which are incredibly bad in terms of contrast? You would have to go with a very dark gray. So why not just use a black and underline your links also, which is another pet peeve of mine. All right. So again, it's great because it allows you to dynamically check your colors. So as you're building, hey, I love this blue, drop it into this box and see how it works. And then the other cool thing is again, you can go ahead and slide the dynamic slider until you pass three, four, and you get a passing grade in terms of color contract. All right. So let me see what else I have here. Again, this is the link color contrast checker, which does the same thing, which is another thing that I recommend. And this is a whole section on contrast and color accessibility. So with those basic tools, you get a great start on making your websites accessible. Let's just jump back in and finish up here. I have a couple of resources I want to share with you as well. Go ahead and, all right. Again, the stuff that I talked about today is here, the color picker, the accessibility insights for the web. So make sure you grab those links and what I'll do as we start doing questions and answers. I'll paste these links in the chat as well. And that's it. All right. Before we get to the questions, and I'll turn it back over to Courtney so that we can handle that. Thanks again for your time today. Again, what I like to do is break down these concepts into small, more digestible chunks. I hope you enjoyed it. I'm glad to see so many familiar faces in the audience because our journey and accessibility is connected. We all, especially in the WordPress community, we always try to help each other. So I'm here for you. I'm here for your questions. And thanks again for your time today. Thank you, Jo. Yeah, I'm scrolling back to look at some questions. So we have a few. Let's scroll back a little too far. So a question from Ron. As a designer, did you ever take one of those online color tests? And should we all, in parentheses meant in particular, always utilize color analyzer tools when making websites, designer building websites? In terms of color tests, I'm not sure what you mean. I'm not sure if you mean to determine whether I'm colorblind or not. I don't think I've done that. But again, back in school, I learned color one way. And then again, as I became more in tune with how I worked in the web space, it was a different thing. User experience and the user experience for accessibility is sort of first and foremost for me. So color is always important. I always design. And I think I've done it from the beginning. Unfortunately, at certain companies, it's not a priority. But it's your job to sort of advocate for it. It's again, it's up to your client. But now that we're faced with the threat of a lawsuit or the threat of legal action, if our sites aren't accessible, that should bring it more to the forefront. And just think about the last three years, what's happened in the world. In terms of the pandemic, most companies shut down. They were forced to move their business to their websites. How many restaurants didn't have online ordering? How many restaurants didn't have a cart that you could drop your order in and have them deliver it or have it picked up curbside? So so many, so much business happened that first couple of years and people trying to get their sites up and running. So it's a niche. It's actually still a need. And it's always, if you go by the web aim report, there's a lot of work that we need to do. So again, I would always stress bookmark these color contrast analyzers. Again, I would love, Ron, if you could share a little bit more about that, what that color test was. But I think I have, I'm not colorblind. So I I'd love to hear more about that. Yeah, the tool that you were, one of the tools you were just using was talking about the blue and white contrast. I think and I'm noticing my slide here is blue and white. So yes, that is something that I can improve upon. It's like the branding for for Learn WordPress. That's something that we need to look at. Got another question from Ron. Favorite color checker or analyzer? Well, I generally show the web aim color contrast analyzer. That's the one I like. There's so many now. I know Adobe in the Adobe cloud, they have one. It's really a way to drive traffic to their site. But to me, I love the simple ones. There's also a couple of color contrast analyzers or colorblind testers that I recommend. There's a desktop one that's called dims. So I forgot the name, but it it it allows you to drag it's sort of a box over your part of your page. And it shows it as if someone that was colorblind. And there's three forms of colorblind that allows you to test for. And it allows you to see it dynamically. There's also one where you get pasted in the URL of your website. And it checks your website. And it pulls out a report on the side. It's by Ben Gage. And although it's a little buggy, that's one that I've used. In terms of the company I work for, one item that I found during this research, we do a lot of maps. And I'm always fighting folks in the agency who want more bills and whistles. Maps, they want to see things popping out and popping over and sliding left and right. But maps are generally not accessible. So there's an ArcGIS color contrast tool that I'm going to share with my colleagues in our map group. So there's a number of them out there. So part of what I love to do during these presentations also is have people drop their recommendations in the chat as well. Yes, Ron just shared color contrast analyzer TGPI. And there's a link there in the chat. There's a recommendation. Cool. And I'll paste mine in the chat also. Great, thank you. That we just took a look at. All right, next question. What else you got for me? Is the built-in color contrast checker that you demoed available in all WordPress themes or just in automatic slash WordPress themes such as 2022? Well, I'll have to confirm because I generally use the core automatic themes for a lot of what I do. I'll check. It could be... And I don't want to speak out of turn again. What I'll do is I'll put it in our meetup notes on the page, but I'm assuming that it's part of core. So if you're using full site editor in the blocks, I'm assuming that it's going to be part of that. So, but again, let me check to make sure. Patrick in the chat says it's built into the block editor, but yeah, I'm not... I'm also not sure if it's built into core. Cool, thank you. Scrolling through again. There's quite a bit of chatter here. Question from Lynn. You have mentioned browser extensions for checking color. Do all or most browsers give the same result or should a developer check many different browsers? Well, the browser based extensions, these are for Chrome. So I'm assuming that if you're in Firefox, they'll have their extensions. It just depends on whether... It's sort of like your iPhone versus your Android. Some apps go cross phone, but some of them don't. I'm assuming that if you have a similar tool in Firefox, it may work differently. The one thing that you love to test between browsers is really to see, like for the longest time, IE worked different than Chrome. So your pages would display differently. So all browsers will probably represent your pages differently in terms of structure and things like that. But make sure that you have the tools to check independent of your browser in terms of color contrast. And I think you should be fine. Great. Thank you. Peter also shared a link for testing a number of colors at once. So contrast-grid.hshapes.com. Thank you. Yeah, I can check that out. Question from Steve. As this is an Elementor meta, is the Hallow Elementor theme one of those accessible themes? It's not specifically an Elementor meetup, but that is a good question. I'm not familiar with the Hallow Elementor theme. Oh, that's fine. And the reason is that I have another. I do a different meetup in it. So the thing about page builders and it's a fact. Most page builders allow you a different kind of freedom, which the full-site editor and the block experiences is going after. And that gives you drag-and-drop capabilities, the ability to use a whole bunch of different widgets exactly in the way you want. But unfortunately, the big drawback is that most page builders aren't accessible and you have to do a lot of retrofitting to make it happen. So I would say these are not. Hello is probably not fully accessible. So the thing that I always recommend is that as you build, you need to test. One test that I would always recommend doing. Like, for instance, the demo that I showed you today, once you spin up a site and you install a theme, run accessibility insights before you do anything. And that'll show you, that'll give you a baseline. That'll say your site is accessible to this point with nothing in it. And then as you add widgets or different features to your site, each time you do that, test it. And that's the way you should really go about it. Because again, these page builders aren't really accessible and they give you a lot of freedom, but at the cost of accessibility. If you look at a lot of what they market or a lot of the, you know, if you look at their sites, they're really pushing your ability to create and design anything. So again, that is also, that's kind of counter to making sure everything's accessible. Because again, we see with our eyes, we're more visual creatures, the more bells and whistles we see the more that we think it's more effective. But really just think about the most effective sites. Amazon is a really ugly website, but it does something. The service that it provides, it just allows you to get to that sell button quickly. Now they have accessibility problems on that website. But again, really think about what your client needs in the simplest way to provide them that. Because again, we want more people seeing our information, not just a very specific sliver of an audience. Lisa shared a link to the Hello Elementor theme in the chat and says that this theme seems to have the accessibility ready tag. But she has never used the theme. So yeah, a question that did come up was about the, if the themes that are submitted to the repository, how are those, how are those, how do those come to be tagged, accessibility ready? As far as I know, the themes team reviews them for accessibility. As was mentioned on that handbook page that you shared, is that correct? That is correct. Like when, so say for instance, you want to build a theme. As you get that theme ready, you submit it to the repository and then they go through a process of evaluating whether the site, I mean, whether the theme is one ready to go up. There may be a little give and take on making sure that your site meets certain criteria. But then they also run that accessibility tag check, accessibility ready check to see if it meets a different set of guidelines, but more specific to accessibility. And what do we do if we find a theme that actually isn't accessibility ready and it's in the repo? How do we submit that feedback? Well, you can reach out to the developer to see if they're willing to do that. But I would say start with an accessibility ready theme. Because again, just think about a lot of times we're drawn to a theme because of the way it looks. And again, in the accessibility ready realm, there's, I think there were 83 or 87 themes that had different looks and feel that you can start with. And again, you can build to anything using your blocks or your patterns and things of that nature. So I would say it makes a little more work if, I mean, if you choose not to do that, that's sort of your choice. But again, it'll make it more difficult for you to, you'll have to do more work to bring it into compliance. Thank you. Looks like we don't have any more questions related to the, to your presentation. Lots of good information in there. Thank you. I see, let's see, there's a question from Ron for me. Good captions on this session. Are we using a live caption or is this the auto-captioning from Zoom? This is actually the auto-captioning on Zoom. I'm guessing that that has improved a lot in the last few months or so because I often found it not 100% accurate. I would always manually go over the captions after these sessions and edit them, make sure and review them for accuracy. So before I upload them to WordPress.tv. So yeah, it's good to know that the captions for this session have been great. So thank you. Let's see, I don't see any more questions here. If I missed your question, please feel free to paste it in there again. I did scroll through and just really quick to find anything that people preface with the word question. But yeah, we just have folks just chiming in here. Yeah, I'm taking a look also. Yeah. Yeah, it's so awesome too. I see Sumner out there. Hey Sumner. Sumner is someone that's really important in our community. We have a whole bunch of meetups that sort of spawned out of a presentation that she did in terms of accessibility. So she's very impactful on what we're doing in the community. So it's always good to see her here. Yes, a couple more questions here. Any future enhancements coming in WordPress that are specifically accessibility related? Ah, that's a great question. I'm part of my journey this year, and it started about six months ago, was I wanted to do some behind the scenes stuff. I wanted to see how themes were made and how accessibility is being folded into WordPress. So each time there's a release, how do they make improvements in terms of accessibility? So I joined the Make Accessible team for WordPress. And each Friday, there's a bug scrub that goes through a list of issues that are reported. So if you find an issue with, and it goes back to your question, or the item that you pulled earlier, if there's an issue with a theme, you can submit it and they'll take a look at it in the GitHub repository. And they'll address it if they have the opportunity to. And then also we have a meeting every other Friday, where we talk about what's coming in the next release. How do we fold in accessibility? Another key component, and again, that's why I'm sort of wearing all white today, is I want to make sure that we get more people involved in that part. We need people to test. So even though I'm not a developer, I tested the last round, and you get to, for me, I'm always interested in how people use it. So there's a script that I go through in terms of accessibility, how does someone use part of the full site editor? So that way they make improvements. We report those, people address them. And so each iteration of the full site editor, they're building more in. And the one thing that I'm kind of happy about, and again, I haven't been with the team long, is that a lot of these, each time we go through one of these updates, or version, as we move up in terms of versions, there's more accessibility that's being built in because of the suggestions made by the team and through the process. So it's always a working process. I don't have specifics, but I know, again, it's related to how the editor is functioning. I know at the beginning, and it's still a cause for hesitancy. For some people, they felt like the backend isn't usable in terms of someone that has to use it if they're accessible. So a lot of those things are being worked on. But again, it's a slow process, but it's awesome to see behind the scenes how they're trying to make it work. Thank you. Question from Summer. What do you do when a client protests your color selections? Oh, that's a great question. There's a story that Sumner shared with us. It's a great story, and I hope she's okay with me sharing it, but she had a client, they insisted on a certain color scheme. And at Metro, I do the same thing now based on the story. They were insistent on a certain color scheme. So she said, at least let me show it to your partner. So she took it to the partner, and they found out that he was colorblind, and he couldn't see the color. So that made the point that we assume that because of our brilliance or because of our eye for color that we know what's better for the customer. So you really need to test it, show it to someone. And what I've done at Metro back in the day, I did some user tests. So it's really good to record people doing. I think Hot Jar allows you to record user sessions to see how people use your site. It's also would be great if you can get people in, and you could just do some tests to see if they can find something on your site, just to see how people use it. So I would say if you have an example or someone showing them that these colors aren't accessible or the reasons why, I mean, you really need an example to show them if you can't persuade them just through logic. Thanks for that question, Summer. Question from Steve. What are your thoughts on the one click accessibility plugin which was developed in part by the Hello Bean folks? And there's a link here. Ojo Python accessibility. I haven't used it, Steve. I'll have to test it. I know there's a couple of things from this meeting that I need to check on in the Elementor space. Like the one click, I'm always a little hesitant because, again, if it sounds too good to be true, a lot of times it's not. But I'll promise you this, I'll take a look at it. And again, I can't really respond because I haven't used it yet. Summer mentions in the chat that Ojo is an overlay. How overlays do you not work? Yes. And overlays track more than a hill. Yeah, and I was going to say the thing that really happened during that time in a lot of businesses had to close and go to online format. These overlay companies popped up because they gained in popularity because they promised, hey, we can take care of all of this with just popping this little accessible guy icon in the lower left-hand part of your screen when it actually impedes the ability for someone with an accessibility challenge to use your site. So part of what we always do is we always try to dissuade people from using overlays at any cost. And one of the success stories that I'm proud of, and again, Sumner was really critical in this, meet up about four or five months ago, they popped up one of those accessibility overlays. And the WordPress community went nuts. And I was part of the team that met with Meetup and Sumner as well to say, hey, you really should pull this down, and this is why. And it actually worked. So one of the things that we always try to do, and there's another success story, someone in our community, Alicia Rose, when we were doing this project for the air competition, we were using Generate Press and she would find things and she would reach out to the theme developers and they would make adjustments. So just ask. You never know if it'll work or not. And these are just two examples that did work. Unfortunately, there's a couple that I've tried to do the same that haven't, but all you can do is ask. And again, if they're willing to improve their product and make it more open to more people, they should. Thank you. Yeah, we have folks talking more about overlays in the chat. Yes, it's not as Sally says. Maybe that'll be my second topic here. Sally mentions accessibility is not a thing you can do in one place. Yeah. And as Ron says, got to do the work. Yeah. Yeah. Peter also shared a link to overlay fact sheet dot com. Oh, that's a great one. That's a great one. Yeah, there was a petition that went around as part of that because again, during the pandemic, it became such an annoyance that there was a response from people on our side that really wanted to inform people. Because again, a lot of times it'll be a sales call to somebody at the company and they think it's a great idea and they go ahead and just do it without researching it. Because again, it sounds too good to be true. Hey, I can pay this much money a year to take care of this problem that really a developer should work on. Let me buy that. So it's something that you really want to avoid at all costs. Yeah. Yeah, I would say, Ron, I wouldn't have put that link in there. We don't have any further questions on accessibility. Yes, lots of talking about overlays that yes, maybe this is like a future topic for the workshop. Yeah, but what my hope was, and again, we started with a really basic topic and I generally talk to a beginner's audience is because you're the people that will carry this message out and you'll be able to talk to your client, at least talk to them, make them aware of it. And again, you're informing them on something that they could easily do and it really benefits their bottom line. Again, who wants fewer people to buy their product? Who wants fewer eyeballs on their site? So if you're driving people away by not creating accessible content or content that's easier to read with a screen reader or other assist device, I mean, you're limiting your audience. There's a whole segment of the population that they want to give you their money. So build sites that welcome everybody. Great. Yeah, thank you for sharing your knowledge with us, Joe. I agree with you as like we have to start somewhere, starting with these introductory topics and help a lot of folks get started. And accessibility is a huge topic. We have an entire main WordPress team dedicated to it. So we are all doing our best to make our sites accessible and this is a great start. So thank you, Joe. Oh, thank you. And again, this is a full circle moment for me. Again, I remember way back when you helped me start our meetup here. So it's just my pleasure to talk with you again and share with the Learn Community. Yeah, same here. So again, learn.wordpress.org is where you can find more workshops like these. We also have tutorial videos for learning about specific subjects. They're usually like five to 10 minutes long. And there are also lesson plans if you're an educator or a meetup organizer. If you're looking for a topic to teach at your meetup, you can find lesson plans there. And yeah, if you'd like to join some conversations about WordPress, we have a Slack where all the contributors to the WordPress open source project chat about the work that we're doing. So you can join that at chat.wordpress.org. If you want to save the chat from Zoom, you can click the readout icon on the chat window and save the chat. So all the links that were shared in the chat you can have saved locally. I think we'll also be providing a link to the recording with captioning within the next 24 hours or so on wordpress.tv. I don't think that is it from me. And yes, we're right in under an hour. So thank you, everyone, for joining us today. I'll see you next time. See you, folks.