added aria-labels required by screen recorder (#3234)

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

apps/admin-ui/public/resources/en/common.json

@@ -52,6 +52,7 @@
   "helpDisabled": "Help off",
   "documentation": "Documentation",
   "enableHelpMode": "Enable help mode",
+  "enableHelp": "Help is enabled",
   "learnMore": "Learn more",
   "show": "Show",
   "hide": "Hide",

apps/admin-ui/src/authentication/RequiredActions.tsx

@@ -145,6 +145,7 @@ export const RequiredActions = () => {
               onChange={() => {
                 updateAction(row.data, "enabled");
               }}
+              aria-label={toKey(row.name)}
             />
           ),
         },
@@ -161,6 +162,7 @@ export const RequiredActions = () => {
               onChange={() => {
                 updateAction(row.data, "defaultAction");
               }}
+              aria-label={toKey(row.name)}
             />
           ),
         },

apps/admin-ui/src/authentication/policies/PolicyRow.tsx

@@ -96,6 +96,7 @@ export const PolicyRow = ({
               labelOff={t("common:off")}
               isChecked
               isDisabled
+              aria-label={displayName}
             />
           )}
         </SplitItem>

apps/admin-ui/src/authentication/policies/WebauthnPolicy.tsx

@@ -332,6 +332,7 @@ export const WebauthnPolicy = ({
                   labelOff={t("common:off")}
                   isChecked={value}
                   onChange={onChange}
+                  aria-label={t("webAuthnPolicyAvoidSameAuthenticatorRegister")}
                 />
               )}
             />

apps/admin-ui/src/client-scopes/details/ScopeForm.tsx

@@ -223,6 +223,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange("" + value)}
+              aria-label={t("displayOnConsentScreen")}
             />
           )}
         />
@@ -268,6 +269,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange("" + value)}
+              aria-label={t("includeInTokenScope")}
             />
           )}
         />

apps/admin-ui/src/clients/ClientDescription.tsx

@@ -92,7 +92,7 @@ export const ClientDescription = ({
         />
       </FormGroup>
       <FormGroup
-        label={t("clients:alwaysDisplayInConsole")}
+        label={t("alwaysDisplayInConsole")}
         labelIcon={
           <HelpItem
             helpText="clients-help:alwaysDisplayInConsole"
@@ -113,6 +113,7 @@ export const ClientDescription = ({
               labelOff={t("common:off")}
               isChecked={value}
               onChange={onChange}
+              aria-label={t("alwaysDisplayInConsole")}
             />
           )}
         />

apps/admin-ui/src/clients/add/CapabilityConfig.tsx

@@ -77,6 +77,7 @@ export const CapabilityConfig = ({
                       );
                     }
                   }}
+                  aria-label={t("clientAuthentication")}
                 />
               )}
             />
@@ -111,6 +112,7 @@ export const CapabilityConfig = ({
                     }
                   }}
                   isDisabled={clientAuthentication}
+                  aria-label={t("clientAuthorization")}
                 />
               )}
             />
@@ -300,6 +302,7 @@ export const CapabilityConfig = ({
                   labelOff={t("common:off")}
                   isChecked={value}
                   onChange={onChange}
+                  aria-label={t("encryptAssertions")}
                 />
               )}
             />
@@ -329,6 +332,7 @@ export const CapabilityConfig = ({
                   labelOff={t("common:off")}
                   isChecked={value}
                   onChange={onChange}
+                  aria-label={t("clientSignature")}
                 />
               )}
             />

apps/admin-ui/src/clients/add/LoginSettingsPanel.tsx

@@ -94,6 +94,7 @@ export const LoginSettingsPanel = ({ access }: { access?: boolean }) => {
               labelOff={t("common:off")}
               isChecked={value}
               onChange={onChange}
+              aria-label={t("consentRequired")}
             />
           )}
         />
@@ -123,6 +124,7 @@ export const LoginSettingsPanel = ({ access }: { access?: boolean }) => {
               isChecked={value === "true"}
               onChange={(value) => onChange("" + value)}
               isDisabled={!consentRequired}
+              aria-label={t("displayOnClient")}
             />
           )}
         />

