Site da Dra. Yvonne Mascarenhas

Objetivo do Site

Este site tem como objetivo divulgar e apresentar o trabalho, realizações e contribuições da Dra. Yvonne Mascarenhas no campo científico e acadêmico.

Tecnologias Aplicadas

O projeto foi desenvolvido utilizando:

• HTML5 para a estrutura da página web.
• CSS3 para a estilização e aparência do site.
• JavaScript para implementação de funcionalidades interativas e dinâmicas.

Estilização e Detalhes Importantes

Detalhes importantes na estilização e funcionalidades do site incluem:

• Utilização do Normalize.css para consistência nos estilos entre navegadores.
• Fonte Roboto do Google Fonts para a tipografia do site.
• Estruturas responsivas para garantir uma experiência consistente em diferentes dispositivos.
• Uso de elementos semânticos para melhor acessibilidade.
• Notificação por <noscript> para usuários com JavaScript desativado.
• Menu de navegação acessível com atalhos e controles de acessibilidade.

Dependências Necessárias

Não são necessárias dependências externas para visualizar ou executar o projeto.

Acessibilidade do site

O site foi construído com acessibilidade em mente, incluindo um menu de acessibilidade e marcações semânticas para facilitar a compreensão por leitores de tela. Além disso o site possui:

• Tradutor para Língua Brasileira de Sinais;
• Atalhos de acessibilidade;
• Botões para acessibilidade.

Tradução para LIBRAS

A tradução para libras é ativada clicando no botão azul, com duas mãos.

Atalhos de acessibilidade

O site possui atalhos de acessibilidade que podem ser utilizados ao longo do site, projetados especialmente para pessoas que utilizam leitores de tela. Alt + 1: Ir para o conteúdo principal. Alt + 2: Ir para o menu principal. Alt + 3: Abrir o menu de acessibilidade. Alt + 4: Ir para o rodapé.

Botões para acessibilidade

O site possui botões para tornar mais fluido o acesso do site à pessoas com baixa visão. Os botões estão disponíveis no menu de Acessibilidade, disposto na barra de menu, no topo do site.

• Botão para aumentar fonte do conteúdo A+;
• Botão para diminuir fonte do conteúdo A-;
• Botão para restaurar configuração original do site ↺;
• Botão para ativar alto constraste 🌓. O código em Javascript está disponível neste link.

Verificação Online do Site

Você pode visualizar o projeto online através deste link: Site da Dra. Yvonne Mascarenhas