Merge pull request #13906 from KDSBrowne/bbb2.4-13807

fix(accesibility): Add Region Roles for Screen Reader Navigation

bigbluebutton-html5/imports/ui/components/app/component.jsx

@@ -355,6 +355,7 @@ class App extends Component {
 
     return (
       <div
+        role="region"
         className={styles.captionsWrapper}
         style={
           {
@@ -382,6 +383,7 @@ class App extends Component {
 
     return (
       <section
+        role="region"
         className={styles.actionsbar}
         aria-label={intl.formatMessage(intlMessages.actionsBarLabel)}
         aria-hidden={this.shouldAriaHide()}

bigbluebutton-html5/imports/ui/components/presentation/component.jsx

@@ -854,6 +854,7 @@ class Presentation extends PureComponent {
 
     return (
       <div
+        role="region"
         ref={(ref) => { this.refPresentationContainer = ref; }}
         className={styles.presentationContainer}
         style={{

bigbluebutton-html5/imports/ui/components/webcam/component.jsx

@@ -249,6 +249,7 @@ const WebcamComponent = ({
         >
           <div
             id="cameraDock"
+            role="region"
             className={draggableClassName}
             draggable={cameraDock.isDraggable && !isFullscreen ? 'true' : undefined}
             style={{