11 peças

Todas em Em andamento — Implementado e utilizável, mas ainda sem a validação completa de acessibilidade.

• Link

  Em andamento

  Link de texto, sempre sublinhado, interno pelo roteador ou externo; com `novaAba`, avisa que abre em outra aba.

  Ver todos os cursos
  Ver a ficha de Link, no catálogo — abre em outra aba

• LinkDeNavegacao

  Em andamento

  O link de uma barra de navegação, que marca a seção atual com aria-current e sublinhado; claro na barra principal, escuro na faixa de cima.

  Ver a ficha de LinkDeNavegacao, no catálogo — abre em outra aba

• PularParaOConteudo

  Em andamento

  O primeiro foco da página: leva o teclado direto ao conteúdo, por cima da navegação; invisível até receber o foco.

  Pular para o conteúdo

  MBA em Fisiologia do Exercício

  Aperte Tab: o primeiro foco da página é o link para pular a navegação.

  Ver a ficha de PularParaOConteudo, no catálogo — abre em outra aba

• Abas

  Em andamento

  Abas no padrão da WAI-ARIA: uma parada de Tab, setas para trocar, painéis ligados; para alternar conteúdo na mesma página.

  Sobre o cursoGrade curricularCorpo docenteInvestimento

  Especialização de 18 meses, com aulas quinzenais aos sábados.

  Ver a ficha de Abas, no catálogo — abre em outra aba

• Breadcrumb

  Em andamento

  Trilha de navegação do início até a página atual.

  Ver a ficha de Breadcrumb, no catálogo — abre em outra aba

• CarouselNavButton

  Em andamento

  Botão redondo de anterior/próximo para carrosséis, com versão clara e escura.

  Ver a ficha de CarouselNavButton, no catálogo — abre em outra aba

• CourseTabs

  Em andamento

  Abas horizontais que rolam no celular, para alternar entre grupos de cursos.

  Ver a ficha de CourseTabs, no catálogo — abre em outra aba

• Footer

  Em andamento

  Rodapé institucional com links, contatos, redes sociais e o botão de WhatsApp.

  Ver a ficha de Footer, no catálogo — abre em outra aba

• Navbar

  Em andamento

  Cabeçalho do site com menus de Graduação, Pós e Cursos Livres, busca e menu do celular.

  Pós-Graduação

  Inscrever-se

  Pré-visualização da Navbar em modo estático.

  Ver a ficha de Navbar, no catálogo — abre em outra aba

• PageLayout

  Em andamento

  Moldura de página com Navbar, conteúdo principal, rodapé e link de pular para o conteúdo.

  Pular para o conteúdo

  Pós-Graduação

  Inscrever-se

  Conteúdo da página

  O <main> tem tabIndex=-1: sem isso, o link de pular moveria a rolagem mas não o foco, e o teclado continuaria de onde estava — dentro da navegação.

  Primeiro link do conteúdo
  Ver a ficha de PageLayout, no catálogo — abre em outra aba

• Pagination

  Em andamento

  Paginação numérica com anterior e próximo; vira "Página X de Y" no celular.

  Ver a ficha de Pagination, no catálogo — abre em outra aba