diff --git a/react/features/base/ui/components/web/Select.tsx b/react/features/base/ui/components/web/Select.tsx
index 59836f780..58b3b6d7b 100644
--- a/react/features/base/ui/components/web/Select.tsx
+++ b/react/features/base/ui/components/web/Select.tsx
@@ -28,6 +28,12 @@ interface ISelectProps {
      */
     error?: boolean;
 
+    /**
+     * Id of the <select> element.
+     * Necessary for screen reader users, to link the label and error to the select.
+     */
+    id: string;
+
     /**
      * Label to be displayed above the select.
      */
@@ -140,6 +146,7 @@ const Select = ({
     className,
     disabled,
     error,
+    id,
     label,
     onChange,
     options,
@@ -149,11 +156,17 @@ const Select = ({
 
     return (
         <div className = { classes.container }>
-            {label && <span className = { cx(classes.label, isMobile && 'is-mobile') }>{label}</span>}
+            {label && <label
+                className = { cx(classes.label, isMobile && 'is-mobile') }
+                htmlFor = { id } >
+                {label}
+            </label>}
             <div className = { classes.selectContainer }>
                 <select
+                    aria-describedby = { bottomLabel ? `${id}-description` : undefined }
                     className = { cx(classes.select, isMobile && 'is-mobile', className, error && 'error') }
                     disabled = { disabled }
+                    id = { id }
                     onChange = { onChange }
                     value = { value }>
                     {options.map(option => (<option
@@ -167,7 +180,9 @@ const Select = ({
                     src = { IconArrowDown } />
             </div>
             {bottomLabel && (
-                <span className = { cx(classes.bottomLabel, isMobile && 'is-mobile', error && 'error') }>
+                <span
+                    className = { cx(classes.bottomLabel, isMobile && 'is-mobile', error && 'error') }
+                    id = { `${id}-description` }>
                     {bottomLabel}
                 </span>
             )}
diff --git a/react/features/device-selection/components/DeviceSelector.web.tsx b/react/features/device-selection/components/DeviceSelector.web.tsx
index b0f5fa9e4..b4d03f357 100644
--- a/react/features/device-selection/components/DeviceSelector.web.tsx
+++ b/react/features/device-selection/components/DeviceSelector.web.tsx
@@ -163,6 +163,7 @@ class DeviceSelector extends Component<IProps> {
 
         return (
             <Select
+                id = { this.props.id }
                 label = { this.props.t(this.props.label) }
                 onChange = { this._onSelect }
                 options = { options.items }
diff --git a/react/features/device-selection/components/VideoDeviceSelection.web.tsx b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
index 4e593682f..57aacffaf 100644
--- a/react/features/device-selection/components/VideoDeviceSelection.web.tsx
+++ b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
@@ -351,6 +351,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, State> {
                 bottomLabel = { parseInt(currentFramerate, 10) > SS_DEFAULT_FRAME_RATE
                     ? t('settings.desktopShareHighFpsWarning')
                     : t('settings.desktopShareWarning') }
+                id = 'more-framerate-select'
                 label = { t('settings.desktopShareFramerate') }
                 onChange = { this._onFramerateItemSelect }
                 options = { frameRateItems }
diff --git a/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
index b600f0b6d..ad37ad456 100644
--- a/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
+++ b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
@@ -100,6 +100,7 @@ class StreamKeyPicker extends PureComponent<IProps> {
         return (
             <div className = 'broadcast-dropdown dropdown-menu'>
                 <Select
+                    id = 'streamkeypicker-select'
                     label = { t('liveStreaming.choose') }
                     onChange = { this._onSelect }
                     options = { dropdownItems }
diff --git a/react/features/settings/components/web/MoreTab.tsx b/react/features/settings/components/web/MoreTab.tsx
index ae6d9586e..1c14d2d10 100644
--- a/react/features/settings/components/web/MoreTab.tsx
+++ b/react/features/settings/components/web/MoreTab.tsx
@@ -167,6 +167,7 @@ class MoreTab extends AbstractDialogTab<Props, any> {
                 key = 'maxStageParticipants'>
                 <div className = 'dropdown-menu'>
                     <Select
+                        id = 'more-maxStageParticipants-select'
                         label = { t('settings.maxStageParticipants') }
                         onChange = { this._onMaxStageParticipantsSelect }
                         options = { maxParticipantsItems }
diff --git a/react/features/settings/components/web/ProfileTab.tsx b/react/features/settings/components/web/ProfileTab.tsx
index d57e030ec..8104d1df4 100644
--- a/react/features/settings/components/web/ProfileTab.tsx
+++ b/react/features/settings/components/web/ProfileTab.tsx
@@ -212,6 +212,7 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
         return (
             <Select
                 className = { classes.bottomMargin }
+                id = 'more-language-select'
                 label = { t('settings.language') }
                 onChange = { this._onLanguageItemSelect }
                 options = { languageItems }