91传媒

An accessible survey always REQUIRES a custom survey title. In Qualtrics, you can customize your survey title by going to the 鈥楽urvey Options鈥� menu. Visit听听for a step by step tutorial.

Qualtrics has a list of accessible and inaccessible question types. ALWAYS make sure to use the accessible question types to reach the greatest amount of audience.听Using inaccessible question types will impact your survey response as these question types听will prevent听people with disabilities from responding.

For more information go to听. A list of Accessible and inaccessible question types is below.

Accessible:

• Descriptive Text
• Multiple Choice (all types)
• Net Promoter庐 Score
• Matrix (only Rank Order, Constant Sum, Text Entry, and Profile)
• Text Entry (all types)
• Rank Order (only Text Box, Graphic, and Radio Buttons)
• Side by Side
• Constant Sum (only Choices, a.k.a text entry)
• Drill Down
• Timing
• Meta Info
• Captcha Verification (V2)

Not Accessible*:

• Rank Order (Drag and Drop and Select Box)
• Matrix
• Constant Sum (Sliders and Bars)
• Pick Group and Rank
• Hot Spot
• Heat Map
• 听Graphic Slider
• Signature
• Highlight
• File Upload
• Org hierarchy (EX)

*Workarounds for inaccessible question types

The University of Colorado Boulder has a webpage dedicated to Qualtrics accessibility that includes a list of workarounds for inaccessible question types.听听Some of the workarounds are listed below:

• :
  If your matrix table is not set to听, your question will not be compliant.
  听

Best practice is to always number your survey questions to make it easier for respondents to know their progress. Use听听to number your questions.

If an image is part of a survey question or answer it MUST have Alt text. Below are resources for adding alt text to an image in Qualtrics.

Alt Text for Logos

If a logo is present in a survey, the logo needs alt text as well. However, in Qualtrics, there is no direct way to add alt text to a logo. However, a method to add alt text to a logo is available in the Qualtrics Community Board (). To add alt text to a logo:

1. Go to the "Look and Feel" menu
2. Select the听General听tab
3. Add the JavaScript code shown below in either the "header" or the "footer" field

<script>

document .querySelector('#Logo > img') .alt= "听LOGO ALT TEXT GOES HERE听"

</script>

听

听

Headers must always be part of your survey to provide structure and organization to your content. A survey听MUST ALWAYS听have a Header 1 (<h1>) and sub-headers can be included to further organize your survey.

How to Add A Header 1听

1. Go to the听Look and Feel听menu:听
2. Go to the 鈥�骋别苍别谤补濒鈥�听tab
3. Type the Header 1 under the section 鈥�Header鈥�. The Header 1 must be typed in HTML format (<h1> Enter Header 1 here </h1>)\

听

Adding Additional Headers

You can add additional headers within the main survey content by going to the HTML View in your questions. Additional headers must also be typed in HTML format.听听

听

听

Always make sure there is enough color contrast between the foreground and the background. Best practice is to use the high contrast mode in Qualtrics. The high contrast will make it easier for users to see the text in your survey. To enable high contrast mode:

1. Go to the听Look and Feel听menu
2. Open the 鈥淪tyle鈥� Tab.
3. Then go 鈥淔oreground Contrast鈥� and open the dropdown and select the option 鈥淗igh鈥� to enable high contrast mode.听听

The text in a survey must always be clearly visible. Best practice is to enable high contrast mode to make the text easy to see and also make sure the text size is greater than 18pt. To change the text size:

1. Go to the听Look and Feel听menu
2. Open the 鈥淪tyle鈥� Tab.
3. Change the Question and Answer Text

Recommendation: Question Text should be 20pt and Answer Text should be 18pt.

Instead of using the default arrows in Qualtrics, all buttons in a form must have clear text. Text makes it easier for all users to understand the intent of the button. 听

To add text to the button:

1. Go to Look and Feel menu
2. Go to 鈥淕eneral鈥� tab
3. Type the button text in the 鈥淣ext Button Text鈥� and 鈥淧revious Button Text鈥� Fields.

听

Submit Buttons

