Fixed some aria violations
This commit is contained in:
parent
5d873fafec
commit
7aa8463438
|
@ -18,7 +18,7 @@ class DescriptionListItem extends Component {
|
|||
} = this.props;
|
||||
|
||||
return (
|
||||
<span className={className}>
|
||||
<div className={className}>
|
||||
<DescriptionListItemTitle
|
||||
className={titleClassName}
|
||||
>
|
||||
|
@ -30,7 +30,7 @@ class DescriptionListItem extends Component {
|
|||
>
|
||||
{data}
|
||||
</DescriptionListItemDescription>
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -23,6 +23,7 @@ function IconButton(props) {
|
|||
className,
|
||||
isDisabled && styles.isDisabled
|
||||
)}
|
||||
aria-label="Table Options Button"
|
||||
isDisabled={isDisabled}
|
||||
{...otherProps}
|
||||
>
|
||||
|
|
|
@ -58,6 +58,7 @@ class PageHeader extends Component {
|
|||
<img
|
||||
className={styles.logo}
|
||||
src={`${window.Sonarr.urlBase}/Content/Images/logo.svg`}
|
||||
alt="Sonarr Logo"
|
||||
/>
|
||||
</Link>
|
||||
</div>
|
||||
|
@ -76,6 +77,7 @@ class PageHeader extends Component {
|
|||
<IconButton
|
||||
className={styles.donate}
|
||||
name={icons.HEART}
|
||||
aria-label="Donate"
|
||||
to="https://sonarr.tv/donate.html"
|
||||
size={14}
|
||||
/>
|
||||
|
|
|
@ -20,7 +20,7 @@ function PageHeaderActionsMenu(props) {
|
|||
return (
|
||||
<div>
|
||||
<Menu alignMenu={align.RIGHT}>
|
||||
<MenuButton className={styles.menuButton}>
|
||||
<MenuButton className={styles.menuButton} aria-label="Menu Button">
|
||||
<Icon
|
||||
name={icons.INTERACTIVE}
|
||||
/>
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in New Issue