Skip to content

Commit 78f086c

Browse files
authored
Review on guide/a11y-basics
1 parent 4dc8949 commit 78f086c

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

src/guide/a11y-basics.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# Básico sobre acessibilidade
1+
# Básico Sobre Acessibilidade
22

3-
Acessibilidade web (também conhecida como a11y) refere-se a práticas na criação de websites que podem ser usados por qualquer pessoa - seja uma pessoa com uma incapacidade, uma conexão baixa, hardware desatualizado ou não funcionando corretamente ou simplesmente alguém em um ambiente adverso. Por exemplo, adicionar legendas a um vídeo ajudaria seus usuários surdos e com deficiência auditiva e aqueles que estão em um ambiente barulhento e não podem ouvir o telefone. Da mesma forma, certificar-se de que o seu texto não tenha um contraste muito baixo ajudará tanto os usuários com visão reduzida quanto os usuários que estão tentando usar o telefone sob luz solar intensa.
3+
Acessibilidade web (também conhecida como a11y) refere-se à práticas na criação de websites que podem ser usados por qualquer pessoa - seja uma pessoa com uma incapacidade, uma conexão lenta, hardware desatualizado ou não funcionando corretamente ou simplesmente alguém em um ambiente adverso. Por exemplo, adicionar legendas à um vídeo ajudaria seus usuários surdos e com deficiência auditiva e aqueles que estão em um ambiente barulhento e não podem ouvir o telefone. Da mesma forma, certificar-se de que o seu texto não tenha um contraste muito baixo ajudará tanto os usuários com visão reduzida quanto os usuários que estão tentando usar o telefone sob luz solar intensa.
44

55
Pronto para começar, mas não tem certeza por onde?
66

77
Confira o [Guia de planejamento e gerenciamento de acessibilidade web](https://www.w3.org/WAI/planning-and-managing/) fornecido pelo [World Wide Web Consortium (W3C)](https://www.w3.org/)
88

9-
## Link pular conteúdo
9+
## Link Pular Conteúdo
1010

1111
Você deve adicionar um link na parte superior de cada página que vai diretamente para a área de conteúdo principal para que os usuários possam pular o conteúdo que se repete em várias páginas web.
1212

@@ -63,7 +63,7 @@ export default {
6363

6464
[Leia a documentação sobre pular para o conteúdo principal](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)
6565

66-
## Estruture seu conteúdo
66+
## Estruture Seu Conteúdo
6767

6868
Uma das peças mais importantes da acessibilidade é garantir que o design possa oferecer suporte à implementação acessível. O design não deve considerar apenas o contraste das cores, a seleção das fontes, o tamanho dos textos e o idioma, mas também como o conteúdo é estruturado na aplicação.
6969

@@ -82,22 +82,22 @@ Os usuários podem navegar em uma aplicação por meio de títulos. Ter títulos
8282
<h1 id="main-title">Título Principal</h1>
8383
<section aria-labelledby="section-title">
8484
<h2 id="section-title"> Título da Seção </h2>
85-
<h3>Título da Seção</h3>
85+
<h3>Subtítulo da Seção</h3>
8686
<!-- Conteúdo -->
8787
</section>
8888
<section aria-labelledby="section-title">
8989
<h2 id="section-title"> Título da Seção </h2>
90-
<h3>Título da Seção</h3>
90+
<h3>Subtítulo da Seção</h3>
9191
<!-- Conteúdo -->
92-
<h3>Título da Seção</h3>
92+
<h3>Subtítulo da Seção</h3>
9393
<!-- Conteúdo -->
9494
</section>
9595
</main>
9696
```
9797

9898
### Landmarks
9999

100-
_Landmarks_ fornecem acesso programável às seções de uma aplicação. Os usuários que dependem de tecnologias assistivas podem navegar para cada seção da aplicação e pular seu conteúdo. Você pode usar [_ARIA roles_](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) para te ajudar a atingir isso.
100+
_Landmarks_ fornecem acesso programável às seções de uma aplicação. Os usuários que dependem de tecnologias assistivas podem navegar para cada seção da aplicação e pular seu conteúdo. Você pode usar [_ARIA roles_](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) para te ajudar à atingir isso.
101101

102102
| HTML | _ARIA Role_ | Propósito da _Landmark_ |
103103
| --------------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
@@ -107,11 +107,11 @@ _Landmarks_ fornecem acesso programável às seções de uma aplicação. Os usu
107107
| footer | role="contentinfo" | Informações sobre o documento principal: notas de rodapé/direitos autorais/links para declaração de privacidade |
108108
| aside | role="complementary" | Suporta o conteúdo principal, mas é separado e significativo em seu próprio conteúdo |
109109
| _Não disponível_ | role="search" | Esta seção contém a funcionalidade de pesquisa para a aplicação |
110-
| form | role="form" | Coleção de elementos associados a formulários |
110+
| form | role="form" | Coleção de elementos associados à formulários |
111111
| section | role="region" | Conteúdo relevante e para o qual os usuários provavelmente desejam navegar. Um rótulo deve ser fornecido para este elemento |
112112

113-
:::tip Tip:
114-
É recomendado o uso de elementos HTML com atributos _role_ de referência redundantes para maximizar a compatibilidade com navegadores legados [que não oferecem suporte a elementos semânticos do HTML5](https://caniuse.com/#feat=html5semantic).
113+
:::tip Dica
114+
É recomendado o uso de elementos HTML com atributos _role_ de referência redundantes para maximizar a compatibilidade com navegadores legados [que não oferecem suporte à elementos semânticos do HTML5](https://caniuse.com/#feat=html5semantic).
115115
:::
116116

117117
[Leia mais sobre _landmarks_](https://www.w3.org/TR/wai-aria-1.2/#landmark_roles)

0 commit comments

Comments
 (0)