Computer science · Grades 7–12
Designing digital work for more users
Important information should not rely only on colour, sound or images.
Understand the idea
Multiple ways to perceive
Important information should not rely only on colour, sound or images.
Multiple ways to operate
Controls should be usable without requiring one particular input device.
Describe purpose
Clear labels and meaningful text alternatives help users understand content.
Worked examples
Which design communicates an error without relying only on colour?
The information remains available when colour is not perceived.
An error message and icon alongside the colour change
Why should a form field have a clear label rather than only placeholder text?
Credit clarity and programmatic/visual association.
A label identifies the field consistently and can remain visible while the user enters information.
Try it yourself
Which helps someone who cannot use a mouse?
- Mouse-only dragging
- A button hidden until a precise mouse gesture
- Keyboard-operable controls with visible focus
- Hover-only instructions
What should alternative text for an informative chart convey?
Which video feature helps users who cannot hear its speech?
- a brighter border
- a different file name
- accurate captions
- only louder music
Why can link text such as click here be unclear when read out of context?
Answers and marking notes
Answers and marking notes
- Keyboard-operable controls with visible focus
Keyboard access supports alternative operation.
- The chart's purpose and meaningful information, with detailed data or a longer description when needed.
Do not require every visual detail if it does not serve the information task.
- accurate captions
Captions convey spoken and relevant auditory information in text.
- It does not describe the destination or purpose, especially in a list of links.
Credit descriptive link text.
Further reading and review references
These are reference links, not copied exercises, institutional endorsement or proof of independent review.
Preview material · independent educational review required. Grade bands are approximate, not official curriculum alignment.