Computer Science · Grade 10 · Impacts of Computing on Society · Term 3

Inclusive Design and Accessibility

Explore principles of inclusive design to ensure technology is accessible to individuals with diverse needs.

• Ontario Curriculum Expectations
• CS.HS.S.6
• CS.HS.S.7

About This Topic

Inclusive design makes technology usable for people with diverse abilities, ages, and backgrounds. In Grade 10 Computer Science under the Ontario curriculum, students examine principles from Web Content Accessibility Guidelines (WCAG), including perceivable, operable, understandable, and robust content. They assess everyday technologies like apps and websites for features such as alternative text for images, sufficient color contrast, resizable text, and keyboard-only navigation. This work addresses key questions on evaluating accessibility and designing equitable interfaces.

Students connect these ideas to ethical software development and societal impacts, recognizing how poor design excludes users with visual, auditory, motor, or cognitive challenges. They justify inclusive practices through prototypes that prioritize universal usability, aligning with standards CS.HS.S.6 and CS.HS.S.7 on computing's broader effects.

Active learning excels with this topic because students build empathy via hands-on simulations and iterative testing. When they prototype interfaces, test with simulated disabilities, and gather peer feedback, abstract guidelines turn into practical skills they apply immediately, fostering both technical competence and social awareness.

Key Questions

1. Evaluate existing technologies for their adherence to accessibility standards.
2. Design a user interface that considers the needs of diverse users.
3. Justify the ethical and practical importance of inclusive design in software development.

Learning Objectives

• Critique existing digital interfaces for adherence to at least three Web Content Accessibility Guidelines (WCAG) principles.
• Design a wireframe for a mobile application feature that accommodates users with visual and motor impairments.
• Explain the ethical implications of excluding users with disabilities from technology access.
• Compare and contrast the usability of two different websites from the perspective of users with diverse needs.

Before You Start

Introduction to User Interface (UI) Design

Why: Students need a basic understanding of how interfaces are structured and how users interact with them before they can analyze or improve accessibility.

Basic Understanding of Digital Citizenship and Ethics

Why: This topic builds on the idea of responsible technology use and the impact of computing on society, including fairness and equity.

Key Vocabulary

Universal Design	The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.
Web Content Accessibility Guidelines (WCAG)	A set of international standards for making web content accessible to people with disabilities, organized around four principles: perceivable, operable, understandable, and robust.
Assistive Technology	Any product, equipment, or system that is used to increase, maintain, or improve the capabilities of individuals with disabilities.
Perceivable	Information and user interface components must be presentable to users in ways they can perceive. For example, providing text alternatives for non-text content.

Watch Out for These Misconceptions

Common Misconception

Inclusive design only matters for people with disabilities.

What to Teach Instead

It improves usability for everyone by addressing common barriers like small text or poor navigation. Pair audits reveal how features benefit elderly users or those in bright sunlight, building broader appreciation through shared examples.

Common Misconception

Accessibility features add too much extra work to projects.

What to Teach Instead

Principles integrate early to streamline development and avoid costly retrofits. Prototyping activities show students how simple choices, like semantic HTML, save time, as groups compare accessible versus non-accessible versions.

Common Misconception

Visual design can ignore color blindness since few people have it.

What to Teach Instead

About 8% of males and 0.5% of females experience it, affecting millions of users. Role-play simulations with filters help students experience issues firsthand and prioritize patterns over color alone.

Active Learning Ideas

Pair Audit: Website Accessibility Check

Pairs select three common websites or apps and use tools like WAVE or Lighthouse to identify issues such as missing alt text or low contrast. They document findings on a shared checklist and propose one fix per site. Groups then present top issues to the class for discussion.

45 min·Pairs

Design Challenge: Inclusive App Prototype

In small groups, students sketch wireframes for a school app interface considering color blindness, motor limitations, and low vision. They incorporate POUR principles and test prototypes with classmates using colored cellophane filters. Groups refine based on feedback and share final designs.

60 min·Small Groups

Role-Play: User Testing Scenarios

Assign roles like one-handed user or screen reader dependent; students navigate a sample interface under constraints. They record barriers and successes, then debrief in whole class to brainstorm solutions. Follow with individual reflection on design changes.

50 min·Whole Class

Gallery Walk: Accessibility Posters

Individuals create posters highlighting one WCAG principle with real-world examples and fixes. Display around the room for a gallery walk where small groups add sticky-note suggestions. Conclude with vote on most impactful idea.

40 min·Individual

Real-World Connections

• Software developers at Microsoft use accessibility guidelines to ensure products like Windows and Office are usable by individuals with visual impairments, hearing loss, or mobility challenges, impacting millions globally.
• UX designers at Shopify create e-commerce platforms that incorporate features like keyboard navigation and clear labeling, enabling small business owners with diverse abilities to manage their online stores effectively.
• Government websites, such as Canada.ca, are mandated to follow accessibility standards to ensure all citizens can access essential information and services online, regardless of their abilities.

Assessment Ideas

Quick Check

Present students with screenshots of three different websites or app interfaces. Ask them to identify one specific feature on each that supports accessibility and one area where it could be improved, referencing WCAG principles.

Discussion Prompt

Facilitate a class discussion using the prompt: 'Imagine you are designing a new social media app. What are the top three accessibility features you would prioritize, and why are these ethically and practically important for your user base?'

Peer Assessment

Students create a simple wireframe for a user profile page. They then exchange wireframes with a partner and provide feedback using a checklist: Is there sufficient color contrast? Are interactive elements clearly labeled? Can it be navigated without a mouse? Partners offer one suggestion for improvement.

Frequently Asked Questions

What are the core principles of inclusive design in computer science?

The POUR framework from WCAG guides inclusive design: Perceivable (content visible via sight, sound, touch); Operable (navigable without mouse); Understandable (clear language, predictable); Robust (compatible with assistive tech). Grade 10 students apply these by auditing sites and prototyping apps, ensuring technology serves diverse users effectively.

How do I teach students to evaluate technology for accessibility?

Use free tools like Chrome Lighthouse or WAVE extension for audits on familiar sites. Have students checklists for alt text, contrast ratios, and keyboard traps. Follow with discussions on fixes, connecting to real impacts like excluding visually impaired users from online learning.

Why is inclusive design ethically important in software development?

It prevents digital exclusion, upholds equity, and complies with laws like AODA in Ontario. Students justify this by analyzing cases where poor design marginalized users, then design alternatives. This builds ethical reasoning alongside practical skills for responsible computing careers.

How can active learning help students grasp inclusive design?

Activities like simulating disabilities with screen overlays or one-handed challenges build empathy and reveal barriers firsthand. Group prototyping and peer testing encourage iteration, turning guidelines into tangible experiences. Students retain more when they test and refine designs collaboratively, applying concepts to school tech audits.

From the Blog

How to Write a Lesson Plan: A 7-Step Guide for Teachers

Learn how to write a lesson plan in 7 clear steps, from setting objectives to post-lesson reflection, with practical examples for every grade level.