move aria-label above select in DOM

bigbluebutton-html5/imports/ui/components/settings/submenus/application/component.jsx

@@ -185,6 +185,10 @@ class ApplicationMenu extends BaseMenu {
               </div>
             </div>
             <div className={styles.col}>
+              <div
+                id="changeLangLabel"
+                aria-label={intl.formatMessage(intlMessages.ariaLanguageLabel)}
+              />
               <label
                 aria-labelledby="changeLangLabel"
                 className={cx(styles.formElement, styles.pullContentRight)}
@@ -194,6 +198,7 @@ class ApplicationMenu extends BaseMenu {
                     defaultValue={this.state.settings.locale}
                     className={styles.select}
                     onChange={this.handleSelectChange.bind(this, 'locale', availableLocales)}
+                    label="testing"
                   >
                     <option disabled>{intl.formatMessage(intlMessages.languageOptionLabel)}</option>
                     {availableLocales.map((locale, index) => (
@@ -204,10 +209,6 @@ class ApplicationMenu extends BaseMenu {
                   </select>
                 ) : null}
               </label>
-              <div
-                id="changeLangLabel"
-                aria-label={intl.formatMessage(intlMessages.ariaLanguageLabel)}
-              />
             </div>
           </div>
           <hr className={styles.separator} />