diff --git a/frontend/src/Components/DescriptionList/DescriptionListItem.js b/frontend/src/Components/DescriptionList/DescriptionListItem.js index 39f634cc9..aac01a6b5 100644 --- a/frontend/src/Components/DescriptionList/DescriptionListItem.js +++ b/frontend/src/Components/DescriptionList/DescriptionListItem.js @@ -17,7 +17,7 @@ class DescriptionListItem extends Component { } = this.props; return ( - +
@@ -29,7 +29,7 @@ class DescriptionListItem extends Component { > {data} - +
); } } diff --git a/frontend/src/Components/Link/IconButton.js b/frontend/src/Components/Link/IconButton.js index 3311c14d6..6f5e56d0e 100644 --- a/frontend/src/Components/Link/IconButton.js +++ b/frontend/src/Components/Link/IconButton.js @@ -23,6 +23,7 @@ function IconButton(props) { className, isDisabled && styles.isDisabled )} + aria-label="Table Options Button" isDisabled={isDisabled} {...otherProps} > diff --git a/frontend/src/Components/Page/Header/PageHeader.js b/frontend/src/Components/Page/Header/PageHeader.js index d9e2c1189..1d8b0cc55 100644 --- a/frontend/src/Components/Page/Header/PageHeader.js +++ b/frontend/src/Components/Page/Header/PageHeader.js @@ -56,6 +56,7 @@ class PageHeader extends Component { Prowlarr Logo @@ -74,6 +75,7 @@ class PageHeader extends Component { diff --git a/frontend/src/Components/Page/Header/PageHeaderActionsMenu.js b/frontend/src/Components/Page/Header/PageHeaderActionsMenu.js index a82c8889f..87fee6b0d 100644 --- a/frontend/src/Components/Page/Header/PageHeaderActionsMenu.js +++ b/frontend/src/Components/Page/Header/PageHeaderActionsMenu.js @@ -21,7 +21,7 @@ function PageHeaderActionsMenu(props) { return (
- + diff --git a/frontend/src/Components/ProgressBar.js b/frontend/src/Components/ProgressBar.js index b97d8d577..8d8eef38c 100644 --- a/frontend/src/Components/ProgressBar.js +++ b/frontend/src/Components/ProgressBar.js @@ -56,7 +56,9 @@ function ProgressBar(props) { styles[kind], enableColorImpairedMode && 'colorImpaired' )} - aria-valuenow={progress} + role="meter" + aria-label={`Progress Bar at ${progress.toFixed(0)}%`} + aria-valuenow={progress.toFixed(0)} aria-valuemin="0" aria-valuemax="100" style={{ width: progressPercent }}