You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/guide/a11y-basics.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,12 +1,12 @@
1
-
# Básico sobre acessibilidade
1
+
# Básico Sobre Acessibilidade
2
2
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.
4
4
5
5
Pronto para começar, mas não tem certeza por onde?
6
6
7
7
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/)
8
8
9
-
## Link pular conteúdo
9
+
## Link Pular Conteúdo
10
10
11
11
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.
12
12
@@ -63,7 +63,7 @@ export default {
63
63
64
64
[Leia a documentação sobre pular para o conteúdo principal](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)
65
65
66
-
## Estruture seu conteúdo
66
+
## Estruture Seu Conteúdo
67
67
68
68
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.
69
69
@@ -82,22 +82,22 @@ Os usuários podem navegar em uma aplicação por meio de títulos. Ter títulos
82
82
<h1id="main-title">Título Principal</h1>
83
83
<sectionaria-labelledby="section-title">
84
84
<h2id="section-title"> Título da Seção </h2>
85
-
<h3>Título da Seção</h3>
85
+
<h3>Subtítulo da Seção</h3>
86
86
<!-- Conteúdo -->
87
87
</section>
88
88
<sectionaria-labelledby="section-title">
89
89
<h2id="section-title"> Título da Seção </h2>
90
-
<h3>Título da Seção</h3>
90
+
<h3>Subtítulo da Seção</h3>
91
91
<!-- Conteúdo -->
92
-
<h3>Título da Seção</h3>
92
+
<h3>Subtítulo da Seção</h3>
93
93
<!-- Conteúdo -->
94
94
</section>
95
95
</main>
96
96
```
97
97
98
98
### Landmarks
99
99
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.
@@ -107,11 +107,11 @@ _Landmarks_ fornecem acesso programável às seções de uma aplicação. Os usu
107
107
| footer | role="contentinfo" | Informações sobre o documento principal: notas de rodapé/direitos autorais/links para declaração de privacidade |
108
108
| aside | role="complementary" | Suporta o conteúdo principal, mas é separado e significativo em seu próprio conteúdo |
109
109
|_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 |
111
111
| 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 |
112
112
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).
115
115
:::
116
116
117
117
[Leia mais sobre _landmarks_](https://www.w3.org/TR/wai-aria-1.2/#landmark_roles)
0 commit comments