KEYCLOAK-14692 added aria labels
This commit is contained in:
parent
f8a4f66d6c
commit
162c8a4974
3 changed files with 8 additions and 3 deletions
|
@ -49,7 +49,7 @@ class PageNavigation extends React.Component<PageNavProps, PageNavState> {
|
|||
public render(): React.ReactNode {
|
||||
const activeItem: PageDef = this.findActiveItem();
|
||||
return (
|
||||
<Nav aria-label="Nav">
|
||||
<Nav>
|
||||
<NavList>
|
||||
{makeNavItems(activeItem)}
|
||||
</NavList>
|
||||
|
|
|
@ -90,9 +90,10 @@ export class ContentAlert extends React.Component<ContentAlertProps, ContentAler
|
|||
|
||||
public render(): React.ReactNode {
|
||||
return (
|
||||
<AlertGroup isToast>
|
||||
<AlertGroup isToast aria-live="assertive">
|
||||
{this.state.alerts.map(({ key, variant, message }) => (
|
||||
<Alert
|
||||
aria-details={message}
|
||||
isLiveRegion
|
||||
variant={variant}
|
||||
title={message}
|
||||
|
|
|
@ -46,7 +46,11 @@ export class ContentPage extends React.Component<ContentPageProps> {
|
|||
<GridItem span={11}><Title headingLevel='h1' size='3xl'><strong><Msg msgKey={this.props.title}/></strong></Title></GridItem>
|
||||
{this.props.onRefresh &&
|
||||
<GridItem span={1}>
|
||||
<Tooltip content={<Msg msgKey='refreshPage'/>}><Button id='refresh-page' variant='plain' onClick={this.props.onRefresh}><RedoIcon size='sm'/></Button></Tooltip>
|
||||
<Tooltip content={<Msg msgKey='refreshPage'/>}>
|
||||
<Button aria-describedby="refresh page" id='refresh-page' variant='plain' onClick={this.props.onRefresh}>
|
||||
<RedoIcon size='sm'/>
|
||||
</Button>
|
||||
</Tooltip>
|
||||
</GridItem>
|
||||
}
|
||||
{this.props.introMessage && <GridItem span={12}> <Msg msgKey={this.props.introMessage}/></GridItem>}
|
||||
|
|
Loading…
Reference in a new issue