Photograph: Shane Rounce on Unsplash

Learn Courses preview Course plans by Shane Rounce. Enrolment is not open.

← All courses

A close pattern of red and dark geometric tiles

Photograph: Shane Rounce on Unsplash

Course plan · Enrolment not openDesign and experience · Self-paced

Accessible interfaces and optional motion

With Shane Rounce

I teach accessible interfaces and optional motion through a practical project, worked examples and checks that another person can repeat. This is a complete course plan; lesson recordings, workbooks and delivery are still to be produced.

4 weeks16 learning hoursSelf-paced

I’m developing this course as part of Learn Courses. This is the full teaching plan, ready to review before I produce the lessons and open enrolment.

IS THIS FOR YOU?

Who I’m building this for

Designers and frontend developers.

Before you begin

A computer with a current browser and permission to use the project material.
Basic familiarity with the subject and the ability to prepare and share a small digital project.
No client records, credentials or production changes are needed for the exercises.

PROPOSED COURSE FEE

£99

Provisional planning figure, not an approved price or an offer for sale. I have assumed reusable self-paced lessons and bounded support. Production effort, access period, assessment support and tax treatment need confirming before sale.

Planning price only. Enrolment is closed and no payment is taken.

Explore a sample learning space →

The sample is fictional. It is separate from this course’s future lessons.

A PRACTICAL NEXT STEP

What you’ll be able to do

Design a static version that preserves every instruction and meaningful value.
Build labelled forms, focus order and accessible errors using native elements.
Implement reduced-motion preferences, pause controls and persistent feedback.
Review keyboard use, zoom, contrast and screen-reader names in a working prototype.

THE TEACHING PLAN

Your next 4 weeks

A clear route through the subject, with something to make, test or reflect on at every stage.

MODULE 1

Make the still state complete

I explain the decisions behind make the still state complete using worked examples, a deliberately broken case and a corrected version. The lesson distinguishes what the evidence establishes from what still needs checking.

Your practical activity: Design a static version that preserves every instruction and meaningful value.
How I’ll check your understanding: Submit the working artefact and a short evidence note for module 1: design a static version that preserves every instruction and meaningful value. Include the initial state, the chosen change, a meaningful failure case and the result of the check. I review whether the evidence supports the conclusion and return specific revisions where it does not.

MODULE 2

Use semantic controls

I explain the decisions behind use semantic controls using worked examples, a deliberately broken case and a corrected version. The lesson distinguishes what the evidence establishes from what still needs checking.

Your practical activity: Build labelled forms, focus order and accessible errors using native elements.
How I’ll check your understanding: Submit the working artefact and a short evidence note for module 2: build labelled forms, focus order and accessible errors using native elements. Include the initial state, the chosen change, a meaningful failure case and the result of the check. I review whether the evidence supports the conclusion and return specific revisions where it does not.

MODULE 3

Make movement a choice

I explain the decisions behind make movement a choice using worked examples, a deliberately broken case and a corrected version. The lesson distinguishes what the evidence establishes from what still needs checking.

Your practical activity: Implement reduced-motion preferences, pause controls and persistent feedback.
How I’ll check your understanding: Submit the working artefact and a short evidence note for module 3: implement reduced-motion preferences, pause controls and persistent feedback. Include the initial state, the chosen change, a meaningful failure case and the result of the check. I review whether the evidence supports the conclusion and return specific revisions where it does not.

MODULE 4

Check access in context

I explain the decisions behind check access in context using worked examples, a deliberately broken case and a corrected version. The lesson distinguishes what the evidence establishes from what still needs checking.

Your practical activity: Review keyboard use, zoom, contrast and screen-reader names in a working prototype.
How I’ll check your understanding: Submit the working artefact and a short evidence note for module 4: review keyboard use, zoom, contrast and screen-reader names in a working prototype. Include the initial state, the chosen change, a meaningful failure case and the result of the check. I review whether the evidence supports the conclusion and return specific revisions where it does not.

PUT IT INTO PRACTICE

Your final project

Build and document a complete practical project for accessible interfaces and optional motion. Use an invented organisation or an expressly permitted personal project, join the four module artefacts into one coherent result and demonstrate a normal journey, a failure state and a recovery or revision.

What you’ll produce

Module 1 artefact: Design a static version that preserves every instruction and meaningful value.
Module 2 artefact: Build labelled forms, focus order and accessible errors using native elements.
Module 3 artefact: Implement reduced-motion preferences, pause controls and persistent feedback.
Module 4 artefact: Review keyboard use, zoom, contrast and screen-reader names in a working prototype.
A concise project brief, source and rights record, evidence log and handover with known limitations.

What good work looks like

Make the still state complete: 20 marks for a correct artefact, justified decisions and repeatable evidence.
Use semantic controls: 20 marks for a correct artefact, justified decisions and repeatable evidence.
Make movement a choice: 20 marks for a correct artefact, justified decisions and repeatable evidence.
Check access in context: 20 marks for a correct artefact, justified decisions and repeatable evidence.
Integration and handover: 20 marks for a coherent project, source acknowledgement, appropriate access and a clear explanation of remaining limits. Pass requires at least 70/100 and correction of any privacy, access or destructive-operation defect before completion.

Resources for your learning

A worked example and a deliberately broken fixture for make the still state complete.
A worked example and a deliberately broken fixture for use semantic controls.
A worked example and a deliberately broken fixture for make movement a choice.
A worked example and a deliberately broken fixture for check access in context.
A accessible interfaces and optional motion workbook with evidence prompts and the capstone marking sheet.
A transcript, caption file and text-first lesson version for every recording.
A downloadable source-and-rights checklist and a sample completed project handover.

A course you can access

Provide edited captions, transcripts and a text-first route through every lesson.
Use keyboard-operable exercises, visible focus, legible contrast and no essential autoplay or motion.
Supply downloadable instructions and low-bandwidth alternatives; avoid timed assessment as a default.
Offer equivalent written evidence where live attendance or spoken presentation is a barrier and document support before enrolment.

FINISH WITH SOMETHING USEFUL

How you’ll complete the course

Submit all four module artefacts and respond to assessment feedback.
Complete the capstone at 70/100 or above with no unresolved access, privacy or destructive-operation defect.
Explain a meaningful failure case and the limits of the result in the evidence log.
Completion records describe assessed participation; I am not claiming external accreditation.

Completion will describe the work you have done. No external accreditation or professional qualification is claimed.

BEFORE I OPEN ENROLMENT

What I still need to finish

I’ll turn this plan into a delivered course once the teaching material and the learning service are ready.

Produce and editorially review the four lessons, worked examples, broken fixtures and marking guidance for accessible interfaces and optional motion.
Build and test the course-specific workbook and capstone reference project using synthetic or permitted material.
Pilot the complete learner journey, including mobile, keyboard, captions, assessment feedback and recovery from interrupted access.
Approve the actual price, tax treatment, refund terms, access period, support boundaries and any cohort dates before accepting payment.
Implement and test authentication, server-side paid entitlements, webhook reconciliation, private asset access and tenant isolation before unlocking paid lessons.
Confirm tutor availability, feedback turnaround, moderation responsibilities and capacity before advertising tutor-led support.
Review source licences, sample rights and current official technical guidance before recording or publishing the material.

The ideas behind the course

My published articles are background reading for this plan. The full lessons, activities and assessment material still need producing.

EXPLORE THE ACADEMY

See how the learning space feels.

Try the fictional learner demo →