For surveys with multiple pages, the button on the last page must always indicate that the button will submit a survey. The Qualtrics Support page provides a step by step guide for听.

In Qualtrics, the progress bar has some limitations when it comes to accessibility. It does not have any text and does not show a numerical progression for a survey. This makes it difficult for non-sighted users and users who cannot understand visuals to understand the survey progress. To make a Qualtrics progress bar more inclusive, add a听title听and听numerical progression听to your progress bar.听

How to Provide a Title to your Progress Bar

1. Go to the听Look and Feel听menu
2. Select听General Tab
3. Go to the drop-down titled 鈥�progress bar鈥� and select the option 鈥減rogress bar with verbose text鈥�. This will provide a title to your progress bar.

听

How to Add Numerical Progression to a Progress Bar using custom JavaScript听

The Qualtrics community board provides methods to customize a progress bar have been provided including a听. The example below is a script developed by the Qualtrics support community that will incorporate a percentage number to track survey progress. To add the script:

1. Go to the听Look and Feel听menu
2. Select the听General听tab
3. Add the script shown below in either the 鈥渉eader鈥� or the 鈥渇ooter鈥� field.

<script>

Qualtrics.SurveyEngine.addOnReady(function() {

jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text(jQuery("#ProgressBarFillContainer span").text()); });

</script>

听

Incorporating this script will add a percentage number next to to the survey title. This will make it easier for all users to track the overall progress of the survey.

听

Qualtrics has an auto-advance questions option, however, enabling this feature results in accessibility barriers. Since this option automatically moves users to the next question when a selection is made, it prevents users from verifying and changing their selections. Therefore, for a smooth user experience, always make sure this option is disabled in a survey before distributing. To disable this option:

1. Go to the听Look and Feel听menu
2. Select the听Motion听Tab
3. Uncheck the 鈥�Autoadvance on questions鈥� checkbox.

听

Before publishing and distributing a survey, you听MUST听check for accessibility. 听Qualtrics has a built-in accessibility checker that will diagnose your survey based on select standards. 听However, the checker does not evaluate everything. It is important to听ALWAYSmanually and visually inspect your survey to make sure it is accessible.

Qualtrics Accessibility Checker

The Qualtrics Accessibility Checker can be used as a starting point the gauge the level of accessibility in a survey. The checker mainly looks for inaccessible questions and provides suggestions on how to make a survey more accessible. To use the checker:

1. Go to the Tools menu
2. Select Review
3. Select 鈥淐heck Survey Accessibility鈥�

听

The checker will then provide a brief report on the accessibility of your survey and provide additional recommendations or suggestions. Please note that passing the Qualtrics Accessibility Checker听DOES NOT听mean your survey is fully accessible.

听

The Qualtrics accessibility checker听DOES NOT听test does not test the overall look and feel of your survey. As a result, manual and visual accessibility test must always be conducted to make sure the survey layout is accessible and that all the features enabled under the 鈥淟ook and Feel鈥� menu meet accessibility best practices and standards.听

What to look for:

1. Check the layout:听Always test your Survey Layout by conducting a Keyboard Accessibility check. In Qualtrics, some survey layouts may pose problems with a keyboard therefore, you must always test your survey to make sure it is accessible with a keyboard only.听听Problems with keyboard access are considered critical accessibility barriers as they will prevent some users from responding to your survey.听

   To conduct a keyboard accessibility check:

   1. Go to your survey preview
   2. Use the 鈥淭ab鈥� key to navigate through your survey. If your survey has questions with radio buttons (e.g. single choice questions) use the 鈥渁rrow鈥� keys to navigate through those questions.

   3. Are you:

      • Able to navigate to all elements (e.g. form fields, buttons, links, etc.) in your survey using only the 鈥楾ab鈥� key (or Arrow key)? 听
      • Can you make a selection in your survey using the 鈥渟pace鈥� or 鈥渆nter鈥� keys?
      • As you use the 鈥楾ab鈥� key can you see where your tab focus is located?

   If you respond 鈥榥o鈥� to these questions, then your survey may not be fully keyboard operable. You will need to change your survey layout until you find the most keyboard accessible layout.

