From 98e95622e916d64a8eda02586cb06404f1bd0e35 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Fri, 6 Mar 2026 13:56:13 -0800
Subject: [PATCH 1/9] Make settings link icons decorative, and move Settings
 text into visually-hidden span

---
 resources/js/pages/SettingsIndexPage.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/resources/js/pages/SettingsIndexPage.vue b/resources/js/pages/SettingsIndexPage.vue
index 0af53579275..ad51e5ec55a 100644
--- a/resources/js/pages/SettingsIndexPage.vue
+++ b/resources/js/pages/SettingsIndexPage.vue
@@ -44,10 +44,9 @@
                         <craft-icon
                           :name="item.icon"
                           style="font-size: calc(40rem / 16)"
-                          :label="`${item.label} - ${t('Settings')}`"
                         ></craft-icon>
                       </div>
-                      {{ item.label }}
+                      {{ item.label }}<span class="sr-only"> - {{ t('Settings') }}</span>
                     </div>
                   </a>
                 </li>

From 65bedcf0856b2f76f9e03a4cb55696d26b4c7228 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Fri, 6 Mar 2026 14:13:20 -0800
Subject: [PATCH 2/9] Update AppLayout with system name

---
 resources/js/layout/AppLayout.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/js/layout/AppLayout.vue b/resources/js/layout/AppLayout.vue
index 108da783b1d..a3b4d7edf4a 100644
--- a/resources/js/layout/AppLayout.vue
+++ b/resources/js/layout/AppLayout.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import SystemInfo from '@/components/SystemInfo.vue';
+  import useCraftData from '@/composables/useCraftData';
   import {t} from '@craftcms/cp/utilities/translate.ts.mjs';
   import {computed, reactive, ref, watch, useTemplateRef} from 'vue';
   import CpSidebar from '@/components/CpSidebar.vue';
@@ -10,7 +11,7 @@
   import {useAnnouncer} from '@/composables/useAnnouncer';
   import LiveRegion from '@/components/LiveRegion.vue';
 