apps/admin-ui/src/clients/add/LogoutPanel.tsx

@@ -59,6 +59,7 @@ export const LogoutPanel = ({
               labelOff={t("common:off")}
               isChecked={value}
               onChange={onChange}
+              aria-label={t("frontchannelLogout")}
             />
           )}
         />
@@ -167,6 +168,7 @@ export const LogoutPanel = ({
                   labelOff={t("common:off")}
                   isChecked={value === "true"}
                   onChange={(value) => onChange(value.toString())}
+                  aria-label={t("backchannelLogoutSessionRequired")}
                 />
               )}
             />
@@ -195,6 +197,7 @@ export const LogoutPanel = ({
                   labelOff={t("common:off")}
                   isChecked={value === "true"}
                   onChange={(value) => onChange(value.toString())}
+                  aria-label={t("backchannelLogoutRevokeOfflineSessions")}
                 />
               )}
             />

apps/admin-ui/src/clients/add/SamlConfig.tsx

@@ -42,6 +42,7 @@ export const Toggle = ({ name, label }: { name: string; label: string }) => {
             labelOff={t("common:off")}
             isChecked={value === "true"}
             onChange={(value) => onChange(value.toString())}
+            aria-label={t(label)}
           />
         )}
       />

apps/admin-ui/src/clients/advanced/AdvancedSettings.tsx

@@ -103,6 +103,7 @@ export const AdvancedSettings = ({
                   labelOff={t("common:off")}
                   isChecked={value === "true"}
                   onChange={(value) => onChange("" + value)}
+                  aria-label={t("oAuthMutual")}
                 />
               )}
             />
@@ -168,6 +169,7 @@ export const AdvancedSettings = ({
                   labelOff={t("common:off")}
                   isChecked={value === "true"}
                   onChange={(value) => onChange(value.toString())}
+                  aria-label={t("pushedAuthorizationRequestRequired")}
                 />
               )}
             />

apps/admin-ui/src/clients/advanced/OpenIdConnectCompatibilityModes.tsx

@@ -50,6 +50,7 @@ export const OpenIdConnectCompatibilityModes = ({
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("excludeSessionStateFromAuthenticationResponse")}
             />
           )}
         />
@@ -76,6 +77,7 @@ export const OpenIdConnectCompatibilityModes = ({
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("useRefreshTokens")}
             />
           )}
         />
@@ -104,6 +106,7 @@ export const OpenIdConnectCompatibilityModes = ({
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("useRefreshTokenForClientCredentialsGrant")}
             />
           )}
         />
@@ -132,6 +135,7 @@ export const OpenIdConnectCompatibilityModes = ({
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("useLowerCaseBearerType")}
             />
           )}
         />

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

@@ -269,6 +269,7 @@ export const AuthorizationEvaluate = ({ client }: Props) => {
                 labelOff={t("common:off")}
                 isChecked={applyToResourceType}
                 onChange={setApplyToResourceType}
+                aria-label={t("applyToResourceType")}
               />
             </FormGroup>
 

apps/admin-ui/src/clients/authorization/ImportDialog.tsx

@@ -122,6 +122,7 @@ export const ImportDialog = ({ onConfirm, closeDialog }: ImportDialogProps) => {
                 labelOff={t("common:off")}
                 isChecked={imported.allowRemoteResourceManagement}
                 isDisabled
+                aria-label={t("allowRemoteResourceManagement")}
               />
             </FormGroup>
           </Form>

apps/admin-ui/src/clients/authorization/PermissionDetails.tsx

@@ -260,6 +260,7 @@ export default function PermissionDetails() {
                 labelOff={t("common:off")}
                 isChecked={applyToResourceTypeFlag}
                 onChange={setApplyToResourceTypeFlag}
+                aria-label={t("applyToResourceTypeFlag")}
               />
             </FormGroup>
             {applyToResourceTypeFlag ? (

apps/admin-ui/src/clients/authorization/ResourceDetails.tsx

@@ -296,6 +296,7 @@ export default function ResourceDetails() {
                     labelOff={t("common:off")}
                     isChecked={value}
                     onChange={onChange}
+                    aria-label={t("ownerManagedAccess")}
                   />
                 )}
               />

apps/admin-ui/src/clients/authorization/Settings.tsx

@@ -158,6 +158,7 @@ export const AuthorizationSettings = ({ clientId }: { clientId: string }) => {
                 labelOff={t("common:off")}
                 isChecked={value}
                 onChange={onChange}
+                aria-label={t("allowRemoteResourceManagement")}
               />
             )}
           />

apps/admin-ui/src/clients/credentials/X509.tsx

@@ -38,6 +38,7 @@ export const X509 = () => {
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("allowRegexComparison")}
             />
           )}
         />

apps/admin-ui/src/clients/keys/Keys.tsx

@@ -155,6 +155,7 @@ export const Keys = ({ clientId, save, hasConfigureAccess }: KeysProps) => {
                     labelOff={t("common:off")}
                     isChecked={value === "true"}
                     onChange={(value) => onChange(`${value}`)}
+                    aria-label={t("useJwksUrl")}
                   />
                 )}
               />

