HTML & CSS · Senior · Question 41 of 75

Which accessibility problem is typical for SPAs when the "page" changes on the client?

Explanation

On a full reload the browser announces the new page itself. SPAs don't get that, so you need to update document.title, move focus to the heading or main, or announce the change via a live region. The Next.js App Router does part of this (route announcer). Screen readers read JS-rendered content just fine.

Further reading

Problem with a question

HTML & CSS · Senior · question 41

Test yourself

Take the HTML & CSS · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.

Take this quiz