-  withDefaults(
+  const props = withDefaults(
     defineProps<{
       title?: string;
       debug?: any;
@@ -19,6 +20,8 @@
     {fullWidth: false, crumbs: () => []}
   );
 
+  const {system} = useCraftData();
+
   const page = usePage<{
     flash: {
       success: string | null;
@@ -34,6 +37,9 @@
   const crumbs = computed(() => page.props.crumbs ?? null);
   const sidebarToggle = useTemplateRef('sidebarToggle');
   const {announcement, announce} = useAnnouncer();
+  const fullPageTitle = computed(() => {
+    return `${props.title} - ${system.name}`;
+  });
 
   watch(successFlash, (newMessage) => announce(newMessage));
   watch(errorFlash, (newMessage) => announce(newMessage));
@@ -95,7 +101,7 @@
 </script>
 
 <template>
-  <Head :title="title" />
+  <Head :title="fullPageTitle" />
   <LiveRegion :debug="true"></LiveRegion>
   <div class="cp">
     <div class="cp__header">

From 49e2c6974a09644fa350134065662990ec6d0081 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Fri, 6 Mar 2026 14:48:35 -0800
Subject: [PATCH 3/9] Share language code with blade view

---
 resources/views/app.blade.php                 | 2 +-
 src/Http/Middleware/HandleInertiaRequests.php | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 4caf7eac053..19dd87b9a25 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ $language }}">
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1">
diff --git a/src/Http/Middleware/HandleInertiaRequests.php b/src/Http/Middleware/HandleInertiaRequests.php
index e1bdbeb237c..36fa2db58ce 100644
--- a/src/Http/Middleware/HandleInertiaRequests.php
+++ b/src/Http/Middleware/HandleInertiaRequests.php
@@ -75,6 +75,9 @@ public function share(Request $request): array
             $systemIcon = $rebrand->getImage('icon');
         }
 
+        $language = app()->getLocale();
+        view()->share('language', $language);
+
         return [
             ...parent::share($request),
             'flash' => fn () => [
@@ -94,6 +97,7 @@ public function share(Request $request): array
                 'app' => [
                     'version' => Cms::VERSION,
                     'edition' => Edition::get()->toArray(),
+                    'language' => $language,
                 ],
                 'site' => [
                     'url' => $currentSite->getBaseUrl(),

From 551c5cbe6fead9312f66eb2a3149b8b252aed053 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Fri, 6 Mar 2026 15:04:28 -0800
Subject: [PATCH 4/9] Add Copilot instructions

---
 .github/instructions/a11y.instructions.md | 307 ++++++++++++++++++++++
 1 file changed, 307 insertions(+)
 create mode 100644 .github/instructions/a11y.instructions.md

diff --git a/.github/instructions/a11y.instructions.md b/.github/instructions/a11y.instructions.md
new file mode 100644
index 00000000000..9253f16b4a9
--- /dev/null
+++ b/.github/instructions/a11y.instructions.md
@@ -0,0 +1,307 @@
+---
+description: "Guidance for creating more accessible code"
+applyTo: "**"
+---
+
+# Accessibility instructions
+
+You are an expert in accessibility with deep software engineering expertise.
+
+## Non-negotiables (MUST)
+
+- Conform to [WCAG 2.2 Level AA](https://www.w3.org/TR/WCAG22/).
+- Go beyond minimum conformance when it meaningfully improves usability.
+- If the project uses a UI component library, you MUST use the component patterns as defined by the library. Do not recreate patterns.
+    - If unsure, find an existing usage in the project and follow the same patterns.
+    - Ensure the resulting UI still has correct accessible name/role/value, keyboard behavior, focus management, visible labels and meets at least minimum contrast requirements.
+- If there is no component library (or a needed component does not exist), prefer native HTML elements/attributes over ARIA.
+- Use ARIA only when necessary (do not add ARIA to native elements when the native semantics already work).
+- Ensure correct accessible **name, role, value, states, and properties**.
+- All interactive elements are keyboard operable, with clearly visible focus, and no keyboard traps.
+- Do not claim the output is “fully accessible”.
+
+## Inclusive language (MUST)
+
+- Use respectful, inclusive, people-first language in any user-facing text.
+- Avoid stereotypes or assumptions about ability, cognition, or experience.
+
+## Cognitive load (SHOULD)
+
+- Prefer plain language.
+- Use consistent page structure (landmarks).
+- Keep navigation order consistent.
+- Keep the interface clean and simple (avoid unnecessary distractions).
+
+## Structure and semantics
+
+### Page structure (MUST)
+
+- Use landmarks (`header`, `nav`, `main`, `footer`) appropriately.
+- Use headings to introduce new sections of content; avoid skipping heading levels.
+- Prefer one `h1` for the page topic. Generally, the first heading within the `main` element / landmark.
+
+### Page title (SHOULD)
+
+- Set a descriptive `<title>`.
+- Prefer: “Unique page - section - site”.
+
+## Keyboard and focus
+
+### Core rules (MUST)
+
+- All interactive elements are keyboard operable.
+- Tab order follows reading order and is predictable.
+- Focus is always visible.
+- Hidden content is not focusable (`hidden`, `display:none`, `visibility:hidden`).
+- If content is hidden from assistive technology using `aria-hidden="true"`, then neither that content nor any of its descendants can be focusable.
+- Static content MUST NOT be tabbable.
+    - Exception: if an element needs programmatic focus, use `tabindex="-1"`.
+
+### Skip link / bypass blocks (MUST)
+
+Provide a skip link as the first focusable element.
+
+```html
+<header>
+  <a href="#maincontent" class="sr-only">Skip to main content</a>
+  <!-- header content -->
+</header>
+<nav>
+  <!-- navigation -->
+</nav>
+<main id="maincontent" tabindex="-1">
+  <h1><!-- page title --></h1>
+  <!-- content -->
+</main>
+```
+
+```css
+.sr-only:not(:focus):not(:active) {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+```
+
+### Composite widgets (SHOULD)
+
+If a component uses arrow-key navigation within itself (tabs, listbox, menu-like UI, grid/date picker):
+
+- Provide one tab stop for the composite container or one child.
+- Manage internal focus with either roving tabindex or `aria-activedescendant`.
+
+Roving tabindex (SHOULD):
+
+- Exactly one focusable item has `tabindex="0"`; all others are `-1`.
+- Arrow keys move focus by swapping tabindex and calling `.focus()`.
+
+`aria-activedescendant` (SHOULD):
+
+- Container is implicitly focusable or has `tabindex="0"` and `aria-activedescendant="IDREF"`.
+- Arrow keys update `aria-activedescendant`.
+
+## Low vision and contrast (MUST)
+
+### Contrast requirements (MUST)
+
+- Text contrast: at least 4.5:1 (large text: 3:1).
+    - Large text is at least 24px regular or 18.66px bold.
+- Focus indicators and key control boundaries: at least 3:1 vs adjacent colors.
+- Do not rely on color alone to convey information (error/success/required/selected). Provide text and/or icons with accessible names.
+
+### Color generation rules (MUST)
+
+- Do not invent arbitrary colors.
+    - Use project-approved design tokens (CSS variables).
+    - If no palette exists, define a small token palette and only use those tokens.
+- Avoid alpha for text and key UI affordances (`opacity`, `rgba`, `hsla`) because contrast becomes background-dependent and often fails.
+- Ensure contrast for all interactive states: default, hover, active, focus, visited (links), and disabled.
+
+### Safe defaults when unsure (SHOULD)
+
+- Prefer very dark text on very light backgrounds, or the reverse.
+- Avoid mid-gray text on white; muted text should still meet 4.5:1.
+
+### Tokenized palette contract (SHOULD)
+
+- Define and use tokens like: `--c-bg-body`, `--c-bg-default`, `--c-color-danger-bg-normal`, `--c-color-danger-bg-emphasis`, `--c-color-danger-bg-subtle`.
+- Only assign UI colors via these tokens (avoid scattered inline hex values).
+
+### Verification (MUST)
+
+Contrast verification is covered by the Final verification checklist.
+
+## High contrast / forced colors mode (MUST)
+
+### Support OS-level accessibility features (MUST)
+
+- Never override or disrupt OS accessibility settings.
+- The UI MUST adapt to High Contrast / Forced Colors mode automatically.
+- Avoid hard-coded colors that conflict with user-selected system colors.
+
+### Use the `forced-colors` media query when needed (SHOULD)
+
+Use `@media (forced-colors: active)` only when system defaults are not sufficient.
+
+```css
+@media (forced-colors: active) {
+  /* Example: Replace box-shadow (suppressed in forced-colors) with a border */
+  .button {
+    border: 2px solid ButtonBorder;
+  }
+}
+
+/* if using box-shadow for a focus style, also use a transparent outline
+    so that the outline will render when the high contrast setting is enabled */
+.button:focus {
+  box-shadow: 0 0 4px 3px rgba(90, 50, 200, .7);
+  outline: 2px solid transparent;
+}
+```
+
+In Forced Colors mode, avoid relying on:
+
+- Box shadows
+- Decorative gradients
+
+### Respect user color schemes in forced colors (MUST)
+
+- Use system color keywords (e.g., `ButtonText`, `ButtonBorder`, `CanvasText`, `Canvas`).
+- Do not use fixed hex/RGB colors inside `@media (forced-colors: active)`.
+
+### Do not disable forced colors (MUST)
+
+- Do not use `forced-color-adjust: none` unless absolutely necessary and explicitly justified.
+- If it is required for a specific element, provide an accessible alternative that still works in Forced Colors mode.
+
+### Icons (MUST)
+
+- Icons MUST adapt to text color.
+- Prefer `currentColor` for SVG icon fills/strokes; avoid embedding fixed colors inside SVGs.
+
+```css
+svg {
+  fill: currentColor;
+  stroke: currentColor;
+}
+```
+
+## Reflow (WCAG 2.2 SC 1.4.10) (MUST)
+
+### Goal (MUST)
+
+Multi-line text must be able to fit within 320px wide containers or viewports, so that users do not need to scroll in two-dimensions to read sections of content.
+
+### Core principles (MUST)
+
+- Preserve information and function: nothing essential is removed, obscured, or truncated.
+- At narrow widths, multi-column layouts MUST stack into a single column; text MUST wrap; controls SHOULD rearrange vertically.
+- Users MUST NOT need to scroll left/right to read multi-line text.
+- If content is collapsed in the narrow layout, the full content/function MUST be available within 1 click (e.g., overflow menu, dialog, tooltip).
+
+### Engineering requirements (MUST)
+
+- Use responsive layout primitives (`flex`, `grid`) with fluid sizing; enable text wrapping.
+- Avoid fixed widths that force two-dimensional scrolling at 320px.
+- Avoid absolute positioning and `overflow: hidden` when it causes content loss, or would result in the obscuring of content at smaller viewport sizes.
+- Media and containers SHOULD NOT overflow the viewport at 320px (for example, prefer `max-width: 100%` for images/video/canvas/iframes).
+- In flex/grid layouts, ensure children can shrink/wrap (common fix: `min-width: 0` on flex/grid children).
+- Handle long strings (URLs, tokens) without forcing overflow (common fix: `overflow-wrap: anywhere` or equivalent).
+- Ensure all interactive elements remain visible, reachable, and operable at 320px.
+
+### Exceptions (SHOULD)
+
+If a component truly requires a two-dimensional layout for meaning/usage (e.g., large data tables, maps, diagrams, charts, games, presentations), allow horizontal scrolling only at the component level.
+
+- The page as a whole MUST still reflow (unless the page layout truly requires two-dimensional layout for usage).
+- The component MUST remain fully usable (all content reachable; controls operable).
+
+## Controls and labels
+
+### Visible labels (MUST)
+
+- Every interactive element has a visible label.
+- The label cannot disappear while entering text or after the field has a value.
+
+### Voice access (MUST)
+
+- The accessible name of each interactive element MUST contain the visible label.
+    - If using `aria-label`, include the visual label text.
+- If multiple controls share the same visible label (e.g., many “Remove” buttons), use an `aria-label` that keeps the visible label text and adds context (e.g., “Remove item: Socks”).
+
+## Forms
+
+### Labels and help text (MUST)
+
+- Every form control has a programmatic label.
+    - Prefer `<label for="...">`.
+- Labels describe the input purpose.
+- If help text exists, associate it with `aria-describedby`.
+
+### Required fields (MUST)
+
+- Indicate required fields visually (often `*`) and programmatically (`aria-required="true"`).
+
+### Errors and validation (MUST)
+
+- Provide error messages that explain how to fix the issue.
+- Use `aria-invalid="true"` for invalid fields; remove it when valid.
+- Associate inline errors with the field via `aria-describedby`.
+- Submit buttons SHOULD NOT be disabled solely to prevent submission.
+- On submit with invalid input, focus the first invalid control.
+
+## Graphics and images
+
+All graphics include `img`, `svg`, icon fonts, and emojis.
+
+- Informative graphics MUST have meaningful alternatives.
+    - `img`: use `alt`.
+    - `svg`: prefer `role="img"` and `aria-label`/`aria-labelledby`.
+- Decorative graphics MUST be hidden.
+    - `img`: `alt=""`.
+    - Other: `aria-hidden="true"`.
+
+## Navigation and menus
+
+- Use semantic navigation: `<nav>` with lists and links.
+- Do not use `role="menu"` / `role="menubar"` for site navigation.
+- For expandable navigation:
+    - Include button elements to toggle navigation and/or sub-navigations. Use `aria-expanded` on the button to indicate state.
+    - `Escape` MAY close open sub-navigations.
+
+## Tables and grids
+
+### Tables for static data (MUST)
+
+- Use `<table>` for static tabular data.
+- Use `<th>` to associate headers.
+    - Column headers are in the first row.
+    - Row headers (when present) use `<th>` in each row.
+
+### Grids for dynamic UIs (SHOULD)
+
+- Use grid roles only for truly interactive/dynamic experiences.
+- If using `role="grid"`, grid cells MUST be nested in rows so header/cell relationships are determinable.
+- Use arrow navigation to navigate within the grid.
+
+## Final verification checklist (MUST)
+
+Before finalizing output, explicitly verify:
+
+- Structure and semantics: landmarks, headings, and one `h1` for the page topic.
+- Keyboard and focus: operable controls, visible focus, predictable tab order, no traps, skip link works.
+- Controls and labels: visible labels present and included in accessible names.
+- Forms: labels, required indicators, errors (`aria-invalid` + `aria-describedby`), focus first invalid.
+- Contrast: meets 4.5:1 / 3:1 thresholds, focus/boundaries meet 3:1, color not the only cue.
+- Forced colors: does not break OS High Contrast / Forced Colors; uses system colors in `forced-colors: active`.
+- Reflow: sections of content should be able to adjust to 320px width without the need for two-dimensional scrolling to read multi-line text; no content loss; controls remain operable.
+- Graphics: informative alternatives; decorative graphics hidden.
+- Tables/grids: tables use `<th>`; grids (when needed) are structured with rows and cells.
+
+## Final note
+
+Generate the HTML with accessibility in mind, but accessibility issues may still exist; manual review and testing (for example with Accessibility Insights) is still recommended.

From c92dcc220f1e924aafdc6a9a556f14c8025676bf Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Sat, 7 Mar 2026 11:23:05 -0800
Subject: [PATCH 5/9] Customize a11y.instructions.md with project-specific info

---
 .github/instructions/a11y.instructions.md | 28 ++++++++---------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/.github/instructions/a11y.instructions.md b/.github/instructions/a11y.instructions.md
index 9253f16b4a9..f2e8cd8145e 100644
--- a/.github/instructions/a11y.instructions.md
+++ b/.github/instructions/a11y.instructions.md
@@ -1,6 +1,6 @@
 ---
 description: "Guidance for creating more accessible code"
-applyTo: "**"
+applyTo: "resources/js/**,resources/css/**,resources/templates/**,packages/craftcms-cp/src/**"
 ---
 
 # Accessibility instructions
@@ -11,10 +11,11 @@ You are an expert in accessibility with deep software engineering expertise.
 
 - Conform to [WCAG 2.2 Level AA](https://www.w3.org/TR/WCAG22/).
 - Go beyond minimum conformance when it meaningfully improves usability.
-- If the project uses a UI component library, you MUST use the component patterns as defined by the library. Do not recreate patterns.
+- UI components are defined as Lit Web Components in the component library (`@craftcms/cp`) or as Vue components in `./resources/js/`. You SHOULD use the component patterns as defined. Do not recreate patterns.
     - If unsure, find an existing usage in the project and follow the same patterns.
     - Ensure the resulting UI still has correct accessible name/role/value, keyboard behavior, focus management, visible labels and meets at least minimum contrast requirements.
-- If there is no component library (or a needed component does not exist), prefer native HTML elements/attributes over ARIA.
+- If a needed component does not exist, prefer native HTML elements/attributes over ARIA.
+    - The `@craftcms/cp` component library should include components that can be reused by plugin developers, or outside the context of this application. Vue components should be used for application-specific UI.
 - Use ARIA only when necessary (do not add ARIA to native elements when the native semantics already work).
 - Ensure correct accessible **name, role, value, states, and properties**.
 - All interactive elements are keyboard operable, with clearly visible focus, and no keyboard traps.
@@ -59,11 +60,12 @@ You are an expert in accessibility with deep software engineering expertise.
 
 ### Skip link / bypass blocks (MUST)
 
-Provide a skip link as the first focusable element.
+- Provide a skip link as the first focusable element.
+- When implementing a section with a large number of tab stops, consider adding a skip link to jump to the next section.
 
 ```html
 <header>
-  <a href="#maincontent" class="sr-only">Skip to main content</a>
+  <a href="#maincontent" class=".skip-link">Skip to main content</a>
   <!-- header content -->
 </header>
 <nav>
@@ -75,18 +77,6 @@ Provide a skip link as the first focusable element.
 </main>
 ```
 
-```css
-.sr-only:not(:focus):not(:active) {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-```
-
 ### Composite widgets (SHOULD)
 
 If a component uses arrow-key navigation within itself (tabs, listbox, menu-like UI, grid/date picker):
@@ -117,7 +107,7 @@ Roving tabindex (SHOULD):
 
 - Do not invent arbitrary colors.
     - Use project-approved design tokens (CSS variables).
-    - If no palette exists, define a small token palette and only use those tokens.
+    - If no relevant colors exist in the palette, define a small token palette and only use those tokens.
 - Avoid alpha for text and key UI affordances (`opacity`, `rgba`, `hsla`) because contrast becomes background-dependent and often fails.
 - Ensure contrast for all interactive states: default, hover, active, focus, visited (links), and disabled.
 
@@ -231,7 +221,7 @@ If a component truly requires a two-dimensional layout for meaning/usage (e.g.,
 
 - The accessible name of each interactive element MUST contain the visible label.
     - If using `aria-label`, include the visual label text.
-- If multiple controls share the same visible label (e.g., many “Remove” buttons), use an `aria-label` that keeps the visible label text and adds context (e.g., “Remove item: Socks”).
+- If multiple controls share the same visible label (e.g., many “Remove” buttons), use an `aria-label` that keeps the visible label text and adds context (e.g., “Remove item: Socks”). If text that adds additional context exists on the page, prefer using a `aria-labelledby` with an ID that references the text node.
 
 ## Forms
 

From 3eb6dbe9b8859ee3f701ad4cfaa01c113e886dd0 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Sat, 7 Mar 2026 11:39:56 -0800
Subject: [PATCH 6/9] Remove "." from class name

---
 .github/instructions/a11y.instructions.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/instructions/a11y.instructions.md b/.github/instructions/a11y.instructions.md
index f2e8cd8145e..aa3a8ef2a87 100644
--- a/.github/instructions/a11y.instructions.md
+++ b/.github/instructions/a11y.instructions.md
@@ -65,7 +65,7 @@ You are an expert in accessibility with deep software engineering expertise.
 
 ```html
 <header>
-  <a href="#maincontent" class=".skip-link">Skip to main content</a>
+  <a href="#maincontent" class="skip-link">Skip to main content</a>
   <!-- header content -->
 </header>
 <nav>

From 5a6e8d285d42a3a61f26ca532bb557d756328d00 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Sat, 7 Mar 2026 11:59:50 -0800
Subject: [PATCH 7/9] Update Blade template to use app->getLocale() and remove
 variable declaration from middleware

---
 resources/views/app.blade.php                 | 2 +-
 src/Http/Middleware/HandleInertiaRequests.php | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 19dd87b9a25..00d9d300a1c 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ $language }}">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ app()->getLocale() }}">
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1">
diff --git a/src/Http/Middleware/HandleInertiaRequests.php b/src/Http/Middleware/HandleInertiaRequests.php
index 36fa2db58ce..e1bdbeb237c 100644
--- a/src/Http/Middleware/HandleInertiaRequests.php
+++ b/src/Http/Middleware/HandleInertiaRequests.php
@@ -75,9 +75,6 @@ public function share(Request $request): array
             $systemIcon = $rebrand->getImage('icon');
         }
 
-        $language = app()->getLocale();
-        view()->share('language', $language);
-
         return [
             ...parent::share($request),
             'flash' => fn () => [
@@ -97,7 +94,6 @@ public function share(Request $request): array
                 'app' => [
                     'version' => Cms::VERSION,
                     'edition' => Edition::get()->toArray(),
-                    'language' => $language,
                 ],
                 'site' => [
                     'url' => $currentSite->getBaseUrl(),

From 8c9536dd36075bf7a2fedde4173e40c12112c874 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Wed, 11 Mar 2026 15:53:54 -0700
Subject: [PATCH 8/9] Update fullPageTitle value to account for optional title
 prop

---
 resources/js/layout/AppLayout.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/layout/AppLayout.vue b/resources/js/layout/AppLayout.vue
index a3b4d7edf4a..9df3fdbcc96 100644
--- a/resources/js/layout/AppLayout.vue
+++ b/resources/js/layout/AppLayout.vue
@@ -38,7 +38,8 @@
   const sidebarToggle = useTemplateRef('sidebarToggle');
   const {announcement, announce} = useAnnouncer();
   const fullPageTitle = computed(() => {
-    return `${props.title} - ${system.name}`;
+    const title = props.title?.trim();
+    return title ? `${title} - ${system.name}` : system.name;
   });
 
   watch(successFlash, (newMessage) => announce(newMessage));

From 066ada2760746374b31e8f287ef5422596f4d1e2 Mon Sep 17 00:00:00 2001
From: Guadalupe Camacho <lupe@pixelandtonic.com>
Date: Wed, 11 Mar 2026 15:55:21 -0700
Subject: [PATCH 9/9] Remove crumbs from AppLayout default prop config

---
 resources/js/layout/AppLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/layout/AppLayout.vue b/resources/js/layout/AppLayout.vue
index 9df3fdbcc96..568c723e3cc 100644
--- a/resources/js/layout/AppLayout.vue
+++ b/resources/js/layout/AppLayout.vue
@@ -17,7 +17,7 @@
       debug?: any;
       fullWidth?: boolean;
     }>(),
-    {fullWidth: false, crumbs: () => []}
+    {fullWidth: false}
   );
 
   const {system} = useCraftData();
