LWR Sites for Experience Cloud

LWR Sites for Experience Cloud
Get to Know the LWR Templates
Pages and Components
Differences in Behavior
New Publishing Model
Custom URL Paths
Lightning Web Security
Caching Policy
Head Markup
Accessibility
LWR Template Limitations
Start Building Your LWR Site
Brand Your LWR Site
Create a Multilingual LWR Site
Add More Customizations
Manage Data in LWR Sites
Experience Delivery (Beta)
PDF

Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Accessibility in LWR Sites

LWR sites in Experience Cloud include several important accessibility features and best practices, such as screen reader support and F6 navigation.

F6 Navigation

F6 navigation makes it easier to navigate a webpage with a keyboard or a screen reader. Unlike using the Tab key, which can take several keystrokes to reach a specific element, pressing F6 lets users first navigate between different regions. Then users can use the Tab key to home in on components within that region.

The major sections of the out-of-the-box Header and Footer theme layout component are enabled for F6 navigation. To enable F6 navigation for regions in your custom theme layouts, see Create Custom Layout Components.

Screen Reader Support

LWR sites run in a single page application (SPA), which is a web app that loads a single HTML page. Page updates are handled by JavaScript that modifies the Document Object Model (DOM) to simulate navigation, which can cause issues for screen readers.

So we provide screen readers with the information to properly recognize SPA navigation. Upon navigation, the title of the page is announced via an ARIA-Live region. If the theme layout stays the same, the user’s focus is returned to the content area. If the theme layout changes, the user’s focus is returned to the top of the page.