fix(FileUploader): move role attribute to valid element (#4209)

Author: emyarod

packages/react/src/components/FileUploader/FileUploader.js

@@ -175,9 +175,8 @@ export class FileUploaderButton extends Component {
             }
           }}
           htmlFor={this.uid}
-          role={role}
           {...other}>
-          {this.state.labelText}
+          <span role={role}>{this.state.labelText}</span>
         </label>
         <input
           className={`${prefix}--visually-hidden`}

packages/react/src/components/FileUploader/FileUploaderDropContainer.js

@@ -98,15 +98,14 @@ export default function FileUploaderDropContainer(props) {
       <label
         className={labelClasses}
         htmlFor={id || uid.current}
-        role={role || 'button'}
         tabIndex={tabIndex || 0}
         onKeyDown={evt => {
           if (matches(evt, [keys.Enter, keys.Space])) {
             inputRef.current.click();
           }
         }}
         {...other}>
-        <div className={dropareaClasses}>
+        <div className={dropareaClasses} role={role || 'button'}>
           {labelText}
           <input
             type="file"