 I'm gonna talk on anatomy of accessible forms just a few words about me, okay. So here, it's just all about me for I'm not, I'm an English graduate, I'm an English graduate, and I shifted to accessibility just eight years back. Okay, I work for DQ software, I'm interested in listening to music, reading, blogging, and even I do beatboxing and you know, when I really am bored or something like that. Okay, this is today's agenda, so if the self-explanator, I don't need to really go through this so we can move to the next one. So, I think the slide is about what is accessibility, is it? Okay, so I don't know how many of you know about accessibility first of all, anybody knows about it? Yes. Yeah, you're the only one. No, so if you raise your hands, he won't be able to see you, so you're gonna need to speak out, okay. Just raise your hands and he'll come. Okay, so I don't want to lay on this definition from Wikipedia, I just put it on the slide's purpose, okay. So the world has 15% of persons with disabilities, okay. So say that 70 million people are around the world and out of which 15% people are with, some know, I mean, visible or invisible disabilities, that is one, and that by two, by 2050, the 50% of the population will become senior citizens. So you know what will happen when people become senior citizens, they will allow their changing abilities. So if you are designing your products and services only for people who are well able body, then they are losing out on a six within the order of money that is there in the pockets of people with disabilities, that is what the definition of accident, if you want to make it very simple, I don't want to elaborate it, obviously you can discuss that for hours, but I want to give the further, you others a lot of time, so that's it. Yeah, so these are all, this is the slide about, yeah, so the way the accessibility slide, so you know what the new 360's founder has said, so that is for all, that is what it says, I don't need to explain that again, and this other side, so when you make your products websites accessible, you can enable them, people with disabilities, and they can also continue to the empowerment and enrichment of internet, that is the idea of the accessibility, so I don't want to miss one. Okay, so these are so benefit, I don't need to really tell that, I mean this is all, I mean self-explanatory, people who applying low vision, mobility impact, cognitively impact, which means people who are neurological, brain-related issues, and things like that, and even mobile users, so mobile users are not disabled users, we don't think like that, okay, but even when you are using the smallest thing, so why do you think everybody is behind the dark mode? Okay, that is kind of making your eyes comfortable, which is like the same thing, right, so I am again for everyone, okay, so I just want to elaborate on, I just want to narrate one small story, okay, there was a lady who was into some, who was suffering from some fever or something, and she was stuck up on the phone for seven days, so suddenly she wants to eat cupcake, which is her favorite, so she goes for an online bakery, and wants to buy cupcakes, she selected everything, added to the cart, and she went to the checkout page, but to her frustration, she tried to fill the checkout forms to a greater extent, and unfortunately, she didn't know, until the last minute, I mean she tried for half an hour, and she failed so many errors, the form was not able, she was not able to submit the form, she was not able to get through the checkout process, so the cupcake was not ordered, she was in a kind of frustration, she came out of the site, and she, what it had, I mean you can say that her temperature increased, not because of the cupcakes or something like that, but the frustration is what I am saying, okay, this is what I want to tell you, and imagine, if a lady who can see just a lot of fever can get into that frustration because of the checkout process, that was not actually use of the place, a neighbor calling person, okay, what will happen to a person with disabilities, that's what this story explains, so we'll go for it, as I said, why accessible forms, you know, are insolcite, sometimes very free, so accessible forms, you know, your site center, you want to enter into any social network, and you may have anything, accessible forms are the forms of the first aid way to your site, and obviously if you're a worker's user, you want people to contact you, that is, you want to pay for them to contact you, and they are frustrated, obviously, they will not fill any details, and obviously they won't come back, that is what I told you this slide, okay, so here I've explained what all would make an accessible form better, a form better, so if you want to go through these labels, you know, marking the required fields, okay, and you have instructions, you have error identification in text, and you have error suggestions to make, and with all that, these are a few things, or at least some basic ingredients to make, or opportunities to make your forms very accessible, so we go through the next one. So here the first slide says, a placeholder is not a label at all, okay, you see the state shots here, you can see here have a login form as email and password as placeholder as label, then once the user starts to fill in this particular value, the label disappears, so imagine a cognitive, a short term memory last person is filling the form, how, okay, this particular form and we do feel like it's in the form, but if the form is very big, what will happen to that person? You're talking about that, so that is why I said placeholder is not a solution, I mean, there are other points also, placeholder does not need the contrast, it will go, it is just illusive, so do not use placeholder as a label, that's the first point I want to make. Okay, so this is simple explanation, I won't need to really talk about it, but I will just say that people who are blind, don't listen and cognitive users will really benefit, so imagine you are, why do you think it's important without a label? After a few days, I know if you forget where you kept it, you will be searching if you just mix some other borders, you will never know what is no medicine and if you take something wrong, what will go wrong, so that's the same thing in the website too, so it helps everyone in general, but you know people who have no, I know no mission and if you are cognitive disabilities and all, for them it is going to be really difficult if you have a permanent disability and make sure that it is in the text format, so use no label, tag or something like that, but never use, but just for aesthetic purpose and just for the design purpose, don't use, you know, temporary label, yeah. So here this is another thing, so if you see this picture, again as we have explained, so there are two other screens, the other sections here, one is a shipping address and the other one is, so obviously the field would be the same, I just want to show a 9192 zip code, but what is an amygdala, this is going to be a very helpful thing if you group the properties with appropriate groupings for the screen readers, because bigger forms are going to be really confused screen readers or people who are blind and who has a certain technology, so that is the reason we are telling you to group them, if you have a gender, if you have a male and female gender, but it must be grouped with the gender using a pizza legend or you can even use other properties, and then you can group them so that people identify, and pizza legend, even sighted users get a small line around them to say, okay, this belongs to gender, so if you think there is a bad design, you can take out their lines, but that's difficult to take out. So, any, no doubt you have questions on labeling anyway, so I'm going to the instructions now. So, forms are the toughest thing to fill in, if you agree or don't agree, it's up to you, but for example, go to any government examination forms, man, it takes years to fill in, okay, and several times I have with my friends blind, people who are blind, don't help to understand forms, and I myself fail to understand what they say that they have to fill in, and where are the instructions, and when you're creating a password account, what are the password criteria that you want to tell the users? So, mention them up in a public format, I mean tell them, okay, the password should contain eight characters, one special character, one number, many other sites provide that some sites show that as an error instead of providing a instruction, which is a very bad practice because, again, as I said, people who are deserving these gender citizens will really get frustrated, and they will not use the site again, that's why I'm saying, do not get other site instructions for you, first thing and last thing, you don't need provide instructions for same and last thing, but at least where it is necessary to provide a path, etc., in such, okay. So, this is another important thing that if you want to consider your forms, so there are big forms, okay, so imagine there's a checkout fee, checkout form, okay, you don't want the users to fill their official phone number or their company name, which is an option, okay. So, the form has a mixture of the mandatory gender option, okay, so at least give the users an instruction through a star, or the text like required, or you can also use required attributes from H&M or RIA to mark them as required so that users do not commit errors, it prevents errors, that is one of the principles of universal business, it prevents errors or users make errors, so mark your required attributes, don't use color color to do that, give proper text, give proper visual clue, because colors, there are color languages that cannot see different colors, people cannot see red color, people cannot distinguish it with red and blue, so do not use colors to make these kind of markings, use a star mark that is cyclable, or use a required word as a text in your daily set, so that will help a lot of users to complete their tasks so easily, okay. So, this is very, very important because sometimes, 100 times, if you click submit button, but it will say the form will not be similar, if you're wondering why this form is not submitted, and what will happen is you will be marking the error feature, the red color code, or the color marking, and people who cannot understand this kind of legends, people who are learning this ability, reading this ability, color blind, people who are speaking and you are blind, you cannot understand this kind of error identification, so provide them with textual error messages, as much as possible, provide them in-line textual error messages below the seats, and associate them using different techniques available, and mention which field is in question, so as the speech also, please, that should be an error message, this is an outside invalid email, because many people cannot understand this much of invalid email, what would you mean by that? I understand because I did it as an English, but not everyone comes to us on site, you know, with that kind of qualification, and you know, there are people who can, I know someone who did their English, you need to correspond for their exact documentation, just like, so if they come and say invalid email, they've got invalid and some useless history, so use clear error messages, identify the fees, and associate them, which will be really helpful for the work of the email. So this is another thing that I would like to say, so there are places where you cannot provide instructions, but when the users make mistakes in your form, in the form that you put in the data, wherever possible provide fixes, for example, data, so dates, okay, the date must be D, M, Y, Y, other date must be M, D, D, Y, Y, example, 16, 0, 6, 9, 8, that kind of instruction. So there's other example that I've given here, so for example, a credit card value must be at least 16 characters, okay, you know, error solutions must be, you know, or you can also find them, where the credit card number will be located, you know, these things, error fixes, would be added, and you know, the users who fill in the data only fill in a particular format, provide them in the error messages, emails, example at domain.com, so many people would be interested in that as well, so when they see this example in the error message, they know the example at the way the format tells them, oh, okay, this is what I need to make a mistake. Okay, so this is all self-explanation, I don't need to use descriptive and clear labels, and use them permanently, don't use a temporary label as I said, and associate, programmatically associate them with the form keys using foreign-digging that there are error methods, and you can also, you know, provide instruction where it is necessary, you can provide a tooltip, or you can provide a visible instruction, and use aria to, you know, sometimes use aria if you can't make any, you know, any changes in the form using html format, instead you can use aria to make the changes, but use them very sparingly, and see aria specifications before using aria for that purposes, okay, so if, that is, I mean, these are data that we have just explained, I mean, already without calling the user, there's one of the three key points, there's nothing much added here, so we can go to the next slide. So, okay, why I include it, first of all, is accident forms are not specific to our system, anybody who's building a website can make accident forms, but obviously this is a work camp, so without touching upon the purpose, it is not, it is still complete, so, I think most of you know this, WC18.0 for gravity forms, which will make your form automatically accessible, and then the next one is contact forms, for a contactless page, when you have a contact form, even that, that is also available to make your form accessible, but other than that, not because their sponsors are mentioning them, but Jetpack form module is actually accessible, it's a 70 quantity, they are using HTML5 data methods, so other than that, this will be separate estimates that you can make, but that is the only drawback that is easily as an accessibility consultant, but otherwise, you can use Jetpack form module, and that also can make your forms pretty accessible. So, I, like I've gone very fast, I do, because these are all easy, basic fundamental things of an accident form, there's nothing that, you know, nobody knows yet, it's just a re-iteration, but if this you want to ask, you can ask me any question, you're welcome. So, when there are no questions, there are two things, one, I understand everything, none I don't understand anything, so, I consider a false form, okay? And, Yeah, there are questions. Yeah, sure. What are your false form forms that have two forms, and is it accessible from your point of view or not? I think form is not accessible, but if you want to make a case, you can take it out. So, for example, if the forms are arranged in a table, where you have only two columns, the left side will give you the form labels as such a header, and the right side will give you the edit fields, you can make the label resolution, to automatically the shape will get associated, and that will become accessible, obviously, and you can make spaces for the messages and instructions within the TP cells, obviously, but do not make clear columns based on CSS, and you know, try to do that, because sometimes screen readers will not interpret you know, those things, and then you have to go from the area as an option. So, I have a question. Yes, please. So, accessibility is not only in the forms, it is for real, actually. Yes. So, it would be better for the developers, like if you could tell me like, is there any guidelines or standards that we can refer like when we are, believe me, a website, and also if you are able to remember and tell me some of the websites which has very good accessibility implementer, so that we can refer and build the websites better. In the world, there is no 100% access to the site, but yeah, I can tell you, there is a site called mobility.org, K and O, B-I-L-I-T-Y, not O-R-G, okay? This site is compliant with WCG 2.1. Okay, what is WCG 2.1, anybody knows? We have come to an accessibility guidance 2.1. Okay, BQ.com, BQD.com, even that site is our company site, I'm not promoting our company, okay? But if you just visit the site and just see how it is accessible, that is also WCG 2.1 and compliant. There are a lot of other international, other companies like Apple, all of them are usually a good job. You can also visit digital.com, which is our blog and we write a lot of blog posts on accessibility-related things. I've given this in the reference section, and I did not post of these sites on a given within the company, and anybody who wants these sites, you can take it from there. And then, yeah, so there are a lot of tools. I don't know if they will use this axe, A, X, E, B. Good riddance, anyone else? No, I'm okay. So it's an open source tool, so I thought that it's not a conversion, even though this product is very commercial company, it's just an open source tool, you can integrate it with your frameworks. It is available, I don't have the internal, but I can get it for you. So, yeah, there is a five box plugin, there is a Chrome plugin also on Chrome Store, but it is available as a JavaScript library which you can integrate with your framework, and as and when you can, even WordPress Accessibility Checker also uses axe to some extent, okay? But WordPress Accessibility Checker I'm not really sure how much it detects errors, or how depth it goes, I'm not sure because I don't like to use it, so I cannot comment on it. But use axe as an open source tool, there are other tools also, we have accessibility tool, but nowadays we have here five box, and I need to be able to use it for this thing, but axe is an open source, it is used by Microsoft in the Insights program, and Google does it in their Lighthouse program, and so you can take it from, you can also add it to your framework, and you saw the plugins from five box and Chrome Store, and I really go through the reference process. So this is, there is a series that we had a few months back when I had any of the accessible forms, so you can see it here, and then you have links for WCAG 2.0 and 2.1, you also have WCAG accessibility page, you want to develop a business case for your businesses, or your organization to fight for accessibility, you can develop the products that they have provided here. So more references are there, if you want to meet these, meet me, go and interact, I'm available to go all the way, and I'm open for any discussion or any questions, actually. Any more questions? No. So this is a thanks that I have here, my contact ID is here, you can go down, and you can hear me at least like later, okay? So thank you so much for patiently listening to me.