Botão "Carregar mais" sem aria-expanded, não anuncia estado para leitores de tela

[ewbenigno]

Descrição:
O botão que expande a seção de cards adicionais (SDKs, Ferramentas, ChangeLog, CLI, AI) na página /pages/start/welcome alterna conteúdo visível via JavaScript, mas não expõe o estado (expandido/recolhido) para tecnologias assistivas.

Elemento: <button id="load-more-btn">

O texto do botão muda visualmente ("Carregar mais" ↔ "Mostrar menos"), mas isso é só cosmético — não há atributo aria-expanded no elemento, então leitores de tela não informam ao usuário se o conteúdo associado (id="card-11") está visível ou oculto.

Por que isso precisa ser corrigido:

• Sem aria-expanded, um usuário de leitor de tela clica no botão e não tem confirmação de que algo mudou na página — a experiência fica incompleta ou confusa.
• É um requisito coberto pela WCAG 2.1 (critério 4.1.2 - Name, Role, Value), que exige que o estado de componentes interativos seja programaticamente determinável.
• É uma correção pequena e de baixo risco (adicionar um atributo), com impacto direto em acessibilidade — bom equilíbrio de esforço vs. benefício.

Sugestão de correção:
Adicionar aria-expanded={isHidden} no <button>, e aria-controls="card-11" apontando para o container expandido, atualizando o valor a cada clique junto com a troca de texto já existente.

[ewbenigno]

Posso trabalhar nessa correção! Adicionar aria-expanded e aria-controls no botão. Fico no aguardo de aprovação antes de abrir o PR.