mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-09-17 17:14:18 +02:00
Fixed some aria violations
(cherry picked from commit 7aa846343815105e3576e6aa20eac64fcb0edf8d)
This commit is contained in:
@@ -17,7 +17,7 @@ class DescriptionListItem extends Component {
|
|||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<div>
|
||||||
<DescriptionListItemTitle
|
<DescriptionListItemTitle
|
||||||
className={titleClassName}
|
className={titleClassName}
|
||||||
>
|
>
|
||||||
@@ -29,7 +29,7 @@ class DescriptionListItem extends Component {
|
|||||||
>
|
>
|
||||||
{data}
|
{data}
|
||||||
</DescriptionListItemDescription>
|
</DescriptionListItemDescription>
|
||||||
</span>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -23,6 +23,7 @@ function IconButton(props) {
|
|||||||
className,
|
className,
|
||||||
isDisabled && styles.isDisabled
|
isDisabled && styles.isDisabled
|
||||||
)}
|
)}
|
||||||
|
aria-label="Table Options Button"
|
||||||
isDisabled={isDisabled}
|
isDisabled={isDisabled}
|
||||||
{...otherProps}
|
{...otherProps}
|
||||||
>
|
>
|
||||||
|
@@ -56,6 +56,7 @@ class PageHeader extends Component {
|
|||||||
<img
|
<img
|
||||||
className={styles.logo}
|
className={styles.logo}
|
||||||
src={`${window.Prowlarr.urlBase}/Content/Images/logo.png`}
|
src={`${window.Prowlarr.urlBase}/Content/Images/logo.png`}
|
||||||
|
alt="Prowlarr Logo"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
@@ -74,6 +75,7 @@ class PageHeader extends Component {
|
|||||||
<IconButton
|
<IconButton
|
||||||
className={styles.donate}
|
className={styles.donate}
|
||||||
name={icons.HEART}
|
name={icons.HEART}
|
||||||
|
aria-label="Donate"
|
||||||
to="https://prowlarr.com/donate"
|
to="https://prowlarr.com/donate"
|
||||||
size={14}
|
size={14}
|
||||||
/>
|
/>
|
||||||
|
@@ -21,7 +21,7 @@ function PageHeaderActionsMenu(props) {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Menu alignMenu={align.RIGHT}>
|
<Menu alignMenu={align.RIGHT}>
|
||||||
<MenuButton className={styles.menuButton}>
|
<MenuButton className={styles.menuButton} aria-label="Menu Button">
|
||||||
<Icon
|
<Icon
|
||||||
name={icons.INTERACTIVE}
|
name={icons.INTERACTIVE}
|
||||||
/>
|
/>
|
||||||
|
@@ -56,7 +56,9 @@ function ProgressBar(props) {
|
|||||||
styles[kind],
|
styles[kind],
|
||||||
enableColorImpairedMode && 'colorImpaired'
|
enableColorImpairedMode && 'colorImpaired'
|
||||||
)}
|
)}
|
||||||
aria-valuenow={progress}
|
role="meter"
|
||||||
|
aria-label={`Progress Bar at ${progress.toFixed(0)}%`}
|
||||||
|
aria-valuenow={progress.toFixed(0)}
|
||||||
aria-valuemin="0"
|
aria-valuemin="0"
|
||||||
aria-valuemax="100"
|
aria-valuemax="100"
|
||||||
style={{ width: progressPercent }}
|
style={{ width: progressPercent }}
|
||||||
|
Reference in New Issue
Block a user