@JGabriel963
Submitted
O que acham que eu deveria melhorar ou estudar para melhorar minhas tƩcnicas? Qualquer feedback serƔ bem-vindo :)
Looking to hire developers?
@DaviSoares-1
@JGabriel963
Submitted
O que acham que eu deveria melhorar ou estudar para melhorar minhas tƩcnicas? Qualquer feedback serƔ bem-vindo :)
@DaviSoares-1
Posted
Ficou show teu projeto!! Apenas fique atento com a questĆ£o da semĆ¢ntica do teu HTML, pois como pode ver em "Accessibility report" faltou uma tag <main>
que envolva o conteĆŗdo principal, no caso o card qr-code, e um tĆtulo de nĆvel 1 <h1>
no lugar do <h2>
. Dessa forma, basta colocar a div .container
dentro de uma tag <main>
e mudar de <h2>
para <h1>
.
HTML semĆ¢ntico Ć© de suma importĆ¢ncia para que seu site tenha uma Ć³tima acessibilidade, porque isso impacta diretamente no SEO (ranking do teu site em buscas no google), melhora a organizaĆ§Ć£o do cĆ³digo e determina regiƵes especĆficas do teu site (para quem utiliza leitores de tela, isso auxilia muito na navegaĆ§Ć£o). Por isso deve sempre utilizar tags semĆ¢nticas para demarcar regiƵes do teu site, que no caso sĆ£o: <header>
(cabeƧalho), <nav>
(links de navegaĆ§Ć£o), <footer>
(rodapƩ), <main>
(conteĆŗdo principal) e pelo menos um tĆtulo <h1>
.
JĆ” sobre as tags <article>
e <section>
Ć© uma boa utilizĆ”-las tambĆ©m, contudo elas nĆ£o marcam landmark (ponto de referĆŖncia) oficialmente, por isso devem sempre estar contidas em uma tag semĆ¢ntica, e de preferĆŖncia conter um atributo aria-label
ou aria-labelledby
(elas recebem um valor que serĆ” o nome da regiĆ£o que vĆ£o demarcar).
OBS; a principal diferenƧa entre <article>
e <section>
, Ć© que o article faz sentido por si sĆ³ e nĆ£o precisa de um contexto para fazer sentido (uma lista de produtos com preƧos por exemplo). JĆ” o section necessita de contexto para fazer sentido (cursos realizados da sua formaĆ§Ć£o profissional por exemplo), no caso isso sĆ³ faria sentido no seu currĆculo.
Espero ter ajudado, Ć© muito bom poder ver devs brasileiros por aqui, vamos pra cima e š Never Stop Learning!!