apps/admin-ui/src/clients/keys/SamlKeys.tsx

@@ -110,6 +110,7 @@ const KeySection = ({
                       onGenerate(attr, false);
                     }
                   }}
+                  aria-label={t(key)}
                 />
               )}
             />

apps/admin-ui/src/clients/scopes/DecicatedScope.tsx

@@ -100,6 +100,7 @@ export const DedicatedScope = ({
             labelOff={t("common:off")}
             isChecked={client.fullScopeAllowed}
             onChange={update}
+            aria-label={t("fullScopeAllowed")}
           />
         </FormGroup>
       </FormAccess>

apps/admin-ui/src/components/dynamic/BooleanComponent.tsx

@@ -39,6 +39,7 @@ export const BooleanComponent = ({
             isChecked={value === "true" || value === true}
             onChange={(value) => onChange("" + value)}
             data-testid={name}
+            aria-label={t(label!)}
           />
         )}
       />

apps/admin-ui/src/components/help-enabler/HelpHeader.tsx

@@ -69,7 +69,7 @@ export const HelpHeader = () => {
         <SplitItem>
           <Switch
             id="enableHelp"
-            aria-label="Help is enabled"
+            aria-label={t("common:enableHelp")}
             isChecked={help.enabled}
             label=""
             className="keycloak_help-header-switch"

apps/admin-ui/src/components/permission-tab/PermissionTab.tsx

@@ -157,6 +157,7 @@ export const PermissionsTab = ({ id, type }: PermissionsTabProps) => {
                     toggleDisableDialog();
                   }
                 }}
+                aria-label={t("permissionsEnabled")}
               />
             </FormGroup>
           </Form>

apps/admin-ui/src/components/view-header/ViewHeader.tsx

@@ -130,6 +130,7 @@ export const ViewHeader = ({
                       className="pf-u-mr-lg"
                       isDisabled={isReadOnly}
                       isChecked={isEnabled}
+                      aria-label={t("common:enabled")}
                       onChange={(value) => {
                         onToggle(value);
                       }}

apps/admin-ui/src/identity-providers/component/DiscoveryEndpointField.tsx

@@ -93,6 +93,9 @@ export const DiscoveryEndpointField = ({
             clearErrors("discoveryError");
             setDiscovery(checked);
           }}
+          aria-label={t(
+            id === "oidc" ? "useDiscoveryEndpoint" : "useEntityDescriptor"
+          )}
         />
       </FormGroup>
       {discovery && (

apps/admin-ui/src/identity-providers/component/ExtendedFieldsForm.tsx

@@ -133,6 +133,7 @@ const GoogleFields = () => {
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("google.userIp")}
             />
           )}
         />
@@ -158,6 +159,7 @@ const GoogleFields = () => {
               labelOff={t("common:off")}
               isChecked={value === "true"}
               onChange={(value) => onChange(value.toString())}
+              aria-label={t("google.offlineAccess")}
             />
           )}
         />
@@ -227,6 +229,7 @@ const PaypalFields = () => {
             labelOff={t("common:off")}
             isChecked={value === "true"}
             onChange={(value) => onChange(value.toString())}
+            aria-label={t("paypal.sandbox")}
           />
         )}
       />

apps/admin-ui/src/identity-providers/component/SwitchField.tsx

@@ -36,6 +36,7 @@ export const SwitchField = ({
               onChange(fieldType === "string" ? "" + value : value)
             }
             isDisabled={isReadOnly}
+            aria-label={label}
           />
         )}
       />

