--- title: "Are enough instructions provided for everyone to understand and operate the content?" date: "2024-08-18T10:57:01+00:00" summary: "Learn how to create accessible instructions that don't rely on shape, size, or position. Improve user experience for all abilities." image: type: "page" url: "/web-governance/are-enough-instructions-provided-everyone-understand-and-operate-content" id: "89f827e0-a009-4c52-885b-406d968c6eb7" --- Table of contents will be added **1.3.3 Sensory Characteristics** Introduction ------------ This document provides information about the Acquia Web Governance accessibility check: * Are enough instructions provided for everyone to understand and operate the content? What ---- Instructions about how to use the content of the website must be formulated to be understandable even if a user cannot perceive shape, color, size, visual location, orientation, or sound. Why --- Users who are limited in one of their senses may not be able to use your content if the instructions only rely on one type of input that the user has difficulty with. For instance, blind individuals who use screen readers to access websites cannot perceive properties like shape and color. Consequently, if you rely on instructions related to shape or color, it may hinder these users from accessing your content. Who --- ### Affected users This check affects the following users who have: * No impairments: On a small screen device where location /orientation of content layout may be different than on the desktop version. * Sight impairments: Who access the site contents with a screen reader or other text-to-speech software. * Hearing impairments: Who can not use instructions based on audio cues. ### User story ![Woman smiling while doing yoga, with a child playfully climbing on her back in a cozy living room.](https://acquia.widen.net/content/ab902dae-f391-4c4d-a431-77ca08d2adc6/web/Mon_AccessibilityHelpCenter-UserStory-WomanDoingYogaWithGirl.png) Bridgit is a blind mother to a five-year-old girl and an 11-year-old boy: _“I recently had to complete an online learning course at my workplace. The course consisted of several pages of text followed by questions. After filling out the first page, there was an instruction to click on the arrow to continue. However, I couldn't find the "arrow" with my screen reader. I find it frustrating when such a small thing prevents me from doing my work.”_ Examples -------- This section provides some common examples of the issue. ### Example 1: Shape, color, and text  In relation to a multi-step questionnaire, the following instruction is provided: "Press the green arrow labeled 'Next' to continue." This instruction can be easily understood by individuals who can not see, as it refers to both the shape, color, and the text label on the arrow. The text label can be read by the assistive technologies that blind users rely on. ![A web page is prompting the visitor to sign up for a webinar. The web page contains a multi-step form. On the first step, the visitor is asked to enter a few personal details and can continue to the subsequent step by clicking a green arrow accompanied by the text label "Next".](https://acquia.widen.net/content/a6ef648d-82b6-4975-8997-ad2ea8d86555/web/Mon_AccessibilityHelpCenter-click-next-button-example.png?w=480&itok=yF_OZVcO) ### Example 2: Directional text A website provides the user with the following instructions to get help: “Write to us via the chat function in the box on the right.” Users who cannot see the visual layout of the page struggle to follow the instruction. When the page is displayed in mobile view, it can cause issues because the chat function, which is displayed on the right in the desktop version of the website, is no longer shown on the right but further down on the page. ![A web page provides instructions on how to contact customer support through the website chat function. The instructions indicate that the chat function is available on the right. A chat widget is showing on the bottom right of the page.](https://acquia.widen.net/content/9df8fd83-6fb5-4f56-ae8d-ee896fd0a9db/web/Mon_need-assistance-example-page.png?w=480&itok=FxWxXmZl) ### Example 3: Verbal instructions During an online course test, the following verbal instruction is given to the user: "Begin typing your response when you hear the starting sound." People with hearing impairments cannot follow instructions that rely solely on sound. How --- This section provides instructions on how to review and fix the issue, as well as some practical examples. ### How to review it 1. Examine your website for any instances where you provide user instructions. 2. For each instruction, ensure that it does not solely rely on shape, color, size, visual location, orientation, or sound. Try to ask yourself if you could follow the instructions without the user of sight or hearing. ### How to fix it If you find instructions on your website that require the use of a specific sense, modify the instructions to make them usable by everyone. ### Examples The following examples describe some methods to change instructions. * Change “Press the green arrow to proceed” to “Press the green arrow labeled ‘Next’ to proceed.” * Change “Begin typing your response when you hear the starting sound” to “Begin typing your response when the system sends the message 'Start your test' and plays the the starting sound.' * Change “Write to us via the chat function in the box on the right” to “Write to us via the chat function found under the heading 'Contact,' in the box on the right.” * Note In the previous example, we refer to the heading “Contact”, located just above the chat function. This heading can be identified by screen readers, whereas the position “to the right” cannot be located by a screen reader. Sometimes it may be necessary for you to modify the content in order to provide instructions that work for people with limited use of a specific sense. In the example where a sound signal is used to indicate the start of the test, it is necessary to add a visual text that also shows when the test begins. Additional resources -------------------- This section contains useful resources for this subject. ### WCAG success criteria [1.3.3 Sensory Characteristics](https://www.w3.org/WAI/WCAG21/Understanding/sensory-characteristics.html)