fix(storefront): polish static-pages

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>
This commit is contained in:
sdarbinyan
2026-07-19 23:41:36 +04:00
parent f5225ac326
commit 2734734752
2 changed files with 6 additions and 1 deletions

View File

@@ -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>

View File

@@ -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;
}
}
}