From 273473475245d256a3a7bf7e81b9a99a844ef6e7 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Sun, 19 Jul 2026 23:41:36 +0400
Subject: [PATCH] fix(storefront): polish static-pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add role=status/aria-live to the CMS static-page loading state
(matching the pattern applied across home/search/catalog/product) and
a :focus-visible outline to the 404 back-home link.

The per-locale legal/info pages (about, contacts, delivery, faq,
guarantee, privacy-policy, public-offer, return-policy, payment-terms,
company-details) are static translated marketing content with no
interactive elements — reviewed, no changes needed.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/app/pages/static-page/static-page.component.html | 2 +-
 src/app/pages/static-page/static-page.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/static-page/static-page.component.html b/src/app/pages/static-page/static-page.component.html
index 05da3fc..14f0d43 100644
--- a/src/app/pages/static-page/static-page.component.html
+++ b/src/app/pages/static-page/static-page.component.html
@@ -1,6 +1,6 @@
 <main class="static-page page-container" [attr.dir]="dir()">
   @if (loading()) {
-    <section class="static-page__state">{{ 'app.connecting' | translate }}</section>
+    <section class="static-page__state" role="status" aria-live="polite">{{ 'app.connecting' | translate }}</section>
   } @else if (notFound()) {
     <section class="static-page__state">
       <h1>404</h1>
diff --git a/src/app/pages/static-page/static-page.component.scss b/src/app/pages/static-page/static-page.component.scss
index 6099bc8..a0cb0db 100644
--- a/src/app/pages/static-page/static-page.component.scss
+++ b/src/app/pages/static-page/static-page.component.scss
@@ -15,6 +15,11 @@
   a {
     color: var(--primary-color, #497671);
     text-decoration: none;
+
+    &:focus-visible {
+      outline: 2px solid var(--primary-color, #497671);
+      outline-offset: 2px;
+    }
   }
 }