fixed a11y violations (#17550)

Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>

js/apps/admin-ui/src/client-scopes/ChangeTypeDropdown.tsx

@@ -33,6 +33,7 @@ export const ChangeTypeDropdown = ({
   return (
     <Select
       toggleId="change-type-dropdown"
+      aria-label="change-type-to"
       isOpen={open}
       selections={[]}
       isDisabled={selectedRows.length === 0}

js/apps/admin-ui/src/clients/ClientDetails.tsx

@@ -412,7 +412,12 @@ export default function ClientDetails() {
       />
       <PageSection variant="light" className="pf-u-p-0">
         <FormProvider {...form}>
-          <RoutableTabs data-testid="client-tabs" isBox mountOnEnter>
+          <RoutableTabs
+            data-testid="client-tabs"
+            aria-label="client-tabs"
+            isBox
+            mountOnEnter
+          >
             <Tab
               id="settings"
               data-testid="clientSettingsTab"

js/apps/admin-ui/src/clients/authorization/AuthorizationEvaluate.tsx

@@ -333,6 +333,7 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
                 >
                   <KeycloakTextInput
                     id="alias"
+                    aria-label="resource-type"
                     data-testid="alias"
                     {...register("alias", { required: true })}
                   />
@@ -370,7 +371,7 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
                         }}
                         selections={field.value}
                         variant={SelectVariant.typeaheadMulti}
-                        aria-label={t("authScopes")}
+                        typeAheadAriaLabel={t("authScopes")}
                         isOpen={scopesDropdownOpen}
                       >
                         {scopes.map((scope) => (

js/apps/admin-ui/src/clients/scopes/GeneratedCodeTab.tsx

@@ -37,7 +37,7 @@ export const GeneratedCodeTab = ({
     </CodeBlock>
   ) : (
     <EmptyState variant="large" id={label}>
-      <Title headingLevel="h4" size="lg">
+      <Title headingLevel="h2" size="lg">
         {t(`${label}No`)}
       </Title>
       <EmptyStateBody>{t(`${label}IsDisabled`)}</EmptyStateBody>