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

Open
laurenceberry opened this Issue Mar 6, 2018 · 1 comment

Comments

3 participants
@laurenceberry

laurenceberry commented Mar 6, 2018

Showing text changes

What

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

Why

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: https://paper.dropbox.com/doc/Document-history-xF4y6zErHipG4hJwmTfMo

This pattern needs usability and accessibility testing.

Code

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

Screenshots

screen shot 2018-03-06 at 16 14 43

mar-06-2018 16-19-18

@ignaciaorellana

This comment has been minimized.

Contributor

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