🚸(frontend) improve screen reading navigation

- add aria-hidden and empty alt attributes for screen readers
to ignore decorative svg and images.
- remove icon from input field used to name a group
- update translations
- update related e2e and components tests
This commit is contained in:
daproclaima
2024-08-01 13:40:43 +02:00
committed by Sebastien Nobour
parent 72340db74c
commit 14deca13f4
29 changed files with 87 additions and 72 deletions

View File

@@ -19,7 +19,8 @@ test.describe('Header', () => {
header.getByAltText('Freedom Equality Fraternity Logo'),
).toBeVisible();
await expect(header.getByAltText('Régie Logo')).toBeVisible();
await expect(header.getByRole('link', { name: 'Régie' })).toBeVisible();
await expect(header.locator('h2').getByText('Régie')).toHaveCSS(
'color',
'rgb(0, 0, 145)',
@@ -35,7 +36,7 @@ test.describe('Header', () => {
}),
).toBeVisible();
await expect(header.getByAltText('Language Icon')).toBeVisible();
await expect(header.getByRole('combobox').getByText('EN')).toBeVisible();
await expect(header.getByText('My account')).toBeVisible();
});