diff --git a/apps/school/src/components/layout/header.tsx b/apps/school/src/components/layout/header.tsx
index 1b0ce436..c0ff88f0 100644
--- a/apps/school/src/components/layout/header.tsx
+++ b/apps/school/src/components/layout/header.tsx
@@ -32,6 +32,7 @@ export function Header() {
         {/* Notifications */}
         <button
           type="button"
+          aria-label={t.common.notifications()}
           className={cn(
             `
               relative inline-flex h-9 w-9 items-center justify-center
@@ -45,7 +46,6 @@ export function Header() {
           )}
         >
           <IconBell className="h-5 w-5" />
-          <span className="sr-only">{t.common.notifications()}</span>
           {/* Notification badge */}
           <span className="absolute top-1 right-1 flex h-2 w-2">
             <span className="
diff --git a/pr_desc.txt b/pr_desc.txt
new file mode 100644
index 00000000..cc822cb8
--- /dev/null
+++ b/pr_desc.txt
@@ -0,0 +1,4 @@
+💡 What: Added an `aria-label` to the icon-only notification button in the app header and removed the visually hidden `sr-only` span.
+🎯 Why: Using `aria-label` directly on the `<button>` element is a cleaner, more robust pattern for icon-only buttons than relying on inner visually hidden spans, ensuring consistent screen reader announcements.
+📸 Before/After: Visuals remain unchanged (internal HTML structure update only).
+♿ Accessibility: Improves semantic HTML structure and screen reader support for the primary navigation header's notification action.