2. Text Check:听The text must be reviewed to make sure the text in the survey is easy to read and that all non-text elements (e.g buttons, images, etc..) have text associated. If the text is difficult ot read or not present, users with various visual impairments will not be able to fully comprehend the survey.

3. Review the colors used in the Survey:听If the color displayed in a survey is difficult to see, there may be a problem with the color combinations used on the page. Review the foreground and background color of the survey and check that all information remains comprehensive.听

For additional accessibility testing tips and tools, go to听UDC鈥檚 Evaluations Page.

Question Types

• Avoid using question types that may not be accessible for survey takers with disabilities.
• Always make sure questions with input fields are resizable.
• Avoid using听videos and images听as part of a question. These questions may not be inclusive for survey takers with sight disabilities. Videos may also cause problems for survey takers who are deaf or hard of hearing if the video is missing captions.听
• To ensure users with visual disabilities have full understanding of a grid question, a听table summary听is required.
• If a question is听required, always make sure the required question has an asterisk next to it. Do not use color only to differentiate required questions from other question types.

Language

• Always provide听instructions听to questions to ensure users with disabilities will fully understand how to navigate the survey or question.听听
• Provide clear and descriptive听error messages听for survey takers to receive when they input incorrect data. The error message should clearly describe the error and explain how to fix it.
• Always be mindful of the听language听in your survey. Avoid using text that can be difficult to understand or can be taken out of context. For more guidance, visit听UDC鈥檚 Readability Page.听听

Structure

• Always add听headings听to your survey as they help organize information and allow survey takers using screen reader technology to better navigate a survey.听听
• Headers must always be part of your survey to provide structure and organization to your content. A survey MUST ALWAYS have a Header 1 (<h1>) and sub-headers can be included to further organize your survey.
• Do not skip heading levels. Proper header levels ascend from H1-H6.
• Headings should not be used to emphasize the importance of content instead, use underline or bold text.
• When emphasizing text, use the appropriate program features to听bold, underline or italicize text听instead of capitalizing text. Cap鈥檚 text is not understood by screen reader technology and this can prevent survey takers with disabilities from understanding important information.听
• A page description听is always needed to describe the purpose of the survey. Visit听Universal Design Center: Semantic Requirements听for more information.

Color

• Do not use听color only听to emphasize content
• Always make sure there is sufficient听color contrast听between the foreground and background of your survey.

Layout

• Use the recommended听accessible layouts and themes听in any survey creating tool.
• If a survey is long, it is recommended to break the survey into听multiple pages听and听enable question and page numbering听to let users know the length of the survey.
• Do not use the听One-At-A-Time听survey interaction feature as it interferes with screen reader technology鈥檚 ability to interpret information.听听

If time limits are present in a survey, a method to extend time limit should be present.听

• It is recommended to provide a visual countdown or display to let survey takers know how much time remains.
• Survey takers must be warned beforehand if a survey has a time limit.

• Make sure survey questions and input fields are听resizable.听
• For better mobile layout, always organize multiple choice questions in a听vertical layout.
• Avoid using听JavaScript-based questions听as they may not be accessible on mobile devices.

听

Departments must also have a method to let survey-takers know if alternative solutions are available. It is highly recommended to provide a statement near the top of the survey that let as a survey taker know who to contact for assistance and provide links to resources to help them.听

Example:

If you are having problems completing this form due to accessibility-related issues, contact (Department/survey creator contact information).听

In addition,听departments must establish alternative solutions to use if survey-takers have problems completing a survey due to accessibility barriers.听听

Examples of alternative solutions for a survey include:听

• RSVP Surveys: Provide a survey-taker another method to RSVP instead of a survey. For example, allow a survey-taker to call or email the department as an alternative.听 If a survey is used to RSVP to an event, allowing users to RSVP via phone or email would be an effective alternative.听
• Research & Climate Surveys: An alternative survey format can be made available to survey-takers who need it. Alternative formats could be a paper survey, PDF or other accessible electronic documents.
• Classroom Polls: If a survey is used for classroom polls or instruction, an alternative method to participate in class assignments should be considered such as an alternative device or program a survey taker can use instead.