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

Fix accessibility issues due to aria-hidden and aria-labelledby in FileContent and CarouselFilmStrip #3836

Merged
merged 6 commits into from
Apr 11, 2021

Conversation

corinagum
Copy link
Contributor

@corinagum corinagum commented Apr 7, 2021

Fixes #3810
Fixes #3811

Changelog Entry

Description

This contains a few accessibility fixes when running FastPass on Web Chat.

Specific Changes

#3810 - Ensures aria-hidden elements do not contain focusable elements

  • FileContent.js: Add aria-label alt text to download link, which was previously not being read.
  • FileContent.js: Remove erroneous aria-hidden=true
  • FileContent.js: Remove <ScreenReaderText />

#3811 - Ensure all ARIA attributes have valid values

  • CarouselFilmStrip.js - remove erroneous aria-labelledby attribute
    • aria-labelledby is intended for visible text attributed as the label
    • When this is removed, no new a11y violations are detected
    • Remove (now)unused ariaID
  • I have added tests and executed them locally
  • I have updated CHANGELOG.md
  • I have updated documentation

Review Checklist

This section is for contributors to review your work.

  • Accessibility reviewed (tab order, content readability, alt text, color contrast)
  • Browser and platform compatibilities reviewed
  • CSS styles reviewed (minimal rules, no z-index)
  • Documents reviewed (docs, samples, live demo)
  • Internationalization reviewed (strings, unit formatting)
  • package.json and package-lock.json reviewed
  • Security reviewed (no data URIs, check for nonce leak)
  • Tests reviewed (coverage, legitimacy)

@corinagum corinagum changed the title A11y fastpass Fix accessibility issues due to aria-hidden and aria-labelledby in FileContent and CarouselFilmStrip Apr 7, 2021
Copy link
Contributor

@compulim compulim left a comment

Choose a reason for hiding this comment

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

Simpler code. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants