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

Survey signature #1665

Merged
merged 1 commit into from
Dec 3, 2023
Merged

Conversation

henrycatalinismith
Copy link
Collaborator

@henrycatalinismith henrycatalinismith commented Nov 25, 2023

The survey signature functionality in the new survey page was one of the biggest missing pieces of the puzzle. This PR attempts to square it away.

Screenshot 2023-11-25 at 20 33 47

I've localized all the strings, added playwright tests for all three code paths, made it preserve all user input in case of a backend error, added some vertical space between the text input fields, and tidied up some of the type definitions. Really enjoying working on this stuff very much indeed!

Here's a before/after showing the impact that the improved semantics here have on the screen reader UX.

Before After
Screenshot 2023-11-25 at 20 38 49 Screenshot 2023-11-25 at 20 38 21

You can see that VoiceOver is now able to understand the relationship between the radio buttons and the label.

@henrycatalinismith henrycatalinismith force-pushed the issue-1620/survey-signature branch from 53d904c to 933c9dc Compare November 25, 2023 19:37
);

const selectedStyle = {
backgroundColor: '#fbcbd8',
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@richardolsson I've not been able to track down this color or a similar one in the theme to satisfy your comment. Want me to add it? Or is this just my lack of familiarity with the theme?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's leave it as is for now until we get some designers to look at this before launching it. Thanks for pointing it out!

@henrycatalinismith henrycatalinismith mentioned this pull request Nov 25, 2023
Copy link
Member

@richardolsson richardolsson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love it! Great work! I'm sorry for not finding the time to look at it sooner but wanted to make sure it's been reviewed before today's hackathon. Let's figure out what to work on next! 🙌

);

const selectedStyle = {
backgroundColor: '#fbcbd8',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's leave it as is for now until we get some designers to look at this before launching it. Thanks for pointing it out!

@richardolsson richardolsson merged commit df008a6 into issue-1620/survey-page Dec 3, 2023
4 checks passed
@richardolsson richardolsson deleted the issue-1620/survey-signature branch December 3, 2023 07:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants