-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (157 loc) · 8.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Acessibilidade Digital </title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<header>
<nav class="nav-bar">
</section>
<div class="logo">
<h1> Acessibilidade Digital</h1>
</div>
<div class="nav-list">
<ul id="menu" class="scroll-menu"></ul>
<li class="nav-item"><a href="#home" data-scroll-href="home-scroll" class="nav-link">O que é? </a></li>
<li class="nav-item"><a href="#estatisticas" data-scroll-href="estatisticas-scroll"
class="nav-link">Estatísticas</a></li>
<li class="nav-item"><a href="#deficiencias" data-scroll-href="deficiencias-scroll"
class="nav-link">Deficiências</a></li>
</ul>
</div>
<div class="login-button">
<button><a href="#">Entrar</a> </button>
</div>
</nav>
</header>
<section id="home">
<h2>O que é Acessibilidade Digital </h2>
<p>Acessibilidade digital refere-se à prática de tornar produtos, serviços e conteúdos digitais acessíveis e
utilizáveis para todas as pessoas, incluindo aquelas com deficiências ou necessidades especiais. Isso
engloba
sites, aplicativos, softwares, plataformas online e qualquer outro recurso digital.</p>
<p>O objetivo é garantir que qualquer pessoa, independentemente de suas capacidades físicas ou cognitivas, tenha
a
capacidade de perceber, compreender, navegar e interagir com a tecnologia digital de forma eficiente e
eficaz.
</p>
<p>A acessibilidade digital abrange diversas áreas e considera diferentes tipos de deficiências, como visuais,
auditivas, motoras, cognitivas ou outras limitações. Isso pode incluir a disponibilidade de recursos como
leitores de tela para pessoas com deficiência visual, legendas ou transcrições para conteúdos de áudio/vídeo
para pessoas surdas ou com deficiência auditiva, além de interfaces intuitivas e design adaptável para
facilitar
a navegação para pessoas com dificuldades motoras.</p>
<p>Essa prática não apenas atende às necessidades das pessoas com deficiência, mas também promove a inclusão,
diversidade e equidade, beneficiando a todos os usuários, oferecendo uma experiência digital mais ampla,
flexível e acessível a todos. Além disso, em muitos lugares, a acessibilidade digital também é uma exigência
legal para garantir direitos iguais de acesso à informação e serviços online.</p>
</section>
<section id="estatisticas">
<h2> Estastísticas sobre Acessibilidade </h2>
<p>No Brasil temos mais de 45,6 milhões de pessoas com algum tipo de deficiência, que corresponde a 24% da
população. Acessibilidade digital é a pratica de tornar as aplicações web utilizáveis ao maior número de
pessoas
possiveis. Pensar em acessibiidade é tratar todos da mesma forma e dar a eles oportunidades iguais,
independentemente de suas habilidades ou circunstâncias.</p>
<p>Acessibilidade é a coisa certa a se fazer. Fornecer sites acessíveis faz parte da Lei Brasileira de Inclusão
da
Pessoa com Deficiência (Lei 13.146), descreve que: "É obrigatória a acessibilidade nos sítios da internet
mantidos por empresas com sede ou representação comercial no País ou por órgãos de governo, para uso de
pessoa
com deficiência, garantindo-lhe acesso ás informações disponíveis, conforme as melhores práticas e
diretrizes de
acessibilidade adotadas internacionalmente."<br><a
href="https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm" target="_blank"
aria-label="Leia mais sobre a Lei 13.146"> [Lei Brasileira de Inclusão]</a>
</p>
</section>
</body>
</html>
</p>
<section id="deficiencias">
<h2> Para quais tipos de deficiência estamos olhando?</h2>
<p> As pessoas com deficiência são tão diversas quanto as pessoas sem deficiência. A principal lição aqui é
pensar
além de seu própio Computador e como você usa a web e começar a aprender sobre como os outros usam. </p>
<h3>Deficiência visual</h3>
<p><b>Baixa visão:</b>
<li>Tamanho de fontes ajustável</li>
<li>Contraste aprimorado</li>
<li>Zoom</li>
<li>Foco visível</li>
<br>
<b>Cegueira:</b>
<li>Idioma da página</li>
<li>Descrição de imagens</li>
<li>Usar rótulos adequados</li>
<li>Semânticas nos componentes</li>
<li>Funcionamento de navegação por teclado</li>
</p>
<h3> Etária</h3>
<p>Idosos e como atender a essa necessidade?
<li>Design intuitivo</li>
<li>Textos legíveis</li>
<li>Suporte a zoom</li>
<li>Fontes grandes</li>
<li>Bons constrastes</li>
<p>Segundo o IBGE, o Brasil possui uma população envelhecida, com um aumento significativo no número de
idosos nas
últimas décadas. Em 2020, a população idosa(pessoas com 60 anos ou mais) representava cerca de 29,1
milhões de
pessoas, oque correspondia a aproximadamente 13,5% da população total do país da época</p>
</p>
<h3>Analfabetos</h3>
<p>Como atender a essa necessidade?</p>
<li>Ícones significativos</li>
<li>Interação facilitada por voz</li>
<li>Fluxo intuitivo</li>
<p>De acordo com o Censo Demográfico de 2010 do IBGE, a taxa de analfabetismo no Brasil para pessoas com 15 anos
ou
mais foi de aproximadamente 8,7.</p>
<h3>Daltônicos</h3>
<p>Como atender a essa necessidade?</p>
<li>Não utilizarmos cores como reposta ao usuário</li>
<li>Contraste suficiente textual e não textual</li>
<p>Porém, de acordo com a Organização Mundial da Saúde (LAVIERI, 2021), existem cerca de 8 milhões de pessoas no
Brasil incapazes de distinguir as cores corretamente, sendo elas, portadores de daltonismo.</p>
<h3>Dislexia</h3>
<p>Como atender a essa necessidade?</p>
<li>Remover sublinhados</li>
<li>Textos inteiros em caixa alta</li>
<li>Oferecer correções automáticas ou sugestões</li>
<p>Estima-se que mais de 7,8 milhões de pessoas no Brasil têm dislexia, o que corresponde a cerca de 4% da
população
brasileira.</p>
<h3>Pessoas no espectro autista</h3>
<p>Como anteder a essa necessidade?</p>
<li>Textos alinhados a esquerda</li>
<li>Distribuição consistente de informação</li>
<li>Ausência de distrações</li>
<li>Não usar figuras de linguagem</li>
<li>Mudanças bruscas que podem gerar estresse como popup, alertas que somem, fechamentos bruscos no site</li>
<p>De acordo com dados do Instituto Brasileiro de Geografia e Estatística (IBGE), estima-se que há cerca de 2
milhões de autistas no Brasil.</p>
<h3>Deficiência Física</h3>
<p>Como atender a essa necessidade?</p>
<li>Não usar itens com gestos complexos</li>
<li>Área de clique ampla</li>
<li>Funcionamento da navegação por teclado e facilidades como links âncora</li>
<p>Brasil tem 18,6 milhões de pessoas com deficiência, indica pesquisa divulgada pelo IBGE e MDHC. A população com
deficiência no Brasil foi estimada em 18,6 milhões de pessoas de 2 anos ou mais, o que corresponde a 8,9% da
população dessa faixa etária.</p>
<h3>Deficiência Auditiva</h3>
<p>Como atender a essa necessidade?</p>
<li>Uso de legendas</li>
<li>Ícones significativos</li>
<li>Formas especiais de contatos</li>
<li>Evitar textos muito longos</li>
<p>De acordo com dados do IBGE, esse número representa 10 milhões de pessoas, sendo que 2,7 milhões não ouvem nada.
Quando o assunto é educação, a população surda se enquadra em porcentagens muito baixas de formação.</p>
<a id="link-topo" href="#" aria-label="Ir para a home.">Voltar ao Inicio</a>
</body>
</section>
</html>
>>>>>>> Conteudo