Fix: Add 'Maximize sidebar' aria-label (#842)

microsoftgraph · Feb 11, 2021 · 4e14352 · 4e14352
1 parent 5724995
commit 4e14352
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/app/views/app-sections/AppTitle.tsx b/src/app/views/app-sections/AppTitle.tsx
@@ -10,22 +10,22 @@ export function appTitleDisplayOnFullScreen(
 
   return <div style={{ display: 'flex', width: '100%' }}>
     <TooltipHost
-      content='Minimize sidebar'
+      content={!minimised ? 'Minimize sidebar' : 'Maximize sidebar'}
       id={getId()}
       calloutProps={{ gapSpace: 0 }}
       tooltipProps={{
         onRenderContent: function renderContent() {
           return <div>
-            <FormattedMessage id={'Minimize sidebar'} /></div>
+            <FormattedMessage id={!minimised ? 'Minimize sidebar' : 'Maximize sidebar'} /></div>
         }
       }}>
       <IconButton
         iconProps={{ iconName: 'GlobalNavButton' }}
         className={classes.sidebarToggle}
-        ariaLabel='Minimize sidebar'
+        ariaLabel={!minimised ? 'Minimize sidebar' : 'Maximize sidebar'}
         onClick={() => toggleSidebar()} />
     </TooltipHost>
-      <div className={classes.graphExplorerLabelContainer} role={'heading'} aria-level={1}>
+    <div className={classes.graphExplorerLabelContainer} role={'heading'} aria-level={1}>
       {!minimised &&
         <>
           <Label className={classes.graphExplorerLabel}>
@@ -50,7 +50,7 @@ export function appTitleDisplayOnMobileScreen(
         ariaLabel='Remove sidebar'
         onClick={() => toggleSidebar()}
       />
-        <div style={{ padding: 10 }} role={'heading'} aria-level={1}>
+      <div style={{ padding: 10 }} role={'heading'} aria-level={1}>
         <Label className={classes.graphExplorerLabel}>
           Graph Explorer
           </Label>

diff --git a/src/messages/GE.json b/src/messages/GE.json
@@ -344,5 +344,6 @@
   "Adaptive Cards Templating SDK": "Adaptive Cards Templating SDK",
   "card": "Card",
   "JSON Schema": "JSON Schema",
-  "Report an Issue": "Report an Issue"
+  "Report an Issue": "Report an Issue",
+  "Maximize sidebar": "Maximize sidebar"
 }