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

Accessibility: add aria-hidden (and some aria-label) #506

Merged
merged 1 commit into from
Jun 13, 2023

Conversation

yannicka
Copy link
Contributor

@yannicka yannicka commented Jun 11, 2023

Questions Answers
Description? The old PrestaShop theme had a number of accessibility problems. Let's try to do better with this new theme! This PR adds "aria-hidden" or "aria-label" to some elements. There's still a lot to do, but it's at least a start.
Type? improvement
BC breaks? no
Deprecations? no
Fixed ticket? Improve #251
Sponsor company N/A
How to test? Install the theme and test all pages

Copy link
Contributor

@matthieu-rolland matthieu-rolland left a comment

Choose a reason for hiding this comment

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

thank you for your contribution @yannicka 👍

I'm not so familiar with aria-hidden, very nice idea indeed !

data-action="show-password"
data-text-show="{l s='Show' d='Shop.Theme.Actions'}"
data-text-hide="{l s='Hide' d='Shop.Theme.Actions'}"
>
<i class="material-icons">visibility</i>
Copy link
Contributor

@matthieu-rolland matthieu-rolland Jun 12, 2023

Choose a reason for hiding this comment

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

Is there a reason for not adding aria-hidden on this one ?

Copy link
Contributor

Choose a reason for hiding this comment

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

@matthieu-rolland It's because the button does not have any text, so the icon actually serves a purpose.

Copy link
Contributor Author

@yannicka yannicka Jun 13, 2023

Choose a reason for hiding this comment

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

@matthieu-rolland Fixed on PR #508 ;)

@Hlavtox Hlavtox merged commit 91b776e into PrestaShop:develop Jun 13, 2023
@Hlavtox Hlavtox added this to the Beta milestone Jun 13, 2023
@yannicka yannicka deleted the a11y branch June 13, 2023 20:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants