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:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user