Skip to Main Content

Instructional

45. Select box has no description

1.3.1, 4.1.2, 3.3.2, 3.2.2 Description: Drop down menus (select boxes or role=”listbox”) should always have a description that is explicitly associated with the field to make sure that users of assistive technologies will also know what the field is for. Context: <div class=”carousel-inner” role=”listbox”> …

46. Text area has no description

1.3.1, 4.1.2, 3.3.2 Description: Text areas should always have a description that is explicitly associated with the area to make sure that users of assistive technologies will also know what the area is for. Context: Form elements should always be tied back to a …

47. The image does not have the correct alternative

1.1.1 Description: The image does not have an alt text which indicates that the image is used for decorative purposes. At the same time there is a mouse over text (title attribute) present on the image. Context: An image with a title …

48. WAI-ARIA group is missing a name

1.3.1, 3.3.2 Description: A group created with the WAI-ARIA role=”group” or role=”radiogroup” is missing a name. Context: Once the role ‘group’ has been assigned, it becomes required to specify a name as well. <ul id=”random5c8c100f1f1f41_group” role=”group” style=”” tabindex=”-1″> <!–Content–> </ul> How to fix …

49. WAI-ARIA image is missing alternative text

1.1.1 Description: The WAI-ARIA image, created with role=”img”, does not have an accessible name. Context: Adding the role=”img” attribute means that the element must adhere to the same standards as a standard ‘img’ tag, including the labeling requirements. <svg class=”icon icon-bars” aria-hidden=”true” …

50. WAI-ARIA validation error is present when page loads

3.3.1 Description: A WAI-ARIA validation error message is already present on the page when the page is loaded. Context: Validation messages should not automatically display when a page is first loaded. Messages should only display after the element has been interacted with. …

51. Webpage has multiple title elements or no title element

2.4.2 Description: Webpages should have a single title. It is incorrect for a webpage to either have no title or to have multiple titles. The first thing a screen reader encounters when the web page has loaded is the text within …

52. Webpage title is missing text

2.4.2 Description: This page has no title. Context: All pages should have titles defined in HTML. <title></title> How to fix it: The web page needs a title describing the topic of the page. The webpage ‘title’ is added in the page ‘head’. The …