Páginas SPA, cargas parciales y accesibilidad - Tutorial de Blazor

Cuando hablamos de accesibilidad en Blazor, realmente hablamos de accesibilidad en páginas SPA. El framework no importa tanto, ya que Blazor, Angular o React utilizan el mismo sistema de página única y renderización parcial de contenidos. Este es en realidad el reto que tenemos que resolver con ayudas técnicas, como los lectores de pantalla. Normalmente, en página MVC, cuando una página se carga lo hace de forma completa, y el lector de pantalla se entera de ese cambio. Es capaz de entender que se ha recargado todo y nos va a empezar a leer la página desde el principio. Sin embargo, en páginas SPA como en Blazor, cuando se carga una página nueva, en realidad solo cambia el contenido de la página, pero, por ejemplo, el menú, el pie, permanecen inalterados. El problema de esto es que el lector no se entera de que algo ha cambiado. Por ejemplo, si vamos a aquí a la lista de enlaces, Insert F7, y me voy a Counter, en cuanto yo lo active, ¿ves? Que la página se ha cargado pero el lector no…