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

Showing text changes #126

laurenceberry opened this Issue Mar 6, 2018 · 1 comment


3 participants

laurenceberry commented Mar 6, 2018

Showing text changes


An insertion and deletion pattern we're using to show changes in a text.


On the Digital Marketplace we have used this pattern in 2 places and I've spoken to other teams within GDS who have prototyped similar designs.

See a related discussion on dropbox-paper:

This pattern needs usability and accessibility testing.


Insertion background colour: #acf2bd
Deletion background colour: #fdb8c0

We have hidden text to announce inserted or removed text, adding a ',' slows the screenreader down. I think we need to understand more about how to announce inserted or deleted content in a user friendly way for screen reader users.

screen shot 2018-03-06 at 16 42 34


screen shot 2018-03-06 at 16 14 43

mar-06-2018 16-19-18


This comment has been minimized.


ignaciaorellana commented Mar 21, 2018

@laurenceberry Hi Laurence, sorry for the late response! Thanks for this. It would be interesting to see if there are other departments in government using something similar (with a similar user need). If you want to and have time, you could try to ask via the digital service designer mailing list or slack to ask for examples. That would help us understand if it could be a useful pattern for other services in gov.

@timpaul timpaul added the pattern label May 21, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment