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

Html5 semantics #731

Merged
merged 8 commits into from
Jul 12, 2022
Merged

Html5 semantics #731

merged 8 commits into from
Jul 12, 2022

Conversation

wackyleo459
Copy link
Contributor

Motivation : to improve user accessibility

Changes

  • Any banners, such as notification message that is shown on top during development or testing purpose, are given a role of banner. This is to account for any community users who rely on assistive technology.

  • Color contrast: the "ADD NEW DEVICE" and "ADD RECOVERY MECHANISM" button text color was adjusted to have appropriate color contrast ratio of 4.5:1. Color differentiation is not apparent.

Screen Shot 2022-07-07 at 2 02 58 PM

Screen Shot 2022-07-08 at 1 14 22 PM

Screen Shot 2022-07-08 at 1 14 17 PM

  • Icon Settings button given aria-label

  • During Copy of seed phrase, copy button changes to checked icon. Added title label.

Screen Shot 2022-07-08 at 12 56 54 PM

Fix

  • typo in FAQ section
  • id label deviceLabel changed to class label, as id label only is for one unique element.

@@ -139,7 +139,7 @@ const pageContent = (userNumber: bigint, devices: DeviceData[]) => html`
<label>Identity Anchor</label>
<div class="highlightBox">${userNumber}</div>
<div class="labelWithAction">
<label class="labelAddedDevices" id="deviceLabel"
<label class="labelAddedDevices" class="deviceLabel"

Choose a reason for hiding this comment

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

Nit: I don't think there is any styling attached to the deviceLabel class. You could also just remove it?

Copy link
Member

@frederikrothenberger frederikrothenberger left a comment

Choose a reason for hiding this comment

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

LGTM, thanks!

@wackyleo459 wackyleo459 merged commit 8ad421c into main Jul 12, 2022
@wackyleo459 wackyleo459 deleted the html5-semantics branch July 12, 2022 22:41
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