Skip to content

♿ feat: implement accessibility improvements#446

Open
ana-maria-silva wants to merge 1 commit intoglobocom:masterfrom
ana-maria-silva:melhorias-acessibilidade
Open

♿ feat: implement accessibility improvements#446
ana-maria-silva wants to merge 1 commit intoglobocom:masterfrom
ana-maria-silva:melhorias-acessibilidade

Conversation

@ana-maria-silva
Copy link
Contributor

@ana-maria-silva ana-maria-silva commented Oct 9, 2024

Related Issue

Proposed Changes

Melhorias de acordo com diretrizes de acessibilidade web:

  • utilizar tags semânticas <header> <main <section>
  • definir a linguagem da página no meta lang=pt-br ou en
  • utilizar âncora de acessibilidade como primeiro link navegável por teclado
  • correção de link quebrados
  • verificar com validadores de acessibilidade para mais melhorias

</h1>
<div className="hero__description">
Megadraft is a Rich Text editor built on top of
<header>Megadraft is a Rich Text editor built on top of
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Não acho que aqui seja a melhor opção pra adicionar o header, poderia rever o uso pra uma div superior? Se atentar a indentação também nesse caso

Copy link
Contributor Author

@ana-maria-silva ana-maria-silva Oct 31, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Necessário revisar o código do projeto, para implementação de melhorias para acessibilidade e usabilidade de acordo com as diretrizes da web semântica.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Realmente, revisando esta sugestão, neste caso, o mais recomendado seria <h2> seguindo a hierarquia de títulos, assim como para toda a estrutura utilizando <main>, <article> ,<aside>, <figure> e <nav> para o menu.

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="pt-br">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

O default idioma aqui esta pt-br mas todo o conteúdo é em inglês

</h1>
<div className="hero__description">
Megadraft is a Rich Text editor built on top of
<header>Megadraft is a Rich Text editor built on top of

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Muito bem observado, mas está quase lá!
Considerando boas práticas de acessibilidade,
o texto não deveria estar dentro de uma tag apropriada, como h, p, span, etc.
O que acha?

Copy link
Contributor Author

@ana-maria-silva ana-maria-silva Oct 5, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Correto, neste caso, o mais recomendado seria <h2> seguindo a hierarquia de títulos, assim como para toda a estrutura utilizando <main>, <article> e <aside> para o conteúdo, <figure> para a imagem e <nav> para o menu.

@ana-maria-silva ana-maria-silva changed the title ♿ implementar melhorias de acessibilidade ♿ fix: implement accessibility improvements Oct 5, 2025
@ana-maria-silva ana-maria-silva changed the title ♿ fix: implement accessibility improvements ♿ style: implement accessibility improvements Oct 5, 2025
@ana-maria-silva ana-maria-silva changed the title ♿ style: implement accessibility improvements ♿ feat: implement accessibility improvements Oct 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants