diff --git a/templates/Visua11ySettings.jsx b/templates/Visua11ySettings.jsx
index 479e785..6b61e70 100644
--- a/templates/Visua11ySettings.jsx
+++ b/templates/Visua11ySettings.jsx
@@ -1,6 +1,7 @@
 import Adapt from 'core/js/adapt';
 import { templates } from 'core/js/reactHelpers';
 import React from 'react';
+import a11y from 'core/js/a11y';
 
 export default function Visua11ySettings(props) {
   const visua11y = Adapt.visua11y;
@@ -37,11 +38,21 @@ export default function Visua11ySettings(props) {
               {config._colorProfile._isEnabled &&
               <div className='colorprofileid'>
                 <templates.Visua11yPreview {...config}/>
-                <label className='visua11ysettings__item-label' htmlFor='colorProfileId'>
+                <label
+                  className='visua11ysettings__item-label'
+                  htmlFor='colorProfileId'
+                  aria-hidden={true}
+                >
                   <div className='icon' aria-hidden='true'></div>
                   {config._colorProfile.title}
                 </label>
-                <select id='colorProfileId' name='colorProfileId' onChange={onChange} value={visua11y.colorProfileId}>
+                <select
+                  id='colorProfileId'
+                  name='colorProfileId'
+                  onChange={onChange}
+                  value={visua11y.colorProfileId}
+                  aria-label={a11y.normalize(config._colorProfile.title)}
+                >
                   {visua11y.colorProfiles.map(({ name, _id }) => <option key={_id} value={_id}>{name}</option>)}
                 </select>
               </div>