diff --git a/README.md b/README.md index 5b3e7289..bef25997 100644 --- a/README.md +++ b/README.md @@ -89,6 +89,7 @@ Prop | Description | Default `wrapper` | Element or component to use as the container element | `div` `playIcon` | Element or component to use as the play icon in light mode `previewTabIndex` | Set the tab index to be used on light mode | 0 +`previewAriaLabel` | Set a custom ARIA label for the video preview element | `Play Video` `config` | Override options for the various players, see [config prop](#config-prop) #### Callback props diff --git a/src/Preview.js b/src/Preview.js index b24f6b64..663dd14d 100644 --- a/src/Preview.js +++ b/src/Preview.js @@ -102,7 +102,7 @@ export default class Preview extends Component { onClick={onClick} tabIndex={previewTabIndex} onKeyPress={this.handleKeyPress} - {...(previewAriaLabel ? { 'aria-label': previewAriaLabel } : {})} + aria-label={previewAriaLabel} > {isElement ? light : null} {playIcon || defaultPlayIcon} diff --git a/src/props.js b/src/props.js index 62c9b17a..6663941b 100644 --- a/src/props.js +++ b/src/props.js @@ -123,7 +123,7 @@ export const defaultProps = { fallback: null, wrapper: 'div', previewTabIndex: 0, - previewAriaLabel: '', + previewAriaLabel: 'Play Video', oEmbedUrl: 'https://noembed.com/embed?url={url}', config: { soundcloud: { diff --git a/types/base.d.ts b/types/base.d.ts index 711ab0d1..fd17baf2 100644 --- a/types/base.d.ts +++ b/types/base.d.ts @@ -35,6 +35,7 @@ export interface BaseReactPlayerProps { playsinline?: boolean playIcon?: ReactElement previewTabIndex?: number | null + previewAriaLabel?: string pip?: boolean stopOnUnmount?: boolean light?: boolean | string | ReactElement