Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
160 lines (105 sloc) 11.9 KB
title description date
Inclusive forms: Anatomy of a (fictional) GOV.UK service
References for my talk on inclusive forms on GOV.UK at the London Accessibility meetup.
2019-02-22

Last night I spoke for the first time at the London Accessibility Meetup.{.paragraph--lead}

I talked about how we build inclusive online forms across government, using a fictional GOV.UK service as an example.{.paragraph--lead}

To those who weren't able to make it, the talk is available on YouTube.

In putting it together I found myself pulling together information from loads of different blog posts, previous talks, and from pull requests and issues from GitHub.

This is an attempt to link out to all of those things, for anyone that wants to find out more.

Have I missed something out here? Feel free to edit this post on GitHub and raise a pull request.

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 50px 0; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<iframe src='https://www.youtube.com/embed/JHaLzm-FGsc' frameborder='0' allowfullscreen></iframe>

[[toc]]

Introduction

1. Start Page

Naming your service using verbs, not nouns

Conveying page structure using headings

Ensuring that links that look like buttons behave like buttons

Clear and consistent focus states

2. Have you held a juggling licence before?

Supporting users who change colours in their browser

Start with one thing per page

Making a legend a heading

Custom radio buttons and checkboxes

3. Previous licence details

Form layout

Asking for dates

Helping users understand when there is a problem

Linking from the error summary to different fields

Associating the error message with the input

4. What is your most impressive juggling trick?

Making a legend a label

Providing feedback using a character count

5. Check your answers

6. Confirmation page

General links

Corrections

  • 'Register as a childminder' is built by Ofsted, not the Department for Education.

*[WCAG]: Web Content Accessibility Guidelines

You can’t perform that action at this time.