GithubHelp home page GithubHelp logo

drmidn1ght / m1---projeto-individual---ana-oliveira Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 264 KB

Projeto individual do módulo 01 do curso Códigos do Amanhã. A proposta é criar um site HTML e CSS. Espero melhorar daqui em diante.

HTML 93.38% CSS 6.62%

m1---projeto-individual---ana-oliveira's Introduction

M1---Projeto-individual---Ana-Oliveira

Projeto individual do módulo 01 do curso Códigos do Amanhã. A proposta é criar um site HTML e CSS. Espero melhorar daqui em diante. Estrutura HTML

A estrutura é relativamente simples. Em versões futuras, pretendo usar a tag section. Durante a criação deste projeto, a função da tag não ficou clara de um ponto de vista semântico, por isso a aplicação das tags header, main e footer. O mesmo equívoco ocorreu com a tag div, uma vez que é difícil identificar qual é a div pai e quais são as filhas. Reconhecidos estes equívocos, o projeto é entregue com falhas, que podem ser corrigidas em monitoria.

Estilização CSS

Houveram tentativas de estilizar as páginas, mas ainda que eu tenha ajuda em decorrência da deficiência visual, não é possível ter um feedback acessível no que tange a obtenção do resultado desejado; em outras palavras, o leitor de tela lê as linhas de código, mas não me fornece informações sobre o que foi alterado visualmente na página.

Paleta de cores

O foco foi a acessibilidade, pensando em pessoas que precisam de alto contraste para ler. A cor de fundo azul escuro foi escolhida por ter melhor aceitação, por ter um bom contraste com a cor branca da fonte. Além disso, a cor azul é um trocadilho: as iniciais do meu nome (AO) também formam a palavra azul em japonês.

Uso de descrição de imagens (alt)

Todas as imagens usadas no projeto tem descrições através do atributo alt da tag img em HTML. De modo geral, deficientes visuais podem preferir descrições sucintas ao navegar em websites, de forma a tornar a navegação mais ágil. Entretanto, como o projeto contém desenhos e fotos, optei por fazer descrições mais detalhadas, uma vez que quis demonstrar como fazer uma descrição mais complexa e específica.

Considerações finais

O projeto está longe de cumprir com as expectativas, mas está funcional. Quero melhorar este projeto futuramente.

m1---projeto-individual---ana-oliveira's People

Contributors

drmidn1ght avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.