Inclusive web design and accessibility features are the focus of this Grade 10 Computer Science worksheet for digital design and web development. Students examine how alt text, strong contrast, readable typography, keyboard-friendly navigation, focus indicators, and semantic headings help make websites usable by a wider range of people.

Connect accessibility features to real user needs

The lesson introduces accessible web design as planning for people who may use screen readers, keyboard-only navigation, different devices, or different screen sizes. Students explore why designers should not assume that everyone interacts with a website in the same way.

Specific features are tied to practical purposes. Alt text provides descriptions of important images for screen-reader users. Strong contrast improves readability when text and background colors are too similar. Readable fonts and spacing support clearer scanning, while keyboard-friendly navigation allows users to move through links and buttons without relying on a mouse.

Understand navigation and page structure

Students also examine focus indicators and semantic headings. A visible focus indicator helps keyboard users identify which interactive element is currently selected, while semantic headings help screen readers interpret page structure and allow users to move between sections more efficiently.

Practice includes a dialogue, definition matching, a cloze passage, diagram labeling, a reading passage, multiple-choice questions, true-or-false statements, short responses, and an extended response. Students identify accessibility features, explain their purpose, evaluate design problems, and select improvements for realistic web scenarios.

Apply accessibility principles to a website

The extended response asks students to improve a school website with images lacking descriptions, low-contrast buttons, and mouse-only navigation. They propose changes and explain how each improvement supports different users. This gives students practice moving from recognizing accessibility vocabulary to applying inclusive design principles.

Included for teachers

• Grade 10 Computer Science worksheet focused on web accessibility and inclusive design
• Separate Teacher Guide PDF with learning objectives, teaching tips, discussion questions, and common mistakes

Use this web accessibility worksheet within a digital design or web development unit when introducing inclusive design, reinforcing usability principles, or reviewing how interface choices affect different users. The resource supports discussion, guided practice, independent work, or preparation for students to evaluate and improve their own web designs.