apps/admin-ui/src/realm-settings/EmailTab.tsx

@@ -335,6 +335,7 @@ export const RealmSettingsEmailTab = ({
                     onChange={(value) => {
                       onChange("" + value);
                     }}
+                    aria-label={t("authentication")}
                   />
                 )}
               />

apps/admin-ui/src/realm-settings/GeneralTab.tsx

@@ -200,6 +200,7 @@ export const RealmSettingsGeneralTab = ({
                 labelOff={t("common:off")}
                 isChecked={value}
                 onChange={onChange}
+                aria-label={t("userManagedAccess")}
               />
             )}
           />
@@ -228,6 +229,7 @@ export const RealmSettingsGeneralTab = ({
                   labelOff={t("common:off")}
                   isChecked={value === "true"}
                   onChange={(value) => onChange(value.toString())}
+                  aria-label={t("userProfileEnabled")}
                 />
               )}
             />

apps/admin-ui/src/realm-settings/LocalizationTab.tsx

@@ -371,6 +371,7 @@ export const LocalizationTab = ({ save, realm }: LocalizationTabProps) => {
                       : "internationalization-disabled"
                   }
                   onChange={onChange}
+                  aria-label={t("internationalization")}
                 />
               )}
             />

apps/admin-ui/src/realm-settings/LoginTab.tsx

