Pickers: Spinner has aria label properly applied (#21923)

* picker spinners have aria label properly applied

* Change files

Author: micahgodbolt

change/@fluentui-react-1e10d5c9-bb3c-4095-b830-fc297028d7e6.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "picker spinners have aria label properly applied",
+  "packageName": "@fluentui/react",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react/src/components/pickers/Suggestions/Suggestions.tsx

@@ -196,7 +196,7 @@ export class Suggestions<T> extends React.Component<ISuggestionsProps<T>, ISugge
             {forceResolveText}
           </CommandButton>
         )}
-        {isLoading && <Spinner {...spinnerClassNameOrStyles} label={loadingText} />}
+        {isLoading && <Spinner {...spinnerClassNameOrStyles} ariaLabel={loadingText} label={loadingText} />}
         {hasNoSuggestions ? noResults() : this._renderSuggestions()}
         {searchForMoreText && moreSuggestionsAvailable && (
           <CommandButton
@@ -211,7 +211,7 @@ export class Suggestions<T> extends React.Component<ISuggestionsProps<T>, ISugge
             {searchForMoreText}
           </CommandButton>
         )}
-        {isSearching ? <Spinner {...spinnerClassNameOrStyles} label={searchingText} /> : null}
+        {isSearching ? <Spinner {...spinnerClassNameOrStyles} ariaLabel={searchingText} label={searchingText} /> : null}
         {footerTitle && !moreSuggestionsAvailable && !isMostRecentlyUsedVisible && !isSearching ? (
           <div className={this._classNames.title}>{footerTitle(this.props)}</div>
         ) : null}