add aria description tag to randomly assign button

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>
     );
   }

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",