Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Carousel's pause/play button must be placed first #1763

Merged
merged 27 commits into from
Mar 1, 2023

Conversation

MewenLeHo
Copy link
Contributor

@MewenLeHo MewenLeHo commented Jan 6, 2023

Related issues

Closes #1578

Description

Change the location of the pause/play button.

Motivation & Context

For better accessibility, pause/play button must be placed first in order to inform screen readers users that they have a way to control the incoming carousel.

Types of change

  • Refactoring (non-breaking change)

Live previews

https://deploy-preview-1763--boosted.netlify.app/docs/5.3/components/carousel/#with-pauseplay-button

Checklist

Contribution

Accessibility

  • My change follows accessibility good practices; I have at least run axe

Design

  • My change respects the design guidelines defined in Orange Design System
  • My change is compatible with responsive display

Development

  • My change follows the developer guide
  • (NA) I have added JavaScript unit tests to cover my changes

Documentation

  • (NA) My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

  • My change introduces changes to the migration guide
  • (NA) My new component is added in Storybook
  • My new component is compatible with RTL
  • Manually run BrowserStack tests
  • Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
  • Code review
  • Design review
  • A11y review

After the merge

@netlify
Copy link

netlify bot commented Jan 6, 2023

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 3ab2af9
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/63ff3744e7f86b000869a75c
😎 Deploy Preview https://deploy-preview-1763--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@MewenLeHo

This comment was marked as outdated.

@MewenLeHo MewenLeHo marked this pull request as draft January 6, 2023 20:15
@MewenLeHo MewenLeHo marked this pull request as ready for review January 10, 2023 16:26
@louismaximepiton louismaximepiton self-requested a review January 12, 2023 13:16
louismaximepiton

This comment was marked as outdated.

@MewenLeHo MewenLeHo force-pushed the main-mlh-position-pause-play-button-first branch from 42ca288 to e6daa42 Compare January 16, 2023 10:36
Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

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

It looks fine, some few comments to make sure to have the correct behavior

Copy link
Contributor

@Aniort Aniort left a comment

Choose a reason for hiding this comment

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

a11y ok

Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

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

Few comments and one question

Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

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

One more thing and we are good to go

Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

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

We're good to go

@julien-deramond julien-deramond mentioned this pull request Feb 7, 2023
38 tasks
@MewenLeHo MewenLeHo force-pushed the main-mlh-position-pause-play-button-first branch from f05eaf4 to 0d630c3 Compare February 10, 2023 17:24
@MewenLeHo
Copy link
Contributor Author

@Franco-Riccitelli: is the 'ok design' label ok for you?

@julien-deramond
Copy link
Contributor

Not linked to this PR but https://boosted.netlify.app/docs/5.3/components/carousel/#indicators doesn't start the auto-animation, which can be correct but we shouldn't see any "gauge animation". There's maybe already an issue in our backlog but I preferred to mention it here as well. If not, could you please create an issue and put it in the next sprint?

@sonarqubecloud
Copy link

sonarqubecloud bot commented Mar 1, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

Copy link
Contributor

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

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

LGTM 🚀

@julien-deramond julien-deramond merged commit c125971 into main Mar 1, 2023
@julien-deramond julien-deramond deleted the main-mlh-position-pause-play-button-first branch March 1, 2023 11:36
@julien-deramond julien-deramond mentioned this pull request Mar 1, 2023
# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

position of pause/play button should be placed first
4 participants