 Thank you. All right. Before I begin, I want to make a couple of clarifications and introduce myself first before we proceed. First, my name is Christine Lakin, and I am deaf. I want to make sure that you're not aware when you're speaking with me that you're looking directly at me. And I am counting on this closed company right here. So that's why we're asking that you hold off your Q&A. So when you ask a question, I'm going to turn and look at the screen to read the question first. Then I will try to look at who I was asking the question so that I can answer directly. Fair enough. But I want you to know that I was born deaf when the food was due to a genetic defect between my parents. It was a common genetic defect. I can't pronounce it as slang. But usually the parents don't know it, unfortunately. It happens when one female and one adult, they go and then they come together and they produce offspring that are born deaf. I have a younger brother who is also deaf. So when I was born, I happened to be a blue baby. So they blamed it at that time, my deafness, because I was a blue baby. I would breach plus an umbilical cord wrapped around my neck. Now my brother, on the other hand, he was perfect. He came out fine. It wasn't until he was born, they discovered that they carried a genetic defect. And I do know American Sign Language, but I don't use it because of my upbringing. I'm the only one in my family. My brother and I are the only deaf children everybody else is hearing. So as a result, no one really learned sign language. It's not a philosophy that I agree with. However, we don't know of anybody that is deaf. I hope that they are learning American Sign Language. It is a better form of communication. If you think left reading is the best way to communicate, it is very challenging. For us, we try to left read other people. But that's how I get by. I left read. That's how I look at people and communicate with other people. I consider myself a pretty good left reader. But sometimes it's not the best way for me to understand other people. That's where American Sign Language comes in handy. And I own a digital marketing agency. I provide services for speakers, coaches and trainers. And right now, for the last couple of years, I position myself as an advocacy speaker for robust accessibility and for inclusion to the best of my mission. And as a result, I burst up a network of people that I know in the web accessibility world and in the inclusion world. And I found that I'm walking the line in the middle between people that have disabilities and people and companies that want to know how to bring the two together. So what we're going to do today, I want to make sure that you're aware of what I'm going to be talking about is web accessibility and source engine optimization. I'm going to make a couple assumptions that you know what web accessibility is. You'll have an idea of what web accessibility is, but I'll touch on some of it. And the other assumption is that you know what source engine optimization is or at least have an understanding of what the best practices of source engine optimization practices are. So those are the two assumptions I'm going to make as I go through the presentation. If you were a journey presentation this morning, I know it's up here, but I'm going to be at a different level. This is more of I'm Pace, SEO, and then I'm the web accessibility. I'm going to be touching on certain rules of web accessibility guidelines and how they overlap. And when I'm finished, I'm hoping that a light bulb will go off in the head and you can see how the two come together. All right, web accessibility. How many of you have that in Joseph's presentation today? All right, good. So in short, my philosophy, because I have a disability, web accessibility means that we are going to make it accessible and inclusive for everyone, everyone, including people with disabilities. But when I say everyone, regardless of where and your background. And why is it important? 25% of the U.S. and United States have some form of disability. Now why I say some form of disability? I represent a category of a prominent form of disability. But there are other forms of disabilities. And the other part is the ODA last is, who are the right? ODA stands for American Disability Act. The last two years, ODA last year has implemented rising 22% of the year. 2018 rose 30%. Now, because I hang out in the Twitter bear, I can share with you, and I know from hanging out in Twitter, the younger generation coming up behind me, they're a lot more savvy, a lot more knowledgeable when it comes to technology. And they know the rights. They're the right syringe. They're the right to have a lot less patience from what I can find. I went through the hearing school system in the 70s and 80s and the early 90s. I didn't have interpreters. I didn't know of my right. Not one counselor came up to me and said, oh, by the way, did you know I could have an interpreter or a second note taker? That's right. The younger generation do. They know. So they ever come across a website that is not accessible, they don't have as much patience or understanding as I do. That's right, ADA, the system and the rights. And do you think it's just to allow companies? No. Smaller companies are not being affected. I don't mean to scare you, but I hang out in Twitter and I know the hashtags that they use to complain. I'm not going to say it with you, but if you want to find them, you can find them. The 30, 301 million dollars in the USA and 552 million dollars has some sort of disability. In my case, there's 11 million deaf adults, 11 million, only half older than 55 years old. Only half of that. So that means the younger, with that point being said, inclusion. It's the right thing to do. To make your website even mobile applications accessible, and inclusion for everyone, including those who have a disability. So let's address some of the myths that I've heard them all over. One of them, the cost to match to do the steps to make the web accessible is really no benefit for the return on your investment and making the web accessible. With the functionality of the design of the website, there's really no extra care involved in making the website accessible. So there's a benefit. There is a return on your investment. And actually, an after-match site, a well-designed site, with a good user experience, benefits everyone, including your business. You get a return, more return visitor. Higher conversion. Higher source engine. With that, so the faster websites that take web accessibility seriously, consistently, rank higher than Google and on YouTube. And I'm going to point out that those engine-action measures from best practices and some of the web content accessibility guidelines actually overlap. To understand some of the web accessibility, first you need to understand how the web is being used by those who have a disability. We have a card assistive devices and then the keyboard, screen readers, and captioning and transcripts. So in my case, I'm a deaf person. I need and I depend on captioning and transcripts. A blind person or a virtually impaired person needs a screen reader. A person that is mobile, in mobile, with mobile challenge or paralyzed, they may need to get by with a keyboard, with a tab on the keyboard, a joystick, or cut a puff, and a, no, a stippin' puff, okay. Basically, if they're paralyzed from a knockdown, they have a device that's connected around the neck and there's a magnetic magnet on the forehead. And the puff acts as a push and a keyboard, okay. So, and then how do you design a website to also impact the effect of the web accessibility? So what you need to know is the web content accessibility guidelines. If you haven't been there, have a link on here. My presentation is available. I provide a link at the end of the presentation. All the guidelines are listed at this website. Now, there are three levels of web content accessibility, I'm missing it out. Web site content accessibility guidelines. There are three levels of what we call conformity. Level A, level AA, and level AAA, okay. But I always tell people when a learner is starting out trying to get the website web accessible, we want to strive for level A, okay. The next level we want to strive for is AA. You will never achieve triple A, okay. It's a nice level to achieve for it, but you would have to invest in millions of thousands of dollars. It belongs to companies that have that kind of resources and funds. But I'm talking about for us what we can achieve and what we're capable of achieving. Level it, okay. Yes, can you hold on to the end? So web content accessibility guidelines, one, can help improve your SCF and also help keep your website interface cleaner. And two, help improve the bounce rate. So keep those things in mind as I keep talking through the presentation. Then when we talk about web accessibility, I want to keep in mind that if we're not talking about design here, we're talking about making it so that people that have disabilities can use the website. And how they experience the website. It's not going to be the same way that you would necessarily experience the website. But we have the right to ask that or consume the content that you're trying to deliver on that website. Okay, so keep that in mind. We have that right. But the way we experience it may not necessarily be the same. It's not your job to worry about that. Your job is to make sure that we can at least consume the content that you're trying to deliver on that website and make it accessible as much as possible. So everyday people. We're everyday people. We're like you. But there are three different types of disabilities that we're talking about here. I'm permanent. I'm deaf. I'm born deaf. So blind. So paralyzed. Okay. Then we have what's called epistatic. Epistatic are people that have a disability that can have good periods of good health. Or look like they have good health and all of that. And they're suffering through a debilitating situation. That could be epilepsy. One could earn or suffer from that area. Okay. Migraine. I suffer from migraines unfortunately. PhD. Post-traumatic syndrome. Suffering there. Now we have conditional or situation. Now anybody know Melanie? She's walking around in the shoulder thing. She's got a shoulder operation and her operation. That's called a situational or a conditional disability. It's her good art. Right now she can't do anything on her. Do her work. How about... Yeah, I'm going to grab my... How about my phone? I think I see a partner running in here. Right? I'm still here. I got another kid. He's tapping. I was there and he got an urgent message from somebody. And you've got a small button. You've got one button. That is the situational disability. Okay. What about an airplane or a bus? You come across the podcast. You're digging through your backpack. I forgot my ear bugs. How are you going to listen to your favorite podcast that's not transcribed? You can't. You've got your sandwich in the middle of an airplane or a bus seat between two people. You've got to try to get out and let them listen to whatever the podcast that you listen to? No, you're not. But if it's transcribed, you can listen, release, read through it, see what it's all about. My favorite right now, the podcast, they just list bullet points. Boy, what do we do? I can't get any benefit out of that. So those are the examples of conditional and situational. Okay. Spoken on dyslexic and color blindness. Color blindness I think should be part of a permanent dyslexic. I think it should be under a permanent because it's something that they have to work on all the time. I don't believe a blind in this. Now we're going to get into FCS. So that's the documentation. Now I'm going to do some marketing issues. Do I know what I'm talking about in FCS? Now we know that content is king, right? I don't see his head going up and down. Yeah. Okay. Content is king. Same thing with web accessibility. Now user experience. FCO also. User experience and FCO. Equals the steps, right? We want a good user website, a good website to dining with good user experience. Plus we want to optimize those things and optimize websites. Put them together. That equals the steps, right? Yes. Good website to dining with? Okay. Web accessibility and good user experience combined together equals FCO. And that also equals the steps. So better bang, better boom. Okay. That doesn't mean to be like that guy in the whole-time commercial. But it just goes that way. All right. So let's clarify what the definition of FCO best practices it. Okay. And that is first anything can access an industrial website without any problem. I'm keeping it simple. All right. I'm not being fancy. It's just simple. And then definition of web accessibility. Simple. When websites are correctly designed, developed, and edited, all users have equal access to information and functionality. Now you're noticing I'm saying all users that include, you know, senior citizens, people with disabilities, immigrants. Well, I'm believing inclusion. That's my philosophy when I talk about accessibility in inclusion. So how does web accessibility improve FCO? Let's talk about my favorite. Let's go. Ready? Okay. FCO best practices of web accessibility that have close alignment. Mobile friendly. Now the blue link that you see on the presentation, if you click on there, that will take you to the web content guidelines. Accessibility website. Rule. So when you click on that, it will take you to the web content accessibility guidelines website. It will point out the rules. And you will see that it will say that it must be mobile friendly. And again, mobile friendly is keeping in mind with people that are mobile friends. People that have power concern. As I know, people who suffer from trauma. People who are partially paralyzed. They must be able to use mobile application. There are rules. How to make a website mobile friendly. Strong site architecture. That's a requirement for social nationalization. Using proper alternative tax for immigration. Don't talk about that. Easy to use navigation. Clear and consistent. Providing a descriptive link tax. You know what I hear? Quick here. Quick here. Quick here. Quick more. Really? Let's get creative. We're better than that. Insuring paid titles are descriptive yet distinct. Providing transcript and caption for video and audio. Providing user links relevant and related resources. Those are higher best practices of SCL and web accessibility guidelines. I didn't call it alignment. So here we go. The user comes first. So when we talk about SCL, best practices, quality of content, makes sure the content focuses on the user first. Same applies for accessibility. Don't worry about keywords here. Learn from them. Minimum $500, $1900. If you use video, we know from today's world it is popular. Make sure to caption and transcribe. Now in YouTube, please turn it on. By default, it's not automatically turned on. So go under the settings and turn it on. That's all you have to do. Now, I will show one hashtag with you. It's called corruption. There are a lot of people on there that talk and complain about how bad captioning is on YouTube videos. It's called corruption. They point out that there are a lot of kinds of YouTube videos that have horrible captioning. If you want to read those, you're welcome to read it. Okay? And if you look at it, watch the video, and you notice from the spelling it doesn't take long to go in there and just fix it. Okay? So captions are text files. Let me punch that out to you. Does anyone know that they can be searchable? Turn them on. Because they are searchable. Now that's different. There's open, the closed captions, and there are open captions. Open captions are not searchable. Open captions are permanent. And to the video, you don't want those. Open captions is what we have. They're kind of built in with the video. Okay? That's what you want. Because there are text files and they're searchable. A strongly dark architecture means a flat architecture. Users, crawlers can reach any page on a web site. Four clicks or less. Make a hierarchy logical. Each main category is unique. Subcategory can relate to the main category. So this is good site architecture. And again, it comes in handy for screen readers when it comes to this, especially when you're doing a nav page. So you don't want to over complicate your architecture when it comes to a web site, especially when you're trying to think about how you're going to try to go through your web site using the joystick nav, having to use the nav page. Now we try to keep the site architecture simple. And then user experience. Easy navigable web site, whatever internal linking, related content, use proper heading, site speed is quick, and then call to action. Now, how is this related to web accessibility? Well, when we think about use proper heading, that's related to web accessibility. And then when you're thinking about the screen reader, trying to read the content to a person who's blind, if you have not had a screen reader read content out loud to you, and if you come across a web site that has a lot of content, and it was not broken up in an organized way, close your eyes, and think about it for a moment, and try to imagine someone reading your web site out loud. If you could start checking the head and girl owner, then it's time to read the manual website into a better organized way. Break it up into a better organized way. That's why we talk about making sure the content is well organized and relevant. So we talk about user experience a lot, use proper heading, and if possible, if possible, use one main header per page. I know it's not, but when we talk about header, we're talking about H1, then there's H2 and H3. Please use them properly, and again, just pertain to the screen reader. The screen reader reads it accordingly. Do not go H1 and then H3, but H1 and then H4, it confuses the screen reader reading out loud to a blind person. As you can see, I have an example here. I have H1, H2, H3. You can go H1, H2, H2. Because it tells the screen reader, this is the main header, then there's two sub-headers. That's okay. So H3 is another sub-header. That's why you cannot go from H1 to H3 because the screen reader is not the person trying to read it out loud. I'm not a blind person. I'm a deaf person. But the only way I can tell you is that each computer has a built-in screen reader. The most common screen reader belonging to a blind person would be JAWS. But even if you're using your own screen reader, it's going to be sufficient or not. A Mac user does a screen reader, and there's a screen reader by the buffer of PC. Turn your mind, close your eyes, have a reader go out loud with a website that you know that has H1, H3. Now, yesterday's in short presentation where he was talking about voice branding. He read from a screen reader that was from H1 to H2 and then H1 and then H3. Those are distinctive difference. There wasn't that. Yes. But in our world, we can't do that. All right, relevant internal links. So point to one page or another on the same website. Use the script of keywords to anchor the text that makes time to a task of the keyword. SEO best practice is useful for establishing site architecture. Now, best practices, content links, make sure it's relevant, and then call to action. Keep it above the fold. Well, I'm just going to stay right here and then this is just making common sense here. Destructive link. Now, look at the pain of resistance for a lot of people who are blind. It really is. Pain. They hate you. Yeah. But first of all, stay quick here. A bit more. All right. Don't. We could be better than that. So what is SEO finding is distinct, relevant, low keyword, and action lyrics. So here it is. Subscribe to our newsletter. That's fine. Download the manual. Contact us for more information. Please do not stay quick here for more information. Okay. So, better you are after they will love you more. And it also makes it better when it starts an optimal day thing. So mobile finding. Easy use navigation. Back to mobile finding. Buttons and links. Remember what I said about buttons and links? Buttons should be bigger, wider, deeper, right here. And then cross-device compatibility. So when I talk about mobile devices, I'm not talking about websites. I'm not talking about phones. I'm talking about tablets as well. And I have a link here. I have websites to download the sample. And I picked out three websites which I thought gave good mobile examples. Very good examples. Shutterfly, Evernote, and Staple. Now, Staple is an e-commerce website. You go shopping for shoes. You should look at them for bringing a very good web accessible mobile app. Very good. Now, I have a fan that I follow who is blind and deaf. And she says she does not like going e-commerce shopping because the majority of the e-commerce websites are still right now are not accessible. Okay. And then all tags. Three images. That's another one. I am an adjunct professor. Okay. When I teach my students about our tags, I tell them from day one to get into a good habit. One. Properly labeling when you scan your images or upload images. Properly labeling your images from the beginning. Then when you post the images into the website, do proper art tags right there. Good habits to start and keep it from the beginning. Now, I know people want to do keywords descriptions in there. And I might go, let me set it up for once. Okay. There's two ways you can cover that. When you name that image, here's what we don't like. We take a picture with our smartphone, and we upload it to the media file. If we don't rename it, the name of that media file is MS-0-0-0-1-thousand two hundred and six hundred and that image, .jpeg, .png, that's what it's uploaded as. Shame on you, but I have a kick. You're out, you're fired. Done. Okay. You should not be doing that. Now, you're going to upload that image and you know exactly what page that image is going to go into. You should name that image whatever that page is going to. So for our agenda state, we're working on the travel page for Atlanta. And you took a picture of downtown tall building of Atlanta. So you're going to upload that image and you're going to name it downtown Atlanta, .png, .jpeg. You covered it right there, right? That's one way. Now you're going to upload that image. Here we go. All right, let me number two. It is very important for screen readers to be able to read that description of that image. Exactly. What do you want to call it? I know everybody wants to go, why don't I put some keywords in there? Right? Now, we're doing a page for downtown Atlanta. You took a picture of tall pictures of downtown building, right? Keep it short. You only have about 125 characters that you can put in there. Real creative people. Now, here's some examples that I have here. Here's the OKR tag. Rooster. That's fine. Screen readers are going to read out loud. Rooster. But you have to put this off with the shoes of a blind person. Butter off tag. Rooster quarrying. The mouse is open. That's all right. How about the next one? Red, crested, Rooster quarrying. You don't have to get fancy to me and see. There are keywords in there. Okay, there's another one. This is the Doritos. Now, you can't see it up here, but there's the image off tag. It says Doritos, Tortillas, Ships, National Shoes, 1.7, and Largest Single-Serve Bag, past 64. Guess what the keywords are in there? Doritos, Ships, Shees. I think those are the keywords. Video and audio file. Because that's my biggest part. Please transcribe them. Your solar power installation. Turn on the captains and video because of tech. It will help you Google ranking. It will also benefit for the deaf, but think about temporary and the situation of the situation. Just like I gave you an example of that. You're in a bus, you're in a plane, you're in a train, you can't share, you forget your stuff. Transcript help boost SEO. Google crawlers can't hear audio. So why not transcript them? I gave some examples of podcasters who transcribe the podcast. It's really good. All right, that wraps me up. And we'll leave this up. We have the website. We're going to leave. You can download my presentation. And if anybody has any questions? Yes. And to then track anyone who is stealing those items, which is a huge problem, might be initials, dash, date, dash, a code, and then maybe something, a portrait of a woman number five. Okay, now it's... Yes, how do you reconcile that with... Okay. Now, we're not talking about the off-tag. We're talking about when you upload it in the media. Yes. In the media. Okay. I would not worry too much about it in the media. As long as it's not in the off-tag. Okay, the screen reader's going to read the off-tag. The screen reader's not going to read what you upload in the media. Yes. Okay. So you can continue, no, the name, whatever, whatever. But when you go into the off-tag, make sure that you're filling out the off-tag. That makes sense? The off-tag. Hmm. Well, that's going to be the challenge. Well, more descriptive. Okay. I would hope so. Yes. Okay. So you can download on right-click, and then nobody should be able to steal your... Right. The thing about it is, if they're going to take a screenshot, they're not going to use your right-click. We'll take away the ability to... It's called right click. You can steal it. Oh. There's another one that does that. Okay. So I've never done that. Yes. Another question about images in the off-tag. If I put something like image of promotional poster for the name of the show produced by theater name, tickets available at the website, something like that, is that an acceptable kind of tag? No. It's not a description of the photo. If it's the image of a poster, you want to say image... You want to explain that it's a poster of an event. Okay. Does that make sense? You don't want to get over complicated. Okay. Okay. Because I'm assuming... I'm hoping that it's within the page that you're describing that it's an event, that there's a ticket for sale, or whatever. And whatever that image is, you need to give a brief description of what that image is. Keep in mind that when a screen reader is reading out loud to a blind person, that is going to describe what that image is. But you have to be brief about it. Don't overcome. That's why I gave that research as an example. Let's get back in the back to it. And I gave three examples. Okay. Better and better. Okay. And the screen reader is going to read that in the art tab. It's either going to read Rooster, Rooster Crawling, or Red Cross to Rooster Crawling. Okay. So whatever the time of the page is, whatever image is time of the page, I know we're not used to that yet. That's why when one of my talks, I talk about how do we think inclusively when we're using dining websites, we need to get into the habit of when we're using dining websites, to start thinking inclusively from the get go. We need to create user personas in the beginning and add people with disabilities in the beginning so that when we go through the process, we start thinking that way. Yeah. I'll get to you. Yeah. Well, Alex is going to be reviewing your website. Wait a minute. Somebody's talking and I'm not getting to you. My website is the alt text that's already in the stock photo. And when I, since I bought the stock photo, when I put it on my website, is it already there in alt text? Or do I have to go? The stock photo, and the stock photo has an alt tag in there? Yeah, because at the bottom, like, well, when I got my photos from my website from Adobe, it already had an alt text in it. And I just saved it. Okay. And then I copy and pasted it on my website. And what does the alt tag typically say? The picture. Okay. So if it gives it, if it gives it a description, it should be fine. But if it says, you know, number or whatever, you should be able to modify that. You already invented the picture on the back end? No. So copy and paste all the stuff that it said. So then where do you? No. I have to show you where the alt tag is. Come to me afterwards. Okay. Who? Yes. Yes. Videos? Yes. So what I mean to you on our website is we have a link that has a PDF of the entire transcript. So we have a service that does that. We send the video off. Is it okay to have a link that then if you click on it, it does go somewhere else. It's not on the website. Or do you want, or is it better to have somewhere else? The PDF is not. Those aren't so bad. The PDF cannot be found by crawlers. Okay. The PDF is just a downloadable document. That is fine. But if you want it to be found by a service engine, you're not going to reap the benefit of that. Okay. So you can, I'm saying there's nothing wrong with that. You can have a link of a transcript that is downloaded by those PDFs. Just make sure that somebody can see it and know that that is a transcript of your, whatever it is, the video or a podcast or whatever. Okay. And then let them know that they can download the received transcript of video. But if you want that page to be found by a service engine, it's not going to reap the benefit of that. Your call. Back to alt text. What is the difference between the alt and the title? Title tag? Using... Oh, title tag. Yeah. Okay. I would have to show you, I don't know, it's not here, but I'll have to show you at the back end of the website. Okay. What are you, say, using an explorer or edge when you're mousing over an image, alt text will pop up. Right. In Chrome or Firefox, title tag text will appear. Okay. Is title tag right by... You have to show me. Because I have all three browsers. I'm going to make sure we're on the same page talking about the same thing. Okay. All right. Yes. If you forget to put alt text, it reads the name of the picture. Okay. If you forgot the name... You said don't name an image... Right. Right. Right. Would it read the name of the... Well, if you don't have alt tag, no. If there's no... If it blank, be empty. Okay. That's another picture. Right. Yes. Right. Any other questions? Yes. Yes, I do. I have REB, web, web.com, that's my preferred go-to for transcript service. You should have an alt tag with every image. Okay. Especially when you upload it on your website. Okay. Every image on your website should have an alt tag. My name. Okay. Unless it's decorative. Correct. Yeah. You can say that it's decorative, but a blind person is curious to take everybody else. So they write it out. So you can even type. Yeah. It is this decorative. But no. Okay. Don't leave a blank. It's not fair. Anybody else? The voice search, voice internet, voice activated is going to mesh with the hearing with the accessibility options. Yes. I do. I do. Not with the hearing. More for the parents. That's why I feel like I have a long battle ahead of me. I feel like the world is made for hearing people, not for people. And what I do know that people over the Google is trying to make it so that it still helps back. I'm playing around with HubSpot and Alexa right now myself. I can tell you from experience that Google recognizes my voice better than Alexa does. Okay. And I know that Google is trying to make it so that when it talks back to me, it's not there yet, but it's still working on it. And Alexa is trying to make it so that if I hook up my laptop next to it, if I sign to it, there will be a summary of video that can sign back to me. And that can work in progress right now. So maybe five years from now, I would have an Alexa communicating to me and sign to it, and maybe Google would be just casting me back to me. Because right now I can talk to my Google Hub, but when it talks back to me, I have no idea what it's saying. I can say, hey, good morning, Google. And it would say, good morning, Christine. And blah, blah, blah, blah, blah, blah, blah. Okay. But at least it would display my schedule. Because I'm using it to coordinate my calendar. It lists my calendar after me. I have it turning on my lights in my house. I have it monitoring my temperature in my house. I can turn it down, turn off my temperature. I love it. But when it talks to me, that's where I get lost. That's where it's at. Any other questions? Okay. But thank you so much.