Accessibility fixes for Real Settings page (#2897)

src/realm-settings/RealmSettingsTabs.tsx

@@ -360,6 +360,7 @@ export const RealmSettingsTabs = ({
               })}
             >
               <Tab
+                id="profiles"
                 data-testid="rs-policies-clientProfiles-tab"
                 aria-label={t("clientProfilesSubTab")}
                 title={

src/realm-settings/keys/KeysListTab.tsx

@@ -147,7 +147,7 @@ export const KeysListTab = ({ realmComponents }: KeysListTabProps) => {
               setPublicKey(publicKey!);
             }}
             variant="secondary"
-            id="kc-rsa-public-key"
+            id={publicKey}
           >
             {t("publicKeys").slice(0, -1)}
           </Button>
@@ -157,7 +157,8 @@ export const KeysListTab = ({ realmComponents }: KeysListTabProps) => {
               setCertificate(certificate!);
             }}
             variant="secondary"
-            id="kc-certificate"
+            id={certificate}
+            className="kc-certificate"
           >
             {t("certificate")}
           </Button>

src/realm-settings/realm-settings-section.css

@@ -44,7 +44,7 @@ article.pf-c-card.pf-m-flat.kc-email-connection
   padding-bottom: var(--pf-global--spacer--2xl);
 }
 
-button#kc-certificate.pf-c-button.pf-m-secondary {
+button.kc-certificate.pf-c-button.pf-m-secondary {
   margin-left: var(--pf-global--spacer--md);
 }