Single-Page Application

A web application that loads a single HTML document and dynamically updates its content through JavaScript without requiring full page reloads. SPAs use client-side routing and AJAX requests to fetch data and render new views within the same page, creating a more fluid, desktop-like user experience. While SPAs can offer performance and interaction benefits, they pose significant accessibility challenges: screen readers may not detect dynamically injected content, browser history and navigation expectations can break, focus management requires explicit handling, and automated accessibility evaluation tools may miss content that only appears after user interactions. Frameworks like React, Angular, and Vue are commonly used to build SPAs, and WAI-ARIA live regions, focus management, and route announcements are essential techniques for making them accessible.