Improved ARIA labelling for question sort dropdown.

See #109.
openlab-at-city-tech · May 1, 2018 · 7e7530b · 7e7530b
1 parent 0fa44a9
commit 7e7530b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/build/index.js b/build/index.js
@@ -38628,11 +38628,13 @@ class QuestionSortDropdown extends __WEBPACK_IMPORTED_MODULE_0_react__["Componen
 				'label',
 				{
 					className: 'screen-reader-text',
-					htmlFor: 'question-sort'
+					htmlFor: 'question-sort',
+					id: 'question-sort-label'
 				},
 				'Sort results by'
 			),
 			__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_select__["a" /* default */], {
+				'aria-labelledby': 'question-sort-label',
 				autoBlur: true,
 				id: 'question-sort',
 				name: 'question-sort',

diff --git a/build/index.js.map b/build/index.js.map
diff --git a/src/components/QuestionSortDropdown.js b/src/components/QuestionSortDropdown.js
@@ -16,9 +16,11 @@ export default class QuestionSortDropdown extends Component {
 				<label
 					className='screen-reader-text'
 				  htmlFor='question-sort'
+					id='question-sort-label'
 				>Sort results by</label>
 
 				<Select
+					aria-labelledby='question-sort-label'
 				  autoBlur={true}
 				  id='question-sort'
 				  name='question-sort'