Asking Vendors about Visual Design

When working with vendors, a natural point to incorporate accessibility is when visual designs are being finalized and developers are preparing for build. The following are questions that are appropriate questions to ask about the designs at that point to ensure accessibility, identify issues for redesign, and resolve defects before they become too costly to fix.

  1. For each page, identify any ARIA landmarks, ARIA labels, and the heading hierarchy.
  2. Identify any interactions that use scripting to update the page, such as AJAX driven filters, content insertions, or status messages. For each interaction:
    1. describe how the interaction will be made accessible to a keyboard; and
    2. describe how the interaction will be made accessible to a screen reader.
  3. Identify any interactions driven by custom widgets and scripting, such as accordions, carousels, comboboxes, disclosures, dropdowns, and tooltips. For each interaction:
    1. describe how the interaction will be made accessible to a keyboard; and
    2. describe how the interaction will be made accessible to a screen reader; and
    3. if the widget is being used in lieu of a standard HTML element, why the standard HTML element is not being used.
  4. Identify any content or interactions that may not work on particular orientations of a mobile device (portrait or landscape).
  5. Describe your approach to ensuring that text, text overlaid on background images, links, interactive controls, and focus states can be perceived by people with colorblindness.
  6. Identify which non-text content should and should not have text alternatives, and if the content is provided by an editor, how you will encourage the editor to provide appropriate non-text content.