Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove hard to read postcode from example #2956

Merged
merged 1 commit into from
Jul 19, 2023
Merged

Conversation

36degrees
Copy link
Contributor

It’s been flagged that the example postcode may be hard to read by users with dyscalculia, dyslexia, dyspraxia or ADHD because the example repeats the same numbers and letters with the same shape so they ‘merge’ visually.

Additionally, the examples of error states in the current pattern for ‘asking users for addresses’ is inconsistent with this and does not include an example postcode, only:

Enter a real postcode

We can avoid both problems by not including an error that mentions postcodes in the error summary example.

Remove the postcode error and add a new error relating to the user’s name. Add the error for the user’s name to the top as this reflects the order the questions would likely be asked in.

We may want to revisit the example in ‘asking users for addresses’ in the future. If we choose to include an example postcode, we should use a postcode that does not include repeated or visually similar characters.

It’s been flagged that the example postcode may be hard to read by users with dyscalculia, dyslexia, dyspraxia or ADHD because the example repeats the same numbers and letters with the same shape so they ‘merge’ visually. [1]

Additionally, the examples of error states in the current pattern for ‘asking users for addresses’ [2] is inconsistent with this and does not include an example postcode, only:

> Enter a real postcode

We can avoid both problems by not including an error that mentions postcodes in the error summary example.

Remove the postcode error and add a new error relating to the user’s name. Add the error for the user’s name to the top as this reflects the order the questions would likely be asked in.

We may want to revisit the example in ‘asking users for addresses’ in the future. If we choose to include an example postcode, we should use a postcode that does not include repeated or visually similar characters.

[1]: alphagov/govuk-design-system-backlog#46 (comment)
[2]: https://webarchive.nationalarchives.gov.uk/ukgwa/20230601111732/https://design-system.service.gov.uk/patterns/addresses/#error-messages
@netlify
Copy link

netlify bot commented Jul 19, 2023

You can preview this change here:

Name Link
🔨 Latest commit 461d7cc
🔍 Latest deploy log https://app.netlify.com/sites/govuk-design-system-preview/deploys/64b7b7b5c0eae9000835bd53
😎 Deploy Preview https://deploy-preview-2956--govuk-design-system-preview.netlify.app/components/error-summary
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@36degrees 36degrees merged commit 77c9af7 into main Jul 19, 2023
@36degrees 36degrees deleted the error-summary-example branch July 19, 2023 12:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

2 participants