@@ -74,6 +74,7 @@ export const RealmSettingsLoginTab = ({
               onChange={(value) => {
                 updateSwitchValue({ registrationAllowed: value });
               }}
+              aria-label={t("registrationAllowed")}
             />
           </FormGroup>
           <FormGroup
@@ -98,6 +99,7 @@ export const RealmSettingsLoginTab = ({
               onChange={(value) => {
                 updateSwitchValue({ resetPasswordAllowed: value });
               }}
+              aria-label={t("resetPasswordAllowed")}
             />
           </FormGroup>
           <FormGroup
@@ -121,6 +123,7 @@ export const RealmSettingsLoginTab = ({
               onChange={(value) => {
                 updateSwitchValue({ rememberMe: value });
               }}
+              aria-label={t("rememberMe")}
             />
           </FormGroup>
         </FormAccess>
@@ -155,6 +158,7 @@ export const RealmSettingsLoginTab = ({
                   },
                 ]);
               }}
+              aria-label={t("registrationEmailAsUsername")}
             />
           </FormGroup>
           <FormGroup
@@ -183,6 +187,7 @@ export const RealmSettingsLoginTab = ({
                   { duplicateEmailsAllowed: false },
                 ]);
               }}
+              aria-label={t("loginWithEmailAllowed")}
             />
           </FormGroup>
           <FormGroup
@@ -214,6 +219,7 @@ export const RealmSettingsLoginTab = ({
               isDisabled={
                 realm.loginWithEmailAllowed || realm.registrationEmailAsUsername
               }
+              aria-label={t("duplicateEmailsAllowed")}
             />
           </FormGroup>
           <FormGroup
@@ -238,6 +244,7 @@ export const RealmSettingsLoginTab = ({
               onChange={(value) => {
                 updateSwitchValue({ verifyEmail: value });
               }}
+              aria-label={t("verifyEmail")}
             />
           </FormGroup>
         </FormAccess>
@@ -268,6 +275,7 @@ export const RealmSettingsLoginTab = ({
               onChange={(value) => {
                 updateSwitchValue({ editUsernameAllowed: value });
               }}
+              aria-label={t("editUsernameAllowed")}
             />
           </FormGroup>
         </FormAccess>

apps/admin-ui/src/realm-settings/PartialExport.tsx

@@ -111,6 +111,7 @@ export const PartialExportDialog = ({
             onChange={setExportGroupsAndRoles}
             label={t("common:on")}
             labelOff={t("common:off")}
+            aria-label={t("includeGroupsAndRoles")}
           />
         </FormGroup>
         <FormGroup
@@ -125,6 +126,7 @@ export const PartialExportDialog = ({
             isChecked={exportClients}
             label={t("common:on")}
             labelOff={t("common:off")}
+            aria-label={t("includeClients")}
           />
         </FormGroup>
       </Form>

apps/admin-ui/src/realm-settings/PoliciesTab.tsx

@@ -132,6 +132,7 @@ export const PoliciesTab = () => {
                   saveStatus();
                 }
               }}
+              aria-label={clientPolicy.name!}
             />
           )}
         />

apps/admin-ui/src/realm-settings/SessionsTab.tsx

@@ -286,7 +286,7 @@ export const RealmSettingsSessionsTab = ({
                 <Switch
                   id="kc-offline-session-max"
                   data-testid="offline-session-max-switch"
-                  aria-label="offline-session-max-switch"
+                  aria-label={t("offlineSessionMaxLimited")}
                   label={t("common:enabled")}
                   labelOff={t("common:disabled")}
                   isChecked={value}

apps/admin-ui/src/realm-settings/TokensTab.tsx

@@ -169,7 +169,7 @@ export const RealmSettingsTokensTab = ({
                 <Switch
                   id="kc-revoke-refresh-token"
                   data-testid="revoke-refresh-token-switch"
-                  aria-label="revoke-refresh-token-switch"
+                  aria-label={t("revokeRefreshToken")}
                   label={t("common:enabled")}
                   labelOff={t("common:disabled")}
                   isChecked={value}

apps/admin-ui/src/realm-settings/event-config/EventConfigForm.tsx

@@ -77,6 +77,7 @@ export const EventConfigForm = ({
                   onChange(value);
                 }
               }}
+              aria-label={t("saveEvents")}
             />
           )}
         />
@@ -107,6 +108,7 @@ export const EventConfigForm = ({
                     labelOff={t("common:off")}
                     isChecked={value}
                     onChange={onChange}
+                    aria-label={t("includeRepresentation")}
                   />
                 )}
               />

apps/admin-ui/src/realm-settings/security-defences/BruteForceDetection.tsx

@@ -69,6 +69,7 @@ export const BruteForceDetection = ({
                 labelOff={t("common:off")}
                 isChecked={value}
                 onChange={onChange}
+                aria-label={t("common:enabled")}
               />
             )}
           />
@@ -120,6 +121,7 @@ export const BruteForceDetection = ({
                     labelOff={t("common:off")}
                     isChecked={value}
                     onChange={onChange}
+                    aria-label={t("permanentLockout")}
                   />
                 )}
               />

apps/admin-ui/src/realm-settings/user-profile/attribute/AttributeGeneralSettings.tsx

@@ -260,6 +260,7 @@ export const AttributeGeneralSettings = () => {
               isChecked={value}
               label={t("common:on")}
               labelOff={t("common:off")}
+              aria-label={t("required")}
             />
           )}
         />

apps/admin-ui/src/realm/add/NewRealmForm.tsx

@@ -105,6 +105,7 @@ export default function NewRealmForm() {
                   labelOff={t("common:off")}
                   isChecked={value}
                   onChange={onChange}
+                  aria-label={t("enabled")}
                 />
               )}
             />

apps/admin-ui/src/user-federation/kerberos/KerberosSettingsRequired.tsx

@@ -241,6 +241,7 @@ export const KerberosSettingsRequired = ({
                 isChecked={value?.[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("debug")}
               />
             )}
           />
@@ -269,6 +270,7 @@ export const KerberosSettingsRequired = ({
                 isChecked={value?.[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("allowPasswordAuthentication")}
               />
             )}
           />
@@ -338,6 +340,7 @@ export const KerberosSettingsRequired = ({
                 isChecked={value?.[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("updateFirstLogin")}
               />
             )}
           />

apps/admin-ui/src/user-federation/ldap/LdapSettingsAdvanced.tsx

@@ -87,6 +87,7 @@ export const LdapSettingsAdvanced = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("enableLdapv3Password")}
               />
             )}
           ></Controller>
@@ -116,6 +117,7 @@ export const LdapSettingsAdvanced = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("validatePasswordPolicy")}
               />
             )}
           ></Controller>
@@ -145,6 +147,7 @@ export const LdapSettingsAdvanced = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("trustEmail")}
               />
             )}
           ></Controller>

