Adds missing H1s to settings pages

movntains · movntains · commit fff1ac331117 · 2025-09-19T16:07:25.000-04:00
diff --git a/resources/js/pages/settings/Appearance.vue b/resources/js/pages/settings/Appearance.vue
@@ -21,6 +21,8 @@ const breadcrumbItems: BreadcrumbItem[] = [
     <AppLayout :breadcrumbs="breadcrumbItems">
         <Head title="Appearance settings" />
 
+        <h1 class="sr-only">Appearance Settings</h1>
+
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall
diff --git a/resources/js/pages/settings/Password.vue b/resources/js/pages/settings/Password.vue
@@ -28,6 +28,8 @@ const currentPasswordInput = ref<HTMLInputElement | null>(null);
     <AppLayout :breadcrumbs="breadcrumbItems">
         <Head title="Password settings" />
 
+        <h1 class="sr-only">Password Settings</h1>
+
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall
diff --git a/resources/js/pages/settings/Profile.vue b/resources/js/pages/settings/Profile.vue
@@ -36,6 +36,8 @@ const user = page.props.auth.user;
     <AppLayout :breadcrumbs="breadcrumbItems">
         <Head title="Profile settings" />
 
+        <h1 class="sr-only">Profile Settings</h1>
+
         <SettingsLayout>
             <div class="flex flex-col space-y-6">
                 <HeadingSmall
diff --git a/resources/js/pages/settings/TwoFactor.vue b/resources/js/pages/settings/TwoFactor.vue
@@ -41,6 +41,9 @@ onUnmounted(() => {
 <template>
     <AppLayout :breadcrumbs="breadcrumbs">
         <Head title="Two-Factor Authentication" />
+
+        <h1 class="sr-only">Two-Factor Authentication Settings</h1>
+
         <SettingsLayout>
             <div class="space-y-6">
                 <HeadingSmall
