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(ADA-1745) - Create alternative aria-label for close button #984

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

valentinStoicaK
Copy link
Contributor

@valentinStoicaK valentinStoicaK commented Feb 21, 2025

This solves https://kaltura.atlassian.net/browse/ADA-1745
Related to kaltura/playkit-js-info#112 and kaltura/playkit-js-downloads#84

Description of the Changes

Please add a detailed description of the change, whether it's an enhancement or a bugfix.
If the PR is related to an open issue please link to it.

Issue:

Fix:

Resolves FEC-[Please add the ticket reference here]

@@ -155,7 +155,10 @@ class Overlay extends Component<OverlayProps, any> {
props.onClose();
}}
onKeyDown={this.onCloseButtonKeyDown}
aria-label={(<Text id="overlay.close" />) as unknown as string}
aria-label={
props.closeAriaLabel ||
Copy link
Collaborator

Choose a reason for hiding this comment

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

where is this value being set ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

closeAriaLabel is an optional prop that is set when needed. For now I am setting it in Video Info and Downloads.

Copy link
Collaborator

Choose a reason for hiding this comment

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

I would recommend use (<Text id="overlay.close" />) as unknown as string as default property of closeAriaLabel. Then you can use aria-label={props.closeAriaLabel}

@valentinStoicaK valentinStoicaK changed the title fix(FE) - Create alternative aria-label for close button ADA-1745 fix(ADA-1745) - Create alternative aria-label for close button Feb 25, 2025
@@ -155,7 +155,10 @@ class Overlay extends Component<OverlayProps, any> {
props.onClose();
}}
onKeyDown={this.onCloseButtonKeyDown}
aria-label={(<Text id="overlay.close" />) as unknown as string}
aria-label={
props.closeAriaLabel ||
Copy link
Collaborator

Choose a reason for hiding this comment

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

I would recommend use (<Text id="overlay.close" />) as unknown as string as default property of closeAriaLabel. Then you can use aria-label={props.closeAriaLabel}

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

Successfully merging this pull request may close these issues.

3 participants