apps/admin-ui/src/user-federation/ldap/LdapSettingsConnection.tsx

@@ -159,6 +159,7 @@ export const LdapSettingsConnection = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("enableStartTls")}
               />
             )}
           ></Controller>
@@ -222,6 +223,7 @@ export const LdapSettingsConnection = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("connectionPooling")}
               />
             )}
           ></Controller>

apps/admin-ui/src/user-federation/ldap/LdapSettingsKerberosIntegration.tsx

@@ -62,6 +62,7 @@ export const LdapSettingsKerberosIntegration = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("allowKerberosAuthentication")}
               />
             )}
           ></Controller>
@@ -193,6 +194,7 @@ export const LdapSettingsKerberosIntegration = ({
                     isChecked={value[0] === "true"}
                     label={t("common:on")}
                     labelOff={t("common:off")}
+                    aria-label={t("debug")}
                   />
                 )}
               ></Controller>
@@ -223,6 +225,7 @@ export const LdapSettingsKerberosIntegration = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("useKerberosForPasswordAuthentication")}
               />
             )}
           ></Controller>

apps/admin-ui/src/user-federation/ldap/LdapSettingsSearching.tsx

@@ -372,6 +372,7 @@ export const LdapSettingsSearching = ({
                 isChecked={value[0] === "true"}
                 label={t("common:on")}
                 labelOff={t("common:off")}
+                aria-label={t("pagination")}
               />
             )}
           ></Controller>

apps/admin-ui/src/user-federation/ldap/LdapSettingsSynchronization.tsx

@@ -59,6 +59,7 @@ export const LdapSettingsSynchronization = ({
                 onChange={(value) => onChange([`${value}`])}
                 isChecked={value[0] === "true"}
                 isDisabled={false}
+                aria-label={t("importUsers")}
               />
             )}
           ></Controller>
@@ -107,6 +108,7 @@ export const LdapSettingsSynchronization = ({
                 label={t("common:on")}
                 labelOff={t("common:off")}
                 ref={form.register}
+                aria-label={t("periodicFullSync")}
               />
             )}
           ></Controller>
@@ -159,6 +161,7 @@ export const LdapSettingsSynchronization = ({
                 label={t("common:on")}
                 labelOff={t("common:off")}
                 ref={form.register}
+                aria-label={t("periodicChangedUsersSync")}
               />
             )}
           ></Controller>

apps/admin-ui/src/user/UserForm.tsx

@@ -249,6 +249,7 @@ export const UserForm = ({
               isChecked={value}
               label={t("common:on")}
               labelOff={t("common:off")}
+              aria-label={t("emailVerified")}
             />
           )}
         />
@@ -304,6 +305,7 @@ export const UserForm = ({
             isDisabled={!locked}
             label={t("common:on")}
             labelOff={t("common:off")}
+            aria-label={t("temporaryLocked")}
           />
         </FormGroup>
       )}
@@ -326,6 +328,7 @@ export const UserForm = ({
               isChecked={value}
               label={t("common:on")}
               labelOff={t("common:off")}
+              aria-label={t("common:enabled")}
             />
           )}
         />

apps/admin-ui/src/user/user-credentials/ResetPasswordDialog.tsx

@@ -209,6 +209,7 @@ export const ResetPasswordDialog = ({
                   isChecked={value}
                   label={t("common:on")}
                   labelOff={t("common:off")}
+                  aria-label={t("common:temporaryPassword")}
                 />
               )}
             />