almhp.com

Estes exemplos focam no design "One Page", onde todo o conteúdo é linear e visualizado em uma única rolagem:

• Sites de Portfólio/Pessoal: Um site de um desenvolvedor ou fotógrafo com seções "Sobre mim", "Portfólio" e "Contato";
• Landing Pages de Produtos/Serviços: - Páginas focadas em conversão, como a de uma hamburgueria, academia ou consultoria, com menu que rola até a seção específica (ex: "Cardápio", "Localização");
• Relatórios/Apresentações One Page: Um documento único e autoexplicativo que resume um projeto ou atualização de status.

O W3C (World Wide Web Consortium) estabelece padrões técnicos para que essas aplicações sejam acessíveis e funcionais, utilizando tecnologias como HTML5, CSS e JavaScript.

Essas aplicações utilizam frameworks JavaScript (React, Vue, Angular) para gerenciar o conteúdo:

• Painéis Administrativos (Dashboards): Sistemas de gerenciamento onde o menu lateral troca os gráficos e tabelas sem atualizar a página inteira.
• Redes Sociais: Aplicativos como o feed do Instagram ou Twitter, onde novas postagens aparecem ao rolar a tela, carregando dados JSON em segundo plano.
• Aplicativos de E-mail: Como o Gmail, onde a lista de e-mails, o painel de leitura e as pastas funcionam dentro do mesmo contexto de página.

Os padrões W3C para Single Page Applications (SPAs) concentram-se em garantir que aplicações web modernas, que carregam conteúdo dinamicamente sem atualizar a página inteira, permaneçam acessíveis, rápidas e interoperáveis.

Para garantir acessibilidade e boas práticas, o W3C recomenda:

• WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications): Essencial para SPAs, pois ajuda tecnologias assistivas a entenderem a mudança dinâmica de conteúdo.
• Gerenciamento de Foco e Títulos: O W3C orienta que, ao mudar o conteúdo de uma SPA, o título da página <title> e o foco do teclado sejam atualizados para guiar usuários de leitores de tela.
• Estrutura Semântica: O uso de tags <header>, <nav>, <main>, <section> e <footer> para organizar o conteúdo.

Nota: As referências indicam que as especificações do W3C também são disponibilizadas em formatos de página única ("single page HTML document") para facilitar a leitura técnica.