Merge pull request #13013 from KDSBrowne/bbb-add-aria-tags

Add Aria Description To Randomly Assign Button
bigbluebutton · Aug 17, 2021 · 2d9cdc3 · 2d9cdc3
2 parents 905a4b8 + f59c20d
commit 2d9cdc3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/create-breakout-room/component.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/create-breakout-room/component.jsx
@@ -43,6 +43,10 @@ const intlMessages = defineMessages({
     id: 'app.createBreakoutRoom.randomlyAssign',
     description: 'randomly assign label',
   },
+  randomlyAssignDesc: {
+    id: 'app.createBreakoutRoom.randomlyAssignDesc',
+    description: 'randomly assign label description',
+  },
   breakoutRoom: {
     id: 'app.createBreakoutRoom.room',
     description: 'breakout room',
@@ -770,6 +774,7 @@ class BreakoutRoom extends PureComponent {
           <Button
             data-test="randomlyAssign"
             label={intl.formatMessage(intlMessages.randomlyAssign)}
+            aria-describedby="randomlyAssignDesc"
             className={styles.randomlyAssignBtn}
             onClick={this.onAssignRandomly}
             size="sm"
@@ -782,6 +787,9 @@ class BreakoutRoom extends PureComponent {
         >
           {intl.formatMessage(intlMessages.numberOfRoomsIsValid)}
         </span>
+        <span id="randomlyAssignDesc" className="sr-only">
+          {intl.formatMessage(intlMessages.randomlyAssignDesc)}
+        </span>
       </React.Fragment>
     );
   }

diff --git a/bigbluebutton-html5/public/locales/en.json b/bigbluebutton-html5/public/locales/en.json
@@ -811,6 +811,7 @@
     "app.createBreakoutRoom.numberOfRooms": "Number of rooms",
     "app.createBreakoutRoom.durationInMinutes": "Duration (minutes)",
     "app.createBreakoutRoom.randomlyAssign": "Randomly assign",
+    "app.createBreakoutRoom.randomlyAssignDesc": "Assigns users randomly to breakout rooms",
     "app.createBreakoutRoom.endAllBreakouts": "End all breakout rooms",
     "app.createBreakoutRoom.roomName": "{0} (Room - {1})",
     "app.createBreakoutRoom.doneLabel": "Done",