Quick Reference Checklist

A one-stop shop of all the accessibility checklist for the issues that A11yCraft is addressing.

Carousels

For techniques related to carousels, see the carousels section.

• Do you have any slides with aria-hidden="true" when it renders?
  • If Yes, have you made sure that the content inside that slide has display: none or visibility: hidden?
• Do you have more than one carousel on a page?
  • If Yes, have you ensured that any sections used by the carousel have unique labels?
• Do you have any images in your carousel?
  • If Yes, have you ensured that they are following the guidance in the images section?

Charts

For techniques related to charts, see the charts section.

• Is your chart described within the text?
• Does the alt attribute say where the description can be found?
  • If No, have you used the area-describedby and id attributes to link the chart to the paragraph?

Forms

For techniques related to forms, see the forms section.

• Does each input have a visible label?
• Is the label linked to the input using the for and id attributes?
• Are the labels descriptive?
• Can the users tell which fields are required?
• Are you using more than just colour to indicate the required fields?
• Have you checked your CSS to make sure the focus is still visible?
• Are you using standard HTML controls?
  • If No, have you made sure any custom HTML components are accessible?

Headings

For techniques related to headings, see the headings section.

• Have you used the HTML elements to define the headings?
  • If No, have you used the role and aria-level attributes?
• Have you checked the contrast for each colour combination?
• Can the text be resized up to 200%?
• Are the headings descriptive and consistent?

Images

For techniques related to images, see the images section.

• Is your image decorative?
  • If Yes, have you checked the alt attribute is present but empty?
  • If No, have you provided text in the alt attribute?

Links

For techniques related to links, see the text and links section.

• Does the text content of the element describe the purpose of the link?
• If the link is an image without any text, does the alt text describe the purpose of the link?

Page Sections

For techniques related to page sections, see the sections section.

• Have you used the HTML elements to mark the sections of your website?
  • If No, have you used the role attribute?
• Have you provided labels for the repeatable landmark areas?
  • If No, you can either use the aria-label or aria-labelledby attributes.

Text

For techniques related to text, see the text and links section.

• Have you checked the contrast for each colour combination?
• Can the text be resized up to 200%?