Skip to content

A11y signup #280

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.

Sign up for GitHub

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

Merged
d-beezee merged 14 commits into from
Jan 19, 2024
Merged

A11y signup #280

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
3051bd7
feat: wrap app in aria-live div for accessibility
iacopolea Jan 17, 2024
e507b6f
feat(signup): step0 validation focus
iacopolea Jan 17, 2024
b891320
chore: update des sys
iacopolea Jan 17, 2024
7e9b58b
feat(a11y): language switcher menu
iacopolea Jan 17, 2024
75ac710
feat(signup): a11y step 0
iacopolea Jan 17, 2024
02c5d4a
chore: update des sys
iacopolea Jan 17, 2024
fdb4235
chore: update des-sys
iacopolea Jan 17, 2024
352cb91
Add translation support to SiteWideMessages component
iacopolea Jan 17, 2024
d5d22b8
Add aria-hidden attribute to password requirement icons
iacopolea Jan 17, 2024
fcea6d2
feat(signup): focus on invalid fields on step1
iacopolea Jan 17, 2024
364f283
fix(login): error style
iacopolea Jan 18, 2024
8a208c9
Add aria-invalid and aria-errormessage attributes to BirthdayInput co…
iacopolea Jan 18, 2024
7a9fba0
Update language switcher text in getting-started.spec.ts
iacopolea Jan 18, 2024
a590ac0
feat(signup): Update links and translations
iacopolea Jan 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"version": "0.2.0",
"private": true,
"dependencies": {
"@appquality/appquality-design-system": "^1.0.62",
"@appquality/appquality-design-system": "^1.0.67",
"@appquality/craft-blocks": "^0.1.27",
"@datadog/browser-logs": "^3.4.1",
"@reduxjs/toolkit": "^1.8.2",
Expand Down
280 changes: 141 additions & 139 deletions src/Page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,152 +57,154 @@ function Page() {

return (
<SentryWrapper history={history}>
<SiteWideMessages />
<GenericModal />
<Router history={history}>
<Switch>
<SentryRoute
path={`${base}/getting-started/signup`}
component={Signup}
/>
<SentryRoute
path={`${base}/getting-started/confirmation`}
component={SignupSuccess}
/>
<SentryRoute
path={`${base}/getting-started`}
component={GettingStarted}
/>
<SentryRoute path={`/it/getting-started-2`}>
<Redirect to="/it/getting-started" />
</SentryRoute>
<div aria-live="polite">
<SiteWideMessages />
<GenericModal />
<Router history={history}>
<Switch>
<SentryRoute
path={`${base}/getting-started/signup`}
component={Signup}
/>
<SentryRoute
path={`${base}/getting-started/confirmation`}
component={SignupSuccess}
/>
<SentryRoute
path={`${base}/getting-started`}
component={GettingStarted}
/>
<SentryRoute path={`/it/getting-started-2`}>
<Redirect to="/it/getting-started" />
</SentryRoute>

<SentryRoute path={`${base}/login`} component={Login} />
<SentryRoute path={`${base}/login`} component={Login} />

<SentryRoute
path={`*/login`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: `/login`,
}}
/>
)}
/>
<SentryRoute
path={`*/login`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: `/login`,
}}
/>
)}
/>

<SentryRoute path={`${base}/my-dashboard`} component={Dashboard} />
<SentryRoute path={`${base}/my-dashboard`} component={Dashboard} />

<SentryRoute
path={`${base}/personal-equipment`}
component={Devices}
/>
<SentryRoute
path={`/it/i-miei-device`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/personal-equipment",
}}
/>
)}
/>
<SentryRoute
path={`/es/dispositivos`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/personal-equipment",
}}
/>
)}
/>
<SentryRoute
path={`${base}/personal-equipment`}
component={Devices}
/>
<SentryRoute
path={`/it/i-miei-device`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/personal-equipment",
}}
/>
)}
/>
<SentryRoute
path={`/es/dispositivos`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/personal-equipment",
}}
/>
)}
/>

