Add status role

ProjectMirador · Aug 17, 2023 · b5f3521 · b5f3521
1 parent 8320ef1
commit b5f3521
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SearchPanelNavigation.js b/src/components/SearchPanelNavigation.js
@@ -65,7 +65,7 @@ export class SearchPanelNavigation extends Component {
         >
           <ChevronLeftIcon style={iconStyle} />
         </MiradorMenuButton>
-        <span style={{ unicodeBidi: 'plaintext' }}>
+        <span role="status" style={{ unicodeBidi: 'plaintext' }}>
           {t('pagination', { current: currentHitIndex + 1, total: lengthText })}
         </span>
         <MiradorMenuButton

diff --git a/src/components/ViewerInfo.js b/src/components/ViewerInfo.js
@@ -20,10 +20,10 @@ export class ViewerInfo extends Component {
 
     return (
       <div className={classNames(ns('osd-info'), classes.osdInfo)}>
-        <Typography display="inline" variant="caption" className={ns('canvas-count')}>
+        <Typography display="inline" role="status" variant="caption" className={ns('canvas-count')}>
           { t('pagination', { current: canvasIndex + 1, total: canvasCount }) }
         </Typography>
-        <Typography display="inline" variant="caption" className={ns('canvas-label')}>
+        <Typography display="inline" role="status" variant="caption" className={ns('canvas-label')}>
           {canvasLabel && ` • ${canvasLabel}`}
         </Typography>
       </div>