Merge pull request #2329 from kevinparkerson/textarea-a11y-audit-fixes

Making textarea error & required examples match their SLDS counterparts

Author: interactivellama

components/textarea/__docs__/__snapshots__/storybook-stories.storyshot

@@ -116,7 +116,7 @@ exports[`DOM snapshots SLDSTextarea Docs site Error 1`] = `
       className="slds-form-element__help"
       id="error-1"
     >
-      Error Message
+      This field is required
     </div>
   </div>
 </div>
@@ -157,7 +157,7 @@ exports[`DOM snapshots SLDSTextarea Error 1`] = `
       className="slds-form-element__help"
       id="error-1"
     >
-      Error Message
+      This field is required
     </div>
   </div>
 </div>
@@ -171,7 +171,7 @@ exports[`DOM snapshots SLDSTextarea Required 1`] = `
     className="slds-form-element"
   >
     <label
-      className="slds-form-element__label slds-assistive-text"
+      className="slds-form-element__label"
       htmlFor="text-area-required"
     >
       <abbr

components/textarea/__docs__/storybook-stories.jsx

@@ -34,9 +34,7 @@ storiesOf(TEXTAREA, module)
 		<Textarea
 			id="text-area-required"
 			name="required-textarea"
-			assistiveText={{
-				label: 'Textarea Label',
-			}}
+			label="Textarea Label"
 			required
 			placeholder="Placeholder Text"
 		/>
@@ -48,7 +46,7 @@ storiesOf(TEXTAREA, module)
 			name="required-textarea-error"
 			label="Textarea Label"
 			required
-			errorText="Error Message"
+			errorText="This field is required"
 			placeholder="Placeholder Text"
 		/>
 	))

components/textarea/__examples__/error.jsx

@@ -15,7 +15,7 @@ class Example extends React.Component {
 					name="required-textarea-error"
 					label="Textarea Label"
 					required
-					errorText="Error Message"
+					errorText="This field is required"
 					placeholder="Placeholder Text"
 				/>
 			</IconSettings>