Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Add alternative text to the Syracuse University Logo logo by inserting the following string to the source code of the Look & Feel > General > Footer: <script>document.querySelector ('#Logo > img').alt = "Syracuse University"</script>
  2. Add alternative text to all images using Graphics Library > Edit Image > Description.
  3. Navigation buttons must include text that describes the function of the button (Begin Form, Previous, Next, Submit, etc.). Add text to buttons using Edit Block > Format > Next/Previous Button Text

...

  1. The progress bar in Qualtrics is not accessible, so you must select Survey Options > Enable Question Numbers. If using randomization this will likely pose a question numbering issue. Survey developers might consider consulting the Qualtrics XM Community for possible custom Javascript solutions that are outside the scope of this guide.
  2. Turn off question numbering for the Text/Graphic question type which does not require user interaction by inserting the Javascript string: jQuery("#"+this.questionId+" .ExportTag").hide(); into the addOnReady section of the Edit Question JavaScript box.
  3. If questions are added or skipped using logic you must alert the user. For example, "Answering yes to this question will reveal two additional follow-up questions." or "If answering no skip to question 14."

Survey Content

  1. Be sure to add the survey title as a Header 1 to the first page of the survey using the Text/Graphic question type.
  2. Indicate in the survey instructions how many questions (approximate is fine if logic is used) and how long it should take the user to complete.
  3. Textual content over one sentence in length must be left-aligned (not fully justified) and have adequate line and paragraph spacing.
  4. Instructions do must not rely on shape, size, or visual location (Ex. Answer the questions below or Click the orange button for example).
  5. Any links that are included in the survey must be plain text links (Ex. Syracuse University instead of https://syracuse.edu)
  6. If color is used in any textual content it must adhere to minimum contrast guidelines (no less than 4.5:1 for standard text, no less than 3:1 for large text/headings)
  7. When a screen reader user navigates your survey the textual content between questions is often skipped. Therfore, any instructional text that precedes the survey or that is inserted between questions using the Text/Graphic question type must include the appropriate heading (Heading 2, Heading 3, etc.) for navigation purposes. Use the Rich Content Editor to format the text.

...

  1. Required fields must include the word (Required) in the text of the question, usually at the end. It can be in red if desired.
  2. For any field that uses Field Validation (phone number formats, email formats, date formats, etc.), the expected format must be included as part of the question. Ex. Start Date (MM-DD-YYY)
  3. Qualtrics error handling is not sufficient to meet WCAG Level A and AA compliance, making it difficult or impossible for users of assistive technology to locate and correct errors. ThereforTherefore, the use of required questions and field validation should be avoided if possible or kept to an absolute minimum.

Qualtrics Accessibility Checker

  1. The Check Survey Accessibility Tool is not a reliable indicator of the overall accessibility of your survey. 
  2. Always review your survey against the Accessibility Checklist for Forms (.docx) and test using at least one screen reader, one screen magnifier, and one mobile device.

...