From 162c8a4974cfc00b839beb03188174ab45b2dcb1 Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Wed, 8 Jul 2020 11:01:46 +0200
Subject: [PATCH] KEYCLOAK-14692 added aria labels

---
 .../theme/keycloak-preview/account/src/app/PageNav.tsx      | 2 +-
 .../account/src/app/content/ContentAlert.tsx                | 3 ++-
 .../account/src/app/content/ContentPage.tsx                 | 6 +++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/themes/src/main/resources/theme/keycloak-preview/account/src/app/PageNav.tsx b/themes/src/main/resources/theme/keycloak-preview/account/src/app/PageNav.tsx
index fbc693085b..8f6e2c96f2 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/src/app/PageNav.tsx
+++ b/themes/src/main/resources/theme/keycloak-preview/account/src/app/PageNav.tsx
@@ -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>
diff --git a/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentAlert.tsx b/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentAlert.tsx
index 92f0a62fac..8e9e3311ea 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentAlert.tsx
+++ b/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentAlert.tsx
@@ -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}
diff --git a/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentPage.tsx b/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentPage.tsx
index a829218f0a..d462c39d99 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentPage.tsx
+++ b/themes/src/main/resources/theme/keycloak-preview/account/src/app/content/ContentPage.tsx
@@ -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>}