Accessible Labels, and How the Issues Regarding to the Same are Mapped Under Different WCAG 2.1 Guidelines.
Hi all, I am back again with yet another article. This time I will be writing a bit technical one. Let us discuss about the accessible labels, and how issues regarding to the accessible labels are mapped under different WCAG 2.1 guidelines. Every control on a webpage should have meaningful label which should describe its purpose. There are various techniques for providing accessible labels. This is best done by using an HTML label element. This technique will associate the label with the control programmatically. <label for="firstname">First name:</label> <input type="text" name="firstname" id="firstname"> There are different other techniques as well for providing the labels like by using aria attributes such as “aria-label”, “aria-labeledby”, “aria-discribedby” etc. You can have a look on the following articles to learn how to provide the accessible labels. · form elements and accessibility · ...