<SentryRoute path={`/it/la-mia-dashboard`}>
<Redirect to="/it/my-dashboard" />
</SentryRoute>
<SentryRoute path={`/es/tablero`}>
<Redirect to="/es/my-dashboard" />
</SentryRoute>
<SentryRoute path={`/it/la-mia-dashboard`}>
<Redirect to="/it/my-dashboard" />
</SentryRoute>
<SentryRoute path={`/es/tablero`}>
<Redirect to="/es/my-dashboard" />
</SentryRoute>

<SentryRoute path={`${base}/my-bugs`} component={MyBugs} />
<SentryRoute path={`${base}/vdp/:id/:token`} component={VdpPage} />
<SentryRoute
path={`${base}/experience-points`}
component={ExperiencePoints}
/>
<SentryRoute
path={`${base}/it/punti-esperienza`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/experience-points",
}}
/>
)}
/>
<SentryRoute
path={`${base}/es/puntos-de-experiencia`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/experience-points",
}}
/>
)}
/>
<SentryRoute
path={`${base}/it/i-miei-bug`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/my-bugs",
}}
/>
)}
/>
<SentryRoute
path={`${base}/es/errores-cargados`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/my-bugs",
}}
/>
)}
/>
<SentryRoute path={`${base}/my-bugs`} component={MyBugs} />
<SentryRoute path={`${base}/vdp/:id/:token`} component={VdpPage} />
<SentryRoute
path={`${base}/experience-points`}
component={ExperiencePoints}
/>
<SentryRoute
path={`${base}/it/punti-esperienza`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/experience-points",
}}
/>
)}
/>
<SentryRoute
path={`${base}/es/puntos-de-experiencia`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/experience-points",
}}
/>
)}
/>
<SentryRoute
path={`${base}/it/i-miei-bug`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/it/my-bugs",
}}
/>
)}
/>
<SentryRoute
path={`${base}/es/errores-cargados`}
component={({ location }: { location: Location }) => (
<Redirect
to={{
...location,
pathname: "/es/my-bugs",
}}
/>
)}
/>

<SentryRoute path={`${base}/my-account`} component={Profile} />
<SentryRoute path={`${base}/payments`} component={Wallet} />
<SentryRoute path={`${base}/leaderboard`} component={Ranking} />
<SentryRoute
path={`${base}/campaign/:id/bugform`}
component={BugForm}
/>
<SentryRoute path={`${base}/thank-you`} component={ThankYouPage} />
{/* TODO Temporary route */}
<SentryRoute
path={`${base}/campaign/:id/preview-selection-form`}
component={PreviewSelectionForm}
/>
<SentryRoute
path={["/goodbye", "/it/goodbye", "/es/goodbye"]}
exact
component={GoodbyePage}
/>
<SentryRoute
path={["/", "/it", "/es"]}
exact
component={() => <Home />}
/>
</Switch>
</Router>
<SentryRoute path={`${base}/my-account`} component={Profile} />
<SentryRoute path={`${base}/payments`} component={Wallet} />
<SentryRoute path={`${base}/leaderboard`} component={Ranking} />
<SentryRoute
path={`${base}/campaign/:id/bugform`}
component={BugForm}
/>
<SentryRoute path={`${base}/thank-you`} component={ThankYouPage} />
{/* TODO Temporary route */}
<SentryRoute
path={`${base}/campaign/:id/preview-selection-form`}
component={PreviewSelectionForm}
/>
<SentryRoute
path={["/goodbye", "/it/goodbye", "/es/goodbye"]}
exact
component={GoodbyePage}
/>
<SentryRoute
path={["/", "/it", "/es"]}
exact
component={() => <Home />}
/>
</Switch>
</Router>
</div>
</SentryWrapper>
);
}
Expand Down
Loading