Tecnologias Assistivas no Ensino de Química: Uma Proposta de Tabela Periódica Acessível

Este artigo propõe uma solução voltada à acessibilidade da tabela periódica para pessoas com deficiência, destacando o papel dos recursos tecnológicos no fomento à inclusão e à autonomia no processo de aprendizagem de Química.

Apresentação

A percepção equivocada de que pessoas com deficiência enfrentam obstáculos intransponíveis continua presente em diversos setores da sociedade, inclusive no contexto educacional. Tal visão contribui para a insuficiência de materiais e metodologias pedagógicas adaptadas, o que torna o processo de inclusão mais complexo.

A falta de informação, o pouco contato diário com pessoas com deficiência e a carência de ações voltadas à conscientização ajudam a manter preconceitos. Diante disso, este estudo investiga os desafios e as estratégias para ensinar a tabela periódica dos elementos químicos a estudantes com deficiência visual, destacando a relevância de adaptações específicas que sejam viáveis e aplicáveis.

O uso de recursos digitais, como o desenvolvimento web é essencial para ampliar o acesso de pessoas com deficiência visual ao conhecimento científico. Por isso, foi criada uma tabela periódica inclusiva, compatível com linhas Braille e leitores de tela.

A metodologia empregada envolveu uma revisão bibliográfica detalhada, seguida pela confecção prática da tabela, que foi validada por especialistas com deficiência visual. A acessibilidade foi analisada por meio de testes feitos por profissionais com deficiência visual que atuam nas áreas de acessibilidade digital, desenvolvimento de software, psicologia, pedagogia e outros campos.

Pessoas cegas e com baixa visão participaram da avaliação usando tecnologias assistivas em diferentes dispositivos. Os resultados mostram que, com adaptações e uso adequado da tecnologia, é possível garantir uma experiência educacional inclusiva no estudo da tabela periódica.

Essa iniciativa não só amplia o acesso ao conhecimento científico, como também ajuda a romper barreiras históricas e incentiva a participação ativa de estudantes com deficiência visual nas escolas. Além disso, destaca-se a importância de investir continuamente na melhoria de materiais didáticos acessíveis.

Ao divulgar essa proposta, busca-se promover uma educação mais inclusiva e justa, na qual todas as pessoas tenham oportunidades plenas de aprendizado e desenvolvimento, contribuindo assim para uma transformação social duradoura.

Conceitos gerais

Historicamente, pessoas com deficiência foram frequentemente consideradas incapazes. Em diversos contextos, elas acabaram sendo responsabilizadas por sua própria exclusão social, fenômeno atualmente identificado como capacitismo.

"Esse preconceito é tão forte na sociedade que atinge até instituições e pessoas que, em teoria, deveriam defender os direitos de grupos minorizados e marginalizados."

Nessa conjuntura, as pessoas com deficiência frequentemente são percebidas como menos aptas a experienciar, aprender, expressar desejos e, especialmente, serem alvo de desejo.

"Assim, são muitas vezes impedidas de viver plenamente e de exercer seus direitos."

O capacitismo é estrutural e persistente na sociedade porque:

"[...] desde o momento em que uma criança nasce ela emerge em um mundo onde recebe mensagens de que ser uma pessoa com deficiência é ser inferior."

Pessoas com deficiência visual também integram esse contexto, principalmente porque:

"[...] a sociedade reconhece o que é extremamente visual, privilegiando a visualização como condição de conhecer, em um universo constituído por símbolos gráficos, imagens, letras e números."

A educação, ao representar os valores da sociedade contemporânea e contribuir para o desenvolvimento das próximas gerações, fundamenta-se de maneira significativa no uso de recursos visuais, como jogos, imagens e gráficos (REIS, 2015).

A Química é uma área do conhecimento altamente dependente da visão. Ela é:

"[...] a ciência responsável pelo estudo da matéria e de suas transformações."

Nesta área, o emprego de representações visuais é fundamental, viabilizando a comunicação eficiente de um elevado volume de informações em tempo reduzido. A disciplina de Química contempla atividades experimentais, práticas laboratoriais, bem como a manipulação de vidrarias e substâncias químicas.

"Por isso, cores, gráficos e equações químicas fazem parte de sua linguagem simbólica."

Apesar dos desafios da Química para pessoas com deficiência visual, o uso de novas tecnologias permite criar estratégias inclusivas.

Cabe às instituições de ensino, equipes pedagógicas, docentes e ao Serviço de Atendimento Educacional Especializado (SAEE) planejar e aplicar adaptações que garantam o acesso à aprendizagem (BRASIL, 1996).

Educação e deficiência visual: principais questões

Segundo Reis (2015, p. 28), a deficiência visual pode ser entendida como “um impedimento total ou, ainda, a diminuição da capacidade visual”. Essa condição pode resultar de diferentes causas que acometem os olhos ou o sistema visual como um todo. É importante ressaltar que, além da cegueira, a baixa visão também integra o espectro das deficiências visuais.

De acordo com Reis (2015, p. 28), a deficiência visual é avaliada a partir de duas medidas oftalmológicas: acuidade visual (capacidade de enxergar a uma determinada distância) e campo visual (área alcançada pela visão).

A baixa visão caracteriza-se por uma manifestação heterogênea, podendo os indivíduos apresentar distintos perfis de funcionamento visual. Essa variação decorre da interação entre fatores como acuidade visual, amplitude do campo visual e a etiologia (causa ou origem) da deficiência.

Segundo o Ministério da Educação (BRASIL, 2005, p.16), considera-se pessoa com baixa visão quem possui “desde a condição de indicar a projeção da luz até o grau em que a redução da acuidade visual interfere ou limita seu desenvolvimento”.

O e-book “Acessibilidade Para Estudantes Com Deficiência Visual: Orientações Para O Ensino Superior” define:

"[...] a baixa visão corresponde a um comprometimento do funcionamento visual, em ambos os olhos, que não pode ser sanado, por exemplo, com o uso de óculos convencionais, lentes de contato ou cirurgias oftalmológicas."

Dessa forma, condições como miopia, que podem ser corrigidas com o uso de óculos, não são classificadas como deficiência visual, mas sim como problemas visuais, uma vez que podem ser substancialmente reduzidas ou eliminadas por meio de recursos ópticos.

Principais características da baixa visão

De acordo com Garrutti de Lourenço et al. (2020, p. 2), a baixa visão está relacionada a distintos tipos de limitações visuais, que podem manifestar-se de forma isolada ou simultânea. Destacam-se entre essas limitações:

• redução da nitidez visual (acuidade visual diminuída);

• restrição do campo visual, limitando a percepção ao espaço imediatamente à frente;

• alteração na discriminação de contraste, dificultando a identificação de objetos;

• dificuldade de adaptação à luminosidade, tanto em ambientes intensamente iluminados quanto pouco iluminados;

• modificação na percepção das cores;

• limitação na visualização de objetos próximos ou distantes;

• percepção restrita do entorno, observando apenas uma área delimitada conforme a condição apresentada.

Fonte: Elaborado pelas autoras com base em GARRUTTI DE LOURENÇO et al., 2020.

Alterações visuais que muitas vezes passam despercebidas exigem adaptações específicas para leitura, escrita e outras atividades diárias. A baixa visão requer intervenções adequadas, pois a principal barreira à inclusão é a falta de crença na importância dessas adaptações, segundo Garrutti de Lourenço et al. (2020, p. 2).

Dentre as principais causas de baixa visão, incluem-se:

• complicações oculares em prematuros (retinopatia da prematuridade);

• inflamações decorrentes de toxoplasmose (retinocoroidite macular por toxoplasmose);

• albinismo;

• catarata congênita;

• doenças retinianas (retinose pigmentar);

• comprometimento do nervo óptico (atrofia ótica);

• glaucoma;

• retinopatia diabética.

Fonte: Elaborado pelas autoras com base em GARRUTTI DE LOURENÇO et al., 2020.

É fundamental que profissionais da educação identifiquem as necessidades educacionais específicas de cada estudante com baixa visão, visando práticas pedagógicas inclusivas e personalizadas (GARRUTTI DE LOURENÇO et al., 2020, p. 2).

Diante disso, são frequentes na escola situações envolvendo estudantes com baixa visão, tais como:

• Dificuldade ao ler textos com fonte pequena ou baixo contraste;

• Cansaço visual que surge rapidamente ao realizar tarefas de leitura e escrita;

• Dificuldade em enxergar os conteúdos mostrados no quadro ou nos materiais didáticos tradicionais;

• É preciso mais tempo para terminar tarefas que exigem processamento visual;

• Dificuldade na participação em atividades realizadas sob iluminação intensa ou em superfícies refletoras;

• Necessidade dispositivos ópticos, iluminação apropriada e materiais acessíveis.

Fonte: Elaborado pelas autoras com base em GARRUTTI DE LOURENÇO et al., 2020, p. 3.

As necessidades de cada estudante com baixa visão devem ser avaliadas individualmente, pois as dificuldades variam entre as pessoas (GARRUTTI DE LOURENÇO et al., 2020, p. 3-4).

Cegueira

Apesar de algumas pessoas cegas apresentarem certa percepção luminosa, a compreensão do ambiente ocorre predominantemente por meio dos sentidos táctil e auditivo. Dessa forma, a cegueira abrange desde a completa ausência de visão até uma mínima detecção de luz, demandando abordagens educacionais que valorizem métodos alternativos baseados no tato e na audição.

A disponibilização de materiais didáticos variados é igualmente essencial, pois proporciona diferentes possibilidades de aprendizagem aos estudantes cegos. Dentre as estratégias indicadas para promover a inclusão escolar de alunos com cegueira, ressaltam-se:

• Uso de materiais em Braille para facilitar a leitura e escrita;

• Oferta de recursos táteis, como mapas e gráficos em alto-relevo;

• Implementação de softwares leitores de tela para acesso aos conteúdos digitais;

• Adaptação das atividades para que possam ser realizadas por meio do tato e da audição;

• Formação dos professores acerca das necessidades educacionais específicas desses alunos.

Fonte: Elaborado pelas autoras com base em BRASIL, 2005; SIAULIYS; ORMELEZI; BRIANT, 2010.

É imprescindível que os ambientes educacionais promovam a efetivação dos direitos constitucionais e legais das pessoas com deficiência, concretizando as garantias previstas em lei. A adoção de medidas de acessibilidade física e digital, assim como a integração entre docentes, familiares e especialistas, constitui obrigação legal destinada a garantir o desenvolvimento acadêmico e social desses estudantes, conforme estabelecem a Constituição Federal e a Lei nº 13.146/2015 (BRASIL, 2015), bem como demais legislações aplicáveis à inclusão.

A Química

A Química, originada há muito tempo, firmou-se progressivamente como uma ciência moderna, especialmente nos séculos XVI e XVII, período em que surgiram modelos conceituais semelhantes aos atuais. Durante seu desenvolvimento, a disciplina ultrapassou métodos apenas quantitativos e passou a utilizar imagens, símbolos próprios e códigos de cores, tornando mais fácil entender os fenômenos naturais.

A introdução dessa disciplina nos currículos franceses do século XIX ocorreu devido ao destaque das ciências naturais nas reformas educacionais republicanas e ao método da “lição de coisas”, que favorecia o aprendizado prático com objetos.

O ensino de Química hoje inclui cálculos estequiométricos, observação sistemática, notação de fórmulas moleculares e uso de códigos cromáticos para facilitar a compreensão (KAHN, 2014; SCHWAHN; OAIGEN, 2009, 2008; SCHWAHN; ANDRADE NETO, 2011).

Razuck e Guimarães (2014, p. 3) reforçam a importância dessa abordagem visual afirmando que a Química:

"[...] se utiliza de grande apelo visual, pois muitos de seus conceitos se baseiam na visualização de esquemas para sua compreensão."

De acordo com os autores, o aprendizado em Química está intimamente ligado à utilização de imagens, ilustrações, diagramas ou modelos, pois esses recursos facilitam a compreensão dos conceitos. Eles ainda acrescentam que:

"[...] a utilização de imagens, como ferramenta, na compreensão de conceitos é verificada, por exemplo, no ensino de Modelos Atômicos, no qual cada modelo se associa a uma representação imagística."

O aspecto visual é fundamental na Química e constitui parte integrante de sua essência, visto que a disciplina consolidou, ao longo do tempo, uma linguagem específica composta por símbolos, fórmulas e representações gráficas. Entre os exemplos desse contexto destacam-se a tabela periódica, os modelos moleculares e as estruturas de Lewis, ferramentas que contribuem significativamente tanto para o processo de ensino quanto para a compreensão dos conteúdos químicos.

Segundo Almeida (2015) e Feltre (2004), compreender Química requer explicações teóricas e demonstrações práticas e visuais.

Assim, Química é definida como:

"[...] uma ciência que possui uma linguagem própria proveniente do aspecto representacional da ciência como o uso de fórmulas e reações."

A especificidade dos objetos de estudo da Química atribui à disciplina uma natureza peculiar, exigindo a integração de fundamentação teórica com atividades práticas e recursos visuais (FELTRE, 2004). Dessa forma, a padronização de equações, fórmulas, gráficos e textos é essencial, visto que a escolha das formas de representação interfere diretamente na clareza do conteúdo e pode influenciar os resultados obtidos (ALMEIDA, 2015).

A Química desenvolveu uma linguagem própria composta por símbolos, fórmulas, imagens e práticas. Entender Química exige interpretar e usar essa linguagem para estudar os fenômenos naturais.

Tabela periódica

Tolentino e Rocha-Filho (1997, p. 1) afirmam que:

"[...] A classificação periódica dos elementos é, sem dúvida, uma das maiores e mais valiosas generalizações científicas. Concretizada na segunda metade da década de 60 do século 19, desde então muito serviu como guia de pesquisas em Química e, aos poucos, se tornou um valioso instrumento didático no ensino da Química."

A tabela periódica organiza os elementos químicos por número atômico, destacando padrões nas propriedades devido à configuração eletrônica dos átomos.

As linhas horizontais da tabela periódica, denominadas períodos, localizam à esquerda os metais e à direita os não metais. As colunas verticais, conhecidas como grupos, reúnem elementos com propriedades específicas, exemplificados pelo grupo 1, que corresponde aos metais alcalinos (FELTRE, 2004).

Elementos de um mesmo grupo tendem a apresentar semelhanças marcantes, geralmente mais evidentes do que aquelas verificadas entre elementos de um mesmo período. Contudo, algumas exceções ocorrem, sendo as similaridades entre lantanídeos e actinídeos dentro de um mesmo período um exemplo relevante (FELTRE, 2004).

De acordo com a lei periódica de Moseley, as propriedades físicas e químicas dos elementos mudam periodicamente conforme seus números atômicos aumentam. Essas mudanças, chamadas de propriedades periódicas, aparecem ao longo da tabela periódica, como é o caso do raio atômico, da eletronegatividade e da eletropositividade (FELTRE, 2004).

A classificação em blocos na tabela periódica reflete a distribuição dos elétrons nos átomos.

• O bloco s inclui elementos como hidrogênio, hélio e metais alcalinos;

• O bloco p reúne elementos diversos, incluindo metaloides;

• O bloco d corresponde aos metais de transição;

• O bloco f agrupa lantanídeos e actinídeos.

A repetição de certos padrões, chamada periodicidade, é a base para criar a lei periódica e a tabela periódica. Isso significa que elementos em posições parecidas mostram características semelhantes, como o tamanho dos átomos, a facilidade para ganhar ou perder elétrons e a energia necessária para retirar um elétron.

Essa regularidade acontece por causa da configuração eletrônica única de cada elemento, o que define suas propriedades químicas e modos típicos de agir.

Propriedades da tabela periódica

Propriedades químicas seguem padrões na tabela periódica, facilitando comparações. Energia de ionização indica quão difícil é perder um elétron; afinidade eletrônica mostra a energia liberada ao receber um elétron. Ambos variam de forma previsível entre os elementos.

O raio atômico, que indica o tamanho do átomo, varia sistematicamente de acordo com a posição do elemento na tabela periódica.

Além dessas características, observa-se uma diferença clara entre os grupos de elementos: os metais, que ficam majoritariamente à esquerda da tabela, apresentam-se geralmente sólidos em temperatura ambiente, conduzem bem calor e eletricidade, além de serem maleáveis e dúcteis; por outro lado, os não metais estão principalmente à direita da tabela, podendo ser encontrados nos estados sólido, líquido ou gasoso, e não são bons condutores de calor e eletricidade.

Mais do que apenas uma lista de símbolos, a tabela periódica é organizada de forma a revelar padrões, similaridades e distinções entre os elementos, o que torna mais fácil entender suas propriedades químicas e como eles se comportam.

Tecnologias assistivas no ensino de Química

Conforme estabelece a Lei nº 13.146, de 6 de julho de 2015, conhecida como Lei Brasileira de Inclusão da Pessoa com Deficiência (BRASIL, 2015), o Art. 3º, inciso III, define tecnologias assistivas nos seguintes termos:

"[...] produtos, equipamentos, dispositivos, recursos, metodologias, estratégias, práticas e serviços que objetivem promover a funcionalidade, relacionada à atividade e à participação da pessoa com deficiência ou com mobilidade reduzida, visando à sua autonomia, independência, qualidade de vida e inclusão social."

Tecnologias assistivas são ferramentas que possibilitam a participação de pessoas com deficiência, promovendo inclusão e autonomia. No ensino de Química, garantem acesso igualitário ao conteúdo para alunos com deficiência visual.

O uso dessas ferramentas se torna ainda mais eficaz quando está em sintonia com o conceito de desenho universal, que, segundo o artigo 3º, inciso III, da Lei Brasileira de Inclusão (Lei nº 13.146/2015), é definido como:

"[...] concepção de produtos, ambientes, programas e serviços a serem usados por todas as pessoas, sem necessidade de adaptação ou de projeto específico, incluindo os recursos de tecnologia assistiva."

Esse conceito defende que produtos e ambientes sejam criados desde o início para atender a todos, sem depender de adaptações posteriores, considerando diversas características físicas, sensoriais e cognitivas.

As tecnologias assistivas variam em complexidade. As chamadas low-tech (tecnologias de baixa complexidade) incluem opções simples, como:

• planos inclinados para leitura;
• lápis de ponta grossa;
• marcadores de página em Braille;
• materiais táteis confeccionados artesanalmente.

Por outro lado, as high-tech (tecnologias de alta complexidade) abrangem equipamentos e materiais industriais, como por exemplo:

• softwares leitores de tela;
• impressoras Braille;
• lupas eletrônicas;
• dispositivos de ampliação de tela.

Essas tecnologias podem ser organizadas em categorias específicas, que abrangem desde tarefas diárias até lazer. Exemplos são:

• Auxílios para a vida diária e prática: engrossadores de lápis, cadernos com pauta grossa, utensílios de cozinha adaptados.
• Comunicação alternativa (CAA): pranchas de comunicação, vocalizadores de fala, intérpretes virtuais de Libras.
• Acessibilidade ao computador: teclados adaptados, leitores de tela, softwares de comando de voz.
• Controle de ambiente: sistemas de iluminação controlados por voz, torneiras com sensor, assistentes virtuais como Alexa e Google Home.
• Projetos arquitetônicos acessíveis: rampas, pisos táteis, banheiros acessíveis.
• Órteses e próteses: próteses de membros, aparelhos ortopédicos, posicionadores posturais.
• Adequação postural: almofadas especiais, planos inclinados, encostos anatômicos.
• Auxílios de mobilidade: cadeiras de rodas, bengalas, andadores.
• Recursos para baixa visão e cegueira: lupas, ampliadores, Braille, relógios falantes.
• Recursos para surdez: legendas, sistemas de alerta vibratório em celulares, sinais visuais de alerta.
• Mobilidade veicular: automóveis adaptados, elevadores em ônibus.
• Esporte e lazer: bolas com guizo, dominó em alto relevo, baralhos em Braille.

Categorias da Tecnologia Assistiva (BERSCH, 2013).

Os exemplos mostram como as tecnologias assistivas são amplas e versáteis, capazes de transformar práticas educativas, especialmente nas aulas de Química. Além disso, essas ferramentas promovem inclusão e garantem que estudantes com deficiência tenham acesso efetivo em diferentes áreas do conhecimento.

Internet e desenvolvimento Web como tecnologias assistivas

A internet é uma rede mundial de computadores que permite a troca de informações entre usuários em qualquer lugar. Já a web consiste em páginas conectadas, acessadas por navegadores como Google Chrome, Firefox ou Safari.

O desenvolvimento web envolve planejar, criar e manter recursos online, utilizando linguagens e tecnologias específicas para assegurar a funcionalidade e a boa experiência em sites e aplicações (OLIVEIRA, 2021).

Esta área é organizada em dois domínios fundamentais:

• Front-end: refere-se à parte visual e interativa do site ou aplicação, com a qual as pessoas interagem diretamente. São os botões, menus, textos, mídias e outros elementos que compõem a interface do usuário.

• Back-end: é a parte que funciona nos bastidores, responsável por processar dados, gerenciar servidores e bancos de dados. O back-end lida com a lógica do sistema, as regras de negócio, autenticação de usuários, armazenamento de informações e comunicação com o front-end.

Conteúdos na internet podem ser acessíveis desde o início usando tecnologias apropriadas, tornando a web uma ferramenta assistiva graças à sua versatilidade.

Um site ou aplicativo vai além de uma imagem estática, composto por camadas de informação que se complementam para atender a diferentes necessidades. Por exemplo, um gráfico pode não ser acessível para pessoas cegas, mas um código bem estruturado pode detalhar cada ponto do gráfico, tornando-o compatível com leitores de tela.

Essa abordagem está em consonância com o conceito de Desenho Universal, cujo objetivo é criar produtos e ambientes acessíveis para todos, independentemente das necessidades individuais. O desenvolvimento da Internet e de aplicações Web com foco em acessibilidade contribui para a eliminação de barreiras educacionais, assegurando que o conteúdo esteja disponível para todas as pessoas.

Para isso, é essencial seguir as diretrizes de acessibilidade, como o WCAG (Web Content Accessibility Guidelines). O WCAG é um conjunto de recomendações internacionais que orienta a criação de conteúdos Web acessíveis para pessoas com deficiência.

Quando um site segue essas diretrizes, ele se torna compatível com tecnologias assistivas, como leitores de tela e linhas Braille. A inclusão, nesse sentido, não é um recurso extra, mas parte do processo de criação.

A internet e o desenvolvimento web tornam-se acessíveis ao aplicar práticas de codificação e design que garantem a leitura visual e semântica das informações. Assim, o conteúdo é logicamente estruturado para facilitar a interpretação por tecnologias assistivas que vão interfacear a comunicação entre a pessoa e o conteúdo digital.

Entre essas práticas, destacam-se os aspectos apresentados a seguir.

HTML Semântico

Trata-se do uso de elementos de código que deixam clara a função estrutural de cada parte da página.

Ao invés de usar apenas elementos genéricos, como <div> e <span>, o HTML semântico emprega tags (etiquetas) específicas, como:

• <header> para o cabeçalho,
• <nav> para a navegação,
• <article> para artigos,
• <section> para seções,
• <footer> para o rodapé,
• <ul> para listas não ordenadas,
• <ol> para listas ordenadas,
• <li> para itens de lista,
• E assim por diante.

Essas tags definem de forma explícita a função de cada seção do conteúdo, contribuindo para uma melhor compreensão da estrutura da página.

Em vez de a pessoa desenvolvedora criar tudo de maneira genérica e apenas alterar a aparência visual, desde o início são sugeridos elementos estruturais que facilitam a compreensão da natureza do conteúdo.

Os softwares leitores de tela reconhecem as marcações semânticas e informam as pessoas usuárias sobre como o conteúdo está organizado hierarquicamente, tornando a navegação e a compreensão do contexto mais fáceis.

Descrição detalhada da imagem: A imagem é um infográfico em fundo preto, com o título grande no topo “HTML Semântico: Clareza Estrutural e Acessibilidade”, comparando duas formas de estruturar páginas.

À esquerda, a seção “Genérico (Ruim)” traz o subtítulo “Tudo igual, difícil de entender” e mostra um bloco cinza com várias caixas com tags de “<div>” e algumas “<span>”, ilustrando uma estrutura confusa. Uma seta azul liga esse bloco a um monitor com interrogações (“???”), indicando falta de clareza na organização do conteúdo.

O centro mostra um ícone de pessoa com notebook e a legenda “Estrutura desde o início”, ligado por linhas coloridas ao texto “Acessibilidade e compreensão”, destacando que uma estrutura adequada facilita o uso por pessoas com tecnologias assistivas como leitores de tela.

No lado direito encontra-se a seção “Semântico (Bom)”, com o subtítulo “Função explícita, fácil de entender”. Ali é apresentado um wireframe (esboço) azul de uma página, cujas áreas são claramente identificadas:

• no topo está o “<header>” tag para o cabeçalho da página,
• seguido por “<nav>”; para a barra de navegação (menu),
• o conteúdo principal aparece dividido em blocos verdes, com “<article>” (artigo) à esquerda, “<section>” (seção) ao centro e outra “<section>” (seção) à direita, que exibe exemplos de listas com “<ul>” (lista não ordenada), “<ol>” (lista ordenada) e “<li>” (item de lista).
• Na base da página encontra-se o “<footer>” (rodapé) da página.

Abaixo desse esquema visual, outro monitor apresenta um ícone de alto-falante e balões rotulados indicam os elementos facilmente reconhecíveis, como “Navegação”, “Cabeçalho”, “Artigo”, “Rodapé” e “Lista”.

Uma seta curva verde aponta para o layout semântico (página estruturada com as tags que indicam a função de cada elemento), acompanhada da frase “Organização hierárquica clara para todos, incluindo leitores de tela”, destacando que essa maneira de construir páginas facilita a compreensão para todas as pessoas incluindo aquelas que utilizam tecnologias assistivas como leitores de tela.

Resumindo: a imagem compara duas formas de estruturar páginas web, mostrando que o HTML semântico, com tags específicas, oferece clareza e acessibilidade, enquanto o HTML genérico dificulta a compreensão do conteúdo e trata tudo de forma igual.

Fim da descrição detalhada da imagem.

Texto Alternativo em Imagens (Alt Text)

O texto alternativo é uma descrição textual associada a imagens, inserida pelo atributo alt (texto alternativo) na tag <img> (que serve para inserir imagens) do HTML. Ele permite que pessoas cegas, usando leitores de tela, compreendam o conteúdo visual das imagens.

No ensino de Química, usar representações gráficas com textos alternativos detalhando a composição molecular é recomendado. Por exemplo:

A imagem é inserida assim no código HTML:

<img src="endereco-da-imagem" alt="Estrutura molecular do benzeno (C6H6)." />
<figcaption>Descrição detalhada da imagem: A imagem mostra um desenho simples, em preto e branco, de uma molécula em forma de anel: seis letras “C” (carbono) formam um hexágono, como se fosse uma “argola” com seis lados. Entre esses carbonos aparecem linhas alternadas (algumas duplas e outras simples), indicando as ligações entre eles. Em volta do anel, há seis letras “H” (hidrogênio), uma ligada a cada carbono, apontando para fora do hexágono. É o tipo de esquema usado em química para mostrar a estrutura de uma molécula, com tudo bem centralizado em um fundo branco.</figcaption>

O atributo alt deve ser resumido, claro e descritivo, transmitindo a informação essencial da imagem. Para desenhos complexos, como gráficos ou diagramas, é recomendável fornecer uma descrição mais detalhada em um texto complementar próximo à imagem como é feito com a tag <figcaption> que serve para legendar figuras.

Compatibilidade com Leitores de Telas

Leitores de tela convertem conteúdo visual em áudio ou tato via dispositivos Braille. Sites e aplicativos devem garantir a interação eficiente desses softwares com todos os componentes da interface, incluindo botões, hiperlinks e menus de navegação.

A falta de compatibilidade dificulta o acesso à informação para pessoas com deficiência visual, tornando recursos digitais obstáculos à inclusão. Para assegurar essa compatibilidade, é essencial seguir as diretrizes de acessibilidade, como o WCAG, e testar regularmente os recursos com leitores de tela populares, como NVDA, JAWS e VoiceOver.

Design de Alto Contraste e Tamanho de Fonte Ajustável:

Para pessoas com baixa visão, a inclusão de recursos que possibilitam a personalização do contraste de cores e do tamanho da tipografia é fundamental para garantir a acessibilidade. O desenvolvimento web atual adota funcionalidades que permitem ajustar esses parâmetros visuais, conferindo a pessoa autonomia para adaptar a apresentação do conteúdo às suas necessidades perceptivas particulares.

WAI-ARIA (Accessible Rich Internet Applications)

WAI-ARIA (Accessible Rich Internet Applications ou em Português, Aplicações Ricas de Internet Acessíveis) é uma especificação técnica do W3C (World Wide Web Consortium - um consórcio internacional que desenvolve padrões para a web) que adiciona atributos ao HTML para melhorar a acessibilidade de aplicações web dinâmicas. Esses atributos fornecem metadados sobre função, estado e propriedades dos elementos, facilitando a interpretação por tecnologias assistivas.

Esta especificação é importante para implementar interfaces complexas, como abas, menus expansíveis e modais, onde a semântica estrutural do HTML pode não ser suficiente para descrever o comportamento e as relações dos elementos interativos.

Exemplos de atributos WAI-ARIA incluem:

• aria-label: fornece uma etiqueta descritiva para elementos interativos como botões ou links. Por exemplo, uma sequência de botões que só contém ícones pode usar aria-label para descrever a função de cada botão.

• aria-hidden: indica se um elemento deve ser ignorado por tecnologias assistivas. Isso é útil para ocultar elementos decorativos que não contribuem para a compreensão do conteúdo.

• role: define o papel de um elemento na interface que pode não ser evidente apenas pela tag HTML. Por exemplo, um <section> (seção) pode ser designado como um role=”dialog” para indicar que é uma janela modal interativa.

Acessibilidade no Código

A acessibilidade no código envolve a aplicação de boas práticas de desenvolvimento web para garantir que todas as pessoas, independentemente de suas habilidades, possam acessar e interagir com o conteúdo digital. Isso inclui o uso de HTML semântico, atributos WAI-ARIA, textos alternativos para imagens, navegação por teclado, entre outros.

Além disso, conteúdos suplementares, como tooltips ou submenus, não devem ser ativados exclusivamente através do foco por mouse (mouse over) ou teclado (focus), mas sim por ambos os métodos, garantindo que todas as pessoas possam acessar essas informações.

É fundamental também que a funcionalidade seja independente da orientação da tela, garantindo sempre múltiplas alternativas de acesso ao conteúdo. Mensagens relevantes para a pessoa, como confirmações de ações executadas ou notificações sobre o andamento de processos, devem ser comunicadas sem ocasionar alterações no contexto ou foco da interface.

Existem outras diretrizes que falam sobre toda funcionalidade baseada em arrastar e soltar ter alternativa por clique, toque, teclado ou comando de voz, entre outras recomendações. São muitas boas práticas que devem ser adotadas para garantir a acessibilidade no código.

O ideial é que equipes de desenvolvimento de software estejam sempre atualizadas sobre as melhores práticas e diretrizes de acessibilidade, como as do WCAG, para criar experiências digitais inclusivas. É sempre melhor um projeto nascer acessível do que tentar adaptar algo que já existe sem boas práticas de acessibilidade.

Desenvolvimento de uma Tabela Periódica Acessível

Considerando os desafios já destacados, criou-se uma tabela periódica focada na acessibilidade. Esse recurso foi desenvolvido seguindo princípios fundamentais para assegurar que qualquer pessoa, inclusive aquelas com diferentes condições visuais, possa acessar e utilizar a tabela com facilidade.

Os critérios de acessibilidade estabelecidos são:

• Compatibilidade com leitores de tela: A tabela foi estruturada para que pessoas que utilizam leitores de tela consigam acessar, entender e interagir facilmente com todas as informações fornecidas.

• Adaptabilidade: O design responsivo assegura que a tabela seja exibida corretamente em uma ampla variedade de dispositivos, incluindo smartphones, tablets e computadores. Dessa forma, o conteúdo permanece consistente e acessível independentemente do tamanho do texto ou das necessidades visuais da pessoa, viabilizando a navegação tanto nos modos retrato (vertical) quanto paisagem (horizontal), sem apresentar distorções.

• Independência das cores: As relações químicas são indicadas por sinais e descrições além das cores, facilitando a compreensão inclusive para quem tem deficiência de percepção cromática ou não enxerga.

• Alto contraste: Há opções com cores muito destacadas, como letras brancas em fundo preto e diferentes tons de cinza, facilitando a leitura para pessoas com baixa visão.

• Ajuste de tamanho do texto: O tamanho da fonte pode ser alterado conforme a necessidade, garantindo a manutenção da integridade e clareza das informações apresentadas.

• Integração com VLibras: Um botão exclusivo para VLibras (sistema de tradução automática para a Língua Brasileira de Sinais) permite converter textos para Libras, promovendo maior acessibilidade para pessoas surdas.

A Tabela Periódica Acessível busca garantir precisão semântica, preservando o significado original do conteúdo. Materiais fidedignos (fiéis) não apresentam alterações ou distorções em seu sentido.

É importante destacar que a interação entre tecnologias assistivas e conteúdo sem acessibilidade pode comprometer a transmissão eficiente de informações, impactando de forma significativa as áreas de ciências exatas e tecnológicas. Dessa forma, o desenvolvimento de recursos acessíveis torna-se fundamental para assegurar o acesso equitativo ao conhecimento científico por todas as pessoas.

A interpretação da tabela periódica pode ser bastante desafiadora para pessoas cegas ou com baixa visão, mesmo quando fazem uso de leitores de tela. A presença de símbolos, números e agrupamentos torna a compreensão auditiva difícil, principalmente se as descrições não forem bem-organizadas.

A maioria das soluções online ignora práticas de acessibilidade e dificulta o aprendizado de pessoas cegas, com daltonismo, dislexia ou baixa visão. Assim, criar uma tabela periódica acessível é fundamental para incluir todos os estudantes no estudo da Química.

Adicionalmente a solução foi desenvolvida para funcionar eficientemente mesmo com internet limitada e em dispositivos de baixo desempenho, priorizando o baixo uso de recursos e dados. O objetivo é facilitar o acesso à tabela periódica em regiões com infraestrutura tecnológica restrita, permitindo que mais pessoas consultem o recurso sem barreiras técnicas.

Metodologia

A criação da Tabela Periódica Acessível envolveu um processo iterativo de descoberta, prototipagem, testes, ajustes e otimizações, guiado por quatro objetivos principais:

• Compatibilidade com Tecnologias Assistivas: Assegurar que a ferramenta ofereça total funcionalidade para leitores de tela, linhas Braille e lupas eletrônicas, utilizando HTML semântico, recursos WAI-ARIA e gerenciamento apropriado de foco.

• Responsividade e Baixo Custo Cognitivo: Proporcionar uma experiência de uso eficiente em qualquer dispositivo, assegurando navegação intuitiva, áreas de toque adequadas e um layout responsivo que preserva a organização das informações.

• Configuração Visual: Oferecer as pessoas a possibilidade de modificar aspectos visuais da ferramenta, como contraste ou tamanho da fonte, conforme suas preferências, que podem ser armazenadas para uso futuro.

• Garantir a precisão semântica do conteúdo: Transmitir corretamente todas as informações e relações químicas, incluindo períodos, grupos e categorias, sem confiar apenas em elementos visuais como cores ou organização espacial.

Todas as decisões técnicas e de design seguiram quatro princípios fundamentais.

1. Independência de Modalidade Sensorial

As cores são usadas apenas para reforço visual e nunca como única fonte de informação. Cada categoria química é identificada por:

• Texto claro no rótulo

• Agrupamento em seções com cabeçalhos

• Atributos ARIA

• Detalhes nas janelas modais

Assim, qualquer pessoa, independentemente de sua capacidade visual, pode compreender as relações entre os elementos químicos.

2. Compatibilidade com Tecnologias Assistivas

Todos os componentes interativos estão devidamente configurados com atributos WAI-ARIA apropriados:

• role: determina o papel semântico do elemento (caixa de diálogo, botão, navegação, etc.);

• aria-label ou aria-labelledby: atribui rótulos acessíveis a elementos interativos;

• aria-pressed: sinaliza o estado (pressionado ou não) de botões do tipo alternância (toggle);

• aria-expanded: informa se um componente expansível está aberto ou fechado (como menus ou acordeões);

• aria-hidden: oculta elementos estritamente decorativos dos leitores de tela ou linhas Braille;

• aria-live: anuncia alterações dinâmicas no conteúdo sem interromper o foco atual como mensagens de confirmação ou erros.

O foco é gerenciado programaticamente para garantir que, ao abrir janelas modais, ele seja imediatamente direcionado ao primeiro elemento interativo. Ao fechar a janela, o foco retorna exatamente ao botão ativador, assegurando a continuidade e o contexto da navegação da pessoa.

3. Configurabilidade Visual Personalizada

Visando atender à pluralidade de necessidades visuais, foram desenvolvidos controles que possibilitam ampla personalização, a saber:

• Alto contraste: relação de luminância (medida da intensidade de luz emitida ou refletida por uma superfície) superior a 7:1, em conformidade com o nível AAA do WCAG (Web Content Accessibility Guidelines);

• Contraste negativo: inversão de polaridade (contraste negativo) destinada a pessoas sensíveis a fundos claros;

• Escala de cinza: supressão integral das informações cromáticas (cores) para facilitar a distinção de elementos por meio de formas e textos;

• Ajuste de tamanho de texto: possibilidade de escalonamento (zoom) entre 80% e 200%, mantendo a integridade do layout;

• Sublinhado de links: reforço visual para identificação independentemente da cor;

• Fontes aprimoradas: tipografias (fontes) otimizadas para maior legibilidade (distinção entre caracteres parecidos, como “I”, “l” e “1”).

Todos os ajustes realizados são armazenados via localStorage, que é um mecanismo do navegador Web (Google Chrome, Firefox, Safari, etc.) para salvar dados localmente no dispositivo da pessoa, permitindo que suas preferências sejam mantidas em visitas futuras.

4. Design Responsivo e Performático

A interface é otimizada para:

• Dispositivos móveis (smartphones e tablets),

• Computadores desktop e notebooks,

• Conexões lentas ou instáveis,

• Equipamentos com baixo processamento e memória.

A aplicação adota uma arquitetura JavaScript modular, incorporando técnicas de Code Splitting (divisão de código) e Lazy Loading (carregamento em partes), o que permite o carregamento dos scripts somente sob demanda e contribui para a redução do tempo de inicialização. Além disso, as imagens da tabela periódica são veiculadas (distribuídas) por meio de uma CDN (Content Delivery Network em Português Rede de Distribuição de Conteúdo), que armazena os arquivos em servidores (computadores dedicados a entregar conteúdos) distribuídos globalmente.

Outro papel importante da CDN é otimizar as imagens para diferentes tamanhos de tela e resoluções, garantindo que a qualidade visual seja mantida sem comprometer o desempenho. A CDN também faz a compressão automática das imagens, reduzindo o tamanho dos arquivos e acelerando o tempo de carregamento, especialmente em conexões mais lentas.

Essa compressão acontece também com os scripts e estilos (CSS) da aplicação, para que o uso de dados seja minimizado, tornando a ferramenta mais acessível em termos de requisitos técnicos. Dessa forma, garante-se baixa latência (tempo de resposta rápido) e economia de dados para a pessoa, independentemente das condições de conexão.

Arquitetura Técnica em Três Camadas

A fim de atingir esses objetivos e respeitar esses princípios anteriormente mencionados, a solução foi estruturada em três camadas técnicas separadas, cada uma com responsabilidades específicas, para garantir a manutenebilidade (facilidade de manutenção) do código e a organização lógica.

1. Camada de Controles Globais: Barra de Ferramentas de Acessibilidade

Esta camada apresenta uma barra de ferramentas de acessibilidade (A11y Toolbar) disponível em todas as páginas do site. Por meio dela, pessoas conseguem ajustar a aparência visual conforme suas preferências. As escolhas feitas são registradas no localStorage do navegador, garantindo que permaneçam salvas entre os acessos ao site.

Entre os controles oferecidos estão:

• Ajuste de texto: muda o tamanho da fonte.

• Alto contraste e contraste negativo: aumentam a luminância.

• Escala de cinza: elimina as cores.

• Sublinhado de links e fonte aprimorada: facilitam identificar elementos interativos e ler o texto.

O plugin VLibras também é incorporado a essa camada, sendo posicionado dinamicamente para evitar sobrepor outros controles.

2. Camada de Interface da Tabela Periódica

Esta página é a interface principal da tabela periódica, desenvolvida para garantir navegação fácil. Aqui estão apresentados os elementos essenciais que fazem parte dela, como:

• Link “Pular para o Conteúdo” (Skip Link): oferece às pessoas que usam teclado ou leitores de tela a possibilidade de ir direto ao conteúdo principal da página.

• Painel de Controle: apresenta botões de alternância (toggle) para a seleção dos modos de visualização (“Por Períodos”, “Por Grupos” e “Por Categorias”) e para ativação do sistema de cores opcional. As cores são oferecidas como recurso complementar para pessoas que as identificam, sem prejudicar a compreensão das relações químicas quando não utilizadas.

• Modais Informativas: Janelas de diálogo como “Como Usar”, “Saiba Mais” e créditos oferecem instruções, contextualizam a tabela e apresentam as pessoas responsáveis pelo desenvolvimento.

• Modal de Elemento: ao escolher um elemento, aparece uma janela modal detalhada mostrando todas as suas informações químicas (como número atômico, massa, distribuição eletrônica etc.) apresentadas de forma textual e linear.

3. Camada de Lógica: Geração do Conteúdo da Tabela Periódica

Esta camada é o núcleo funcional da ferramenta, formada por quatro scripts modulares que gerenciam dados e interatividade.

Os scripts são:

• tabela-periodica.js: Funciona como o repositório de dados da aplicação, exportando um Array (estrutura) de Objetos com as propriedades completas dos elementos químicos, servindo como a base de informações para os componentes da interface da tabela periódica.

• tabela-periodica-grupos.js: Módulo responsável pela lógica de agrupamento e renderização da visualização “Por Grupos”. Ele processa os dados brutos organizando-os por colunas e realiza a manipulação para injetar o HTML dinamicamente na interface da tabela periódica.

• tabela-periodica-categorias.js: Controlador da visualização “Por Categorias”, classifica elementos pelas séries químicas e organiza a interface hierarquicamente em categorias e subcategorias (como Metais Alcalinos e Gases Nobres) para segmentar a navegação.

• tabela-periodica-colors.js: Controla um sistema opcional de cores. Ele atribui classes CSS aos elementos conforme suas categorias químicas e usa um MutationObserver (observador de mudanças) para que a coloração seja mantida corretamente, mesmo quando os elementos são recriados dinamicamente ao mudar o modo de visualização.

A arquitetura modular organiza o sistema, melhora a eficiência e facilita a manutenção do código. Optou-se por JavaScript puro (vanilla JS) para evitar frameworks (bibliotecas ou estruturas de código pré-construídos) externos, reduzindo arquivos e melhorando o desempenho em conexões lentas.

Assim, depois que o sistema é carregado, ele continua funcionando normalmente mesmo com a internet instável. Apesar de não ser a opção tecnicamente mais avançada ou que utiliza os métodos mais modernos do desenvolvimento de software, essa solução é a que melhor satisfaz as necessidades de acessibilidade e usabilidade em cenários de conectividade limitada, que são justamente os contextos para os quais a ferramenta foi criada.

Validação e Testes

Para fazer a validação de acessibilidade da tabela periódica, foram realizados testes manuais com as seguintes tecnologias assistivas:

Para garantir a compatibilidade da tabela periódica acessível, foram realizados testes nos seguintes navegadores:

• Google Chrome

• Mozilla Firefox

• Microsoft Edge

• Safari

O objetivo desses testes foi assegurar que a tabela funcionasse corretamente em diferentes ambientes, proporcionando uma experiência consistente para todas as pessoas usuárias, independentemente do navegador ou tecnologia assistiva utilizada.

Participaram do processo de validação 55 pessoas com deficiência visual, sendo:

• 47 pessoas (85%) cegas;

• 8 pessoas (15%) com baixa visão.

As regiões Sudeste e Nordeste do Brasil foram as mais representadas, somando mais de 70% do total de participantes. A distribuição geográfica completa está detalhada na Tabela a seguir.

As áreas de atuaação das pessoas participantes estão distribuídas conforme a Tabela a seguir.

Percebe-se uma diversidade significativa de áreas de atuação entre as pessoas participantes, porém há uma predominância de profissionais ligados à tecnologia e acessibilidade digital. Apesar disso, também há representantes de outras áreas, como advocacia, psicologia, docência e pedagogia, entre outras.

Essa variedade contribui para uma avaliação mais abrangente da tabela periódica acessível, considerando diferentes perspectivas e necessidades.

Os testes consistiram em:

• Navegação por teclado: Verificação da funcionalidade completa da tabela periódica utilizando apenas o teclado, garantindo que todas as interações possam ser realizadas sem o uso do mouse.

• Leitura por leitores de tela: Avaliação da compatibilidade da tabela periódica com diversos leitores de tela, assegurando que todas as informações sejam acessíveis e compreensíveis mantendo a semântica correta.

• Uso no mobile: Testes de usabilidade e acessibilidade em dispositivos móveis, verificando a responsividade do design e a facilidade de navegação em telas menores.

• Testes com lupas eletrônicas: Análise da legibilidade e usabilidade da tabela periódica quando ampliada por lupas eletrônicas, garantindo que o conteúdo permaneça claro e organizado mesmo em níveis elevados de zoom.

• Avaliação de personalização visual: Testes das funcionalidades de ajuste de contraste, tamanho de fonte e outras opções visuais para assegurar que as preferências da pessoa sejam aplicadas corretamente e que a tabela permaneça acessível em todas as configurações.

O objetivo era validar:

• A acessibilidade da tabela periódica para pessoas com diferentes condições visuais.

• A usabilidade em diversos dispositivos.

• A eficácia das opções de personalização visual.

• A compatibilidade com tecnologias assistivas populares.

• A manutenção da precisão semântica do conteúdo quando acessado por leitores de tela.

• A redução do custo cognitivo durante a navegação e interação com a tabela periódica.

• A satisfação geral das pessoas participantes com a experiência de uso da tabela periódica acessível.

Depois dos testes as pessoas participantes responderam, via formulário online, a uma pesquisa de satisfação com perguntas objetivas e subjetivas sobre a experiência de uso da tabela periódica acessível.

As perguntas do formulário foram:

Esse questionamento aberto permitiu que as pessoas participantes expressassem suas opiniões e fornecessem feedback valioso para aprimorar a ferramenta.

Resultados e Impacto

A seguir são apresentados os resultados obtidos a partir dos testes de validação da tabela periódica acessível, bem como o impacto observado na experiência de uso das pessoas participantes. A análise dos dados coletados revelou que a maioria das pessoas avaliou a tabela periódica acessível como uma ferramenta necessária e inovadora, destacando seu baixo custo cognitivo e a facilidade de navegação.

Análise dos Resultados

Pergunta 1

A maioria expressiva dos participantes (89,1%) avaliou que a tabela é mais acessível, fácil de usar e apresenta melhor design do que outras tabelas digitais. Uma parcela menor (10,9%) percebeu equivalência entre as opções, enquanto nenhum participante considerou que a tabela era menos acessível ou apresentava um design inferior.

A tabela periódica acessível se destaca pelas qualidades de acessibilidade, usabilidade e design. Estes resultados evidenciam a necessidade de envolvimento de pessoas com deficiência no processo de desenvolvimento de recursos educacionais, garantindo que suas necessidades sejam atendidas e que a experiência de uso seja satisfatória.

Pergunta 2

72,7% dos participantes acham fácil usar apenas o teclado para navegar e encontrar informações. 27,3% classificaram como neutro, e nenhum relatou dificuldades impeditivas (0%).

Os resultados mostram que a tabela periódica acessível permite navegação eficiente por teclado, beneficiando pessoas que precisam desta modalidade de navegação. A falta de relatos de dificuldade confirma a eficácia do design acessível.

Pergunta 3

Dos 55 participantes, a maior parte (69,1%) afirmou que a tabela funcionou perfeitamente com o leitor de telas usado. Uma parcela menor (14,5%) não utilizou o leitor de telas e 12,7% disseram que o funcionamento foi razoavelmente bom. Somente 3,6% dos entrevistados relataram que a tabela não funcionou bem.

Os participantes com baixa visão que não utilizaram leitores de tela recorreram a ampliadores (lupas), recursos de contraste e demais ferramentas de acessibilidade. Não foi possível identificar por que pessoas usuárias de leitores de tela avaliaram o funcionamento da tabela de maneiras tão diferentes, indo do “perfeito” ao “razoavelmente bem” ou “não funcionou bem”.

Vale ressaltar que cada participante apresenta diferentes níveis de habilidade ao usar leitores de tela, já que nem todos conhecem ou dominam totalmente as ferramentas oferecidas pelo software. Além disso, a compatibilidade pode ser afetada por fatores como a versão do leitor de telas, o sistema operacional e as configurações individuais.

Os resultados demonstram que a tabela periódica acessível apresenta compatibilidade consistente com leitores de tela, uma vez que a maior parte das pessoas usuárias relatou experiências positivas. Contudo, evidencia-se a necessidade de futuras pesquisas. Destaca-se a importância de considerar a diversidade de experiências e habilidades das pessoas usuárias para compreender as diferentes avaliações e identificar oportunidades de aprimoramento da ferramenta, caso necessário.

Pergunta 4

A maioria dos participantes (85,5%) indicou que não utilizou os recursos de ajuste de contraste e tamanho da fonte. Dos que avaliaram a experiência, 14,5% consideraram-na como muito satisfatória. Não foram observados registros de avaliação intermediária (razoavelmente satisfatório) ou de insatisfação, ambos com índice de 0%.

O pequeno número de pessoas que utilizaram o recurso se deve à baixa participação de pessoas com baixa visão na pesquisa, já que a maioria dos participantes eram pessoas cegas que utilizam leitores de tela. Uma possibilidade para aprimorar pesquisas futuras é investir esforços adicionais na inclusão de um número mais significativo de pessoas com baixa visão.

Embora a participação seja voluntária, a expansão das estratégias de divulgação pode potencialmente aumentar o número de participantes, contribuindo para uma avaliação mais robusta da ferramenta. Porém, é importante destacar que a satisfação expressa por aqueles que utilizaram os recursos de personalização visual é um indicativo positivo da eficácia desses recursos para atender às necessidades visuais das pessoas usuárias.

Pergunta 5

A pergunta 5 era aberta (campo de texto livre) e buscava identificar dificuldades específicas relacionadas ao uso da tabela periódica acessível em dispositivos móveis. As respostas foram analisadas qualitativamente para identificar temas comuns e insights (percepções ou entendimentos) sobre a experiência de uso em plataformas móveis.

A maioria dos participantes relatou que a tabela periódica acessível funcionou bem em dispositivos móveis, sem dificuldades significativas. As pessoas com baixa visão que utilizaram a tabela em smartphones ou tablets mencionaram que os recursos de personalização visual, como ajuste de contraste e tamanho de fonte, foram úteis para melhorar a legibilidade e a usabilidade da tabela em telas menores.

Além disso, a ideia de dividir a tabela periódica em diferentes modos de visualização e em “cartões” (elementos químicos apresentados em formato de cartões) foi destacada como uma solução eficaz para facilitar a navegação e a compreensão do conteúdo em dispositivos móveis, onde o espaço de tela é limitado. Essa abordagem permitiu que as pessoas usuárias que apresentam campo visual reduzido ou que utilizam lupas eletrônicas pudessem acessar as informações de maneira mais organizada e acessível, sem grande custo cognitivo ou fadiga visual.

Para as pessoas usuárias de leitores de tela, a experiência de uso em dispositivos móveis também foi positiva, com relatos de que a tabela periódica acessível manteve sua funcionalidade e compatibilidade com os leitores de tela. A possibilidade de “granular” (filtrar ou organizar) as informações em diferentes modos de visualização contribuiu para uma navegação mais eficiente e direcionada, permitindo que as pessoas usuárias pudessem acessar as informações de maneira mais rápida e intuitiva.

A tabela periódica é uma ferramenta de consulta sobre os elementos químicos, e a possibilidade de acessar essas informações de maneira eficiente em dispositivos móveis é fundamental para garantir a inclusão e a equidade no acesso ao conhecimento científico. Os resultados indicam que a tabela periódica acessível foi bem-sucedida em atender às necessidades das pessoas usuárias em plataformas móveis, proporcionando uma experiência de uso satisfatória e inclusiva.

Pergunta 6

A pergunta 6 também era aberta (campo de texto livre) e buscava avaliar o nível geral de satisfação dos participantes com a tabela periódica acessível, além de permitir que eles compartilhassem comentários adicionais ou sugestões para melhorias. A análise qualitativa das respostas revelou um alto nível de satisfação geral com a tabela periódica acessível, com muitos participantes expressando entusiasmo e reconhecimento pela importância de uma ferramenta acessível para o ensino de Química.

Um ponto recorrente foi a insegurança em definir com precisão a fidelidade semântica da tabela periódica acessível. Muitas pessoas comentaram que suas dificuldades com o conteúdo de Química as levavam a se perguntar se suas dúvidas originavam-se de questões de acessibilidade ou simplesmente de problemas com um conteúdo que não dominam.

Houveram diversos relatos negativos relacionados a experiências educacionais das pessoas participantes, como a falta de recursos acessíveis em materiais didáticos, a ausência de apoio adequado por parte de instituições de ensino e a dificuldade em encontrar informações científicas apresentadas de forma inclusiva. Esses relatos reforçam a importância de iniciativas como a tabela periódica acessível, que visam preencher lacunas significativas na oferta de recursos educacionais para pessoas com deficiência visual.

Muitos participantes destacaram a relevância da tabela periódica acessível como uma ferramenta que promove a inclusão e a equidade no acesso ao conhecimento científico. Eles ressaltaram que a tabela não apenas facilita o aprendizado, mas também contribui para a autonomia e a participação ativa em ambientes educacionais.

Ferramenta Disponível para Uso

A tabela periódica acessível está disponível para uso público no seguinte endereço: https://pcdnaescola.com.br/ferramentas-tabela-periodica-acessivel-para-pessoas-com-deficiencia/. A ferramenta pode ser acessada gratuitamente por qualquer pessoa interessada, sem necessidade de cadastro ou pagamento.

A metodologia permitiu desenvolver uma ferramenta que torna a tabela periódica acessível a pessoas com deficiência visual, comprovando sua viabilidade técnica e pedagógica. A seguir são destacados os principais aspectos relacionados à ultilização da tabela periódica acessível:

1. Modos de Visualização

A tabela periódica pode ser visualizada de três maneiras diferentes: por períodos, por grupos e por categorias. Cada modo oferece uma perspectiva distinta sobre a organização dos elementos químicos, facilitando a compreensão das suas propriedades e relações.

1.1 Visualização por Períodos

Os elementos estão organizados em seções que equivalem aos períodos (as linhas horizontais da tabela), tornando a tabela dividida em partes menores e mais fáceis de manejar, isso é especialmente útil em telas de smartphones, onde o conteúdo aparece na vertical.

1.2 Visualização por Grupos

Os elementos estão dispostos em grupos (colunas verticais), possibilitando que a pessoa examine elementos com propriedades químicas semelhantes. Essa estrutura de navegação também se mostra mais adequada para dispositivos com telas reduzidas.

1.3 Visualização por Categorias

Os elementos estão classificados de acordo com suas categorias químicas, distribuídos em quatro grupos principais. São eles:

• Metais

• Semimetais

• Não Metais

• Outros (Hidrogênio)

Ao agrupar elementos que compartilham características químicas, essa apresentação torna mais simples entender as propriedades e os comportamentos de cada um deles.

Por exemplo, no âmbito da categoria “Metais”, estão incluídas subcategorias como Metais Alcalinos, Metais Alcalinoterrosos, Metais de Transição, Lantanídeos, Actinídeos e Outros Metais.

A categoria “Não Metais” inclui os não metais, halogênios e gases nobres, enquanto o hidrogênio é classificado separadamente em “Outros” devido às suas características únicas.

Essa estrutura facilita a exploração didática da tabela periódica e a compreensão das relações e classificações dos elementos.

2. Painel de Controle

Um painel de controle fixo no topo permite alternar entre períodos, grupos, categorias e ativar ou desativar as cores da tabela.

Ao habilitar a visualização por períodos, o painel apresenta uma seção intitulada “Navegue pelos períodos da tabela”, composta por botões referentes aos sete períodos, bem como opções específicas para lantanídeos e actinídeos. A seleção de qualquer um desses botões direciona a pessoa imediatamente para a respectiva seção da página.

Na visualização por grupos, o painel mostra botões para cada um dos 18 grupos e para lantanídeos e actinídeos. Ao clicar em um botão, a pessoa vai direto à seção correspondente.

Na visualização por categorias, o painel apresenta a seção “Navegue pelas categorias da tabela”, exibindo botões hierarquicamente organizados de acordo com as quatro principais categorias: Metais (com subdivisões como Alcalinos, Alcalinoterrosos, Transição, entre outras), Semimetais, Não Metais (incluindo Halogênios e Gases Nobres) e Outros (Hidrogênio). Ao selecionar um desses botões, a pessoa é direcionada para a respectiva categoria ou subcategoria, promovendo uma navegação eficiente pelo tipo de elemento químico.

3. Cartões de Elementos Químicos

Cada elemento químico aparece em um cartão com símbolo, nome, período e coluna.

Estes cartões permitem interação: ao usar o mouse, tocar na tela ou pressionar Enter, uma janela modal surge exibindo dados detalhados do elemento, incluindo símbolo, nome, número atômico, massa atômica e configuração eletrônica.

4. Modal de Detalhes do Elemento

Ao acessar um cartão de elemento por clique, toque ou Enter, abre-se uma janela modal com informações detalhadas.

• Gerenciamento de foco: Ao abrir a modal, o foco é automaticamente direcionado para o primeiro elemento interativo (geralmente o botão de fechar no canto superior direito), garantindo que pessoas que navegam por teclado ou usam leitores de tela saibam imediatamente onde estão e possam fechar a janela facilmente.

• Ao fechar a modal, o foco retorna automaticamente para o cartão do elemento que foi acessado, evitando que o usuário se perca na página e precise procurar novamente onde estava antes de abrir a janela.

• Estrutura semântica: A modal utiliza elementos HTML semânticos apropriados, com atributos ARIA role=”dialog” e aria-modal=”true”, informando aos leitores de tela que uma janela de diálogo foi aberta e alterando o modo de navegação.

• Rotulagem acessível: Cada modal possui um título claro (o nome do elemento), anunciado quando a janela é aberta. As informações são organizadas hierarquicamente com títulos (<h2>, <h3>) que permitem navegação rápida por marcos de referência.

Informações apresentadas na modal

A janela modal de cada elemento apresenta as seguintes informações:

• Nome do elemento: Apresentado como título principal da modal, sendo a primeira informação anunciada pelos leitores de tela.

• Ilustração do elemento: Uma imagem que mostra como o elemento aparece ou é utilizado no cotidiano. Por exemplo, para o carbono, pode ser uma ilustração de grafite ou diamante; para o oxigênio, uma representação de bolhas de ar.

• Grupo: Indica a família de elementos à qual pertence (por exemplo: “Metais Alcalinos”, “Halogênios”, “Gases Nobres”). Essa informação é fundamental para entender as propriedades químicas do elemento.

• Símbolo: A abreviatura química do elemento (exemplo: H para Hidrogênio, O para Oxigênio, Au para Ouro), apresentada de forma clara e acessível.

• Número atômico: Indica quantos prótons existem no núcleo do átomo, definindo a identidade do elemento e sua posição na tabela periódica.

• Número de massa (massa atômica): Representa a soma de prótons e nêutrons no núcleo, indicando a massa aproximada do átomo.

• Distribuição eletrônica: Apresentada de duas formas complementares para garantir acessibilidade total:

  • Visual: Um diagrama ilustrativo mostrando o núcleo do átomo no centro e as camadas eletrônicas ao redor, com os elétrons distribuídos em suas respectivas posições. Essa representação visual auxilia quem enxerga a compreender espacialmente a organização dos elétrons.

• Linear (textual): A notação científica padrão da distribuição eletrônica, apresentada em formato de texto sequencial. Exemplo: Camada 1: 1s¹. A leitura dessa notação é direta, sequencial e construída usando atributos ARIA para garantir que leitores de tela anunciem corretamente cada parte da configuração eletrônica.

Considerações Finais

Este artigo teve como objetivo investigar desafios e estratégias para o ensino da tabela periódica a estudantes com deficiência visual e, a partir disso, propor e validar uma ferramenta digital acessível. Esse objetivo foi alcançado por meio do desenvolvimento de uma Tabela Periódica Acessível baseada em tecnologias Web e em princípios de acessibilidade, contemplando o uso de HTML semântico, textos alternativos, compatibilidade com leitores de tela, navegação por teclado e rotulagem adequada com ARIA, além de modos de visualização que organizam o conteúdo em blocos menores e mais manejáveis.

Os resultados obtidos na validação indicam que a proposta responde diretamente ao problema da pesquisa: é possível disponibilizar a tabela periódica em formato digital sem que o recurso se torne uma barreira para pessoas com deficiência visual. A maioria dos participantes considerou a ferramenta mais acessível, mais usável e com melhor design do que outras tabelas digitais (89,1%). Também se observou boa avaliação da navegação por teclado (72,7% classificaram como fácil) e do funcionamento com leitores de tela (69,1% relataram funcionamento perfeito). Em conjunto, esses achados sugerem que as decisões de design e a estrutura técnica adotada contribuíram para reduzir barreiras, favorecendo autonomia e consistência na experiência de uso.

Como contribuição prática, a pesquisa disponibiliza uma ferramenta gratuita e pública que pode ser incorporada ao contexto educacional como recurso de apoio ao ensino de Química, especialmente quando se busca ampliar a autonomia e a participação de estudantes com deficiência visual. Do ponto de vista teórico e metodológico, o trabalho reforça a internet e o desenvolvimento Web como tecnologias assistivas viáveis, evidenciando que acessibilidade não é um complemento, mas um requisito estruturante do projeto. Além disso, o estudo exemplifica um caminho replicável de concepção de recursos educacionais: combinar princípios de Desenho Universal, boas práticas de acessibilidade e validação com pessoas usuárias para orientar decisões de desenvolvimento.

Apesar dos resultados positivos, algumas limitações devem ser consideradas. A amostra foi restrita e apresentou baixa participação de pessoas com baixa visão, o que reduz a generalização dos achados para todo o espectro da deficiência visual. A avaliação também foi baseada predominantemente em percepções de uso (questionário), sem contemplar medidas diretas de aprendizagem ou acompanhamento longitudinal em sala de aula. Adicionalmente, a experiência pode variar conforme dispositivo, sistema operacional, versão do leitor de tela e nível de familiaridade das pessoas participantes com tecnologias assistivas.

Como continuidade, recomenda-se ampliar a pesquisa com maior diversidade de participantes (incluindo mais pessoas com baixa visão) e com estudos em ambientes educacionais reais, investigando não apenas usabilidade e acessibilidade, mas também impactos no aprendizado, na motivação e na participação em atividades de Química. Outra direção relevante é aprofundar testes comparativos entre diferentes leitores de tela e plataformas, bem como aprimorar estratégias pedagógicas de uso da ferramenta (por exemplo, roteiros didáticos e orientações para docentes) para fortalecer sua integração ao currículo.

Por fim, novas investigações podem explorar a combinação de recursos digitais acessíveis com abordagens multissensoriais (como materiais táteis), buscando ampliar ainda mais as possibilidades de ensino inclusivo de conteúdos que dependem fortemente de representações visuais. A pesquisa reforça a importância de considerar a diversidade de necessidades e experiências das pessoas com deficiência visual no desenvolvimento de recursos educacionais, promovendo uma educação mais inclusiva, equitativa e centrada na autonomia dos estudantes.

Referências

• BERSCH, R. Classificações de Tecnologia Assistiva. Porto Alegre: Acessibilidade Brasil/Assistiva, 2013.
• BERSCH, R. Tecnologia Assistiva e Educação Inclusiva. In: Ensaios Pedagógicos. Brasília: Ministério da Educação, Secretaria de Educação Especial, 2006. p. 146.
• BRASIL. Lei nº 9.394, de 20 de dezembro de 1996. Estabelece as diretrizes e bases da educação nacional. Diário Oficial da União, Brasília, DF, v. 134, n. 248, 23 dez. 1996. Seção 1, p. 27834–27841.
• BRASIL. Lei nº 13.146, de 6 de julho de 2015. Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência).
• BRASIL. Decreto nº 3.298, de 20 de dezembro de 1999. Regulamenta a Lei nº 7.853/1989 e dispõe sobre a Política Nacional para a Integração da Pessoa Portadora de Deficiência.
• BRASIL. Ministério da Educação. Secretaria de Educação Especial. Desenvolvendo competências para o atendimento das necessidades educacionais de alunos cegos e de alunos com baixa visão. Brasília: MEC/SEESP, 2005.
• CONDE, A. J. M. Definindo cegueira e baixa visão.
• FELTRE, R. Química Geral. São Paulo: Editora Moderna, 2004.
• GALVÃO FILHO, T. As novas tecnologias na escola e no mundo atual: fator de inclusão social do aluno com necessidades especiais? In: Anais do III Congresso Ibero-Americano de Informática na Educação Especial. Fortaleza: MEC, 2002.
• GALVÃO FILHO, T.; DAMASCENO, L. Programa InfoEsp: Premio Reina Sofia 2007 de Rehabilitación y de Integración. Boletín del Real Patronato Sobre Discapacidad, Ministerio de Educación, Política Social y Deporte, Madrid, n. 63, p. 14–23, abr. 2008. ISSN 1696-0998.
• GARRUTTI DE LOURENÇO, B. A.; et al. Acessibilidade para estudantes com deficiência visual: orientações para o ensino superior. São Paulo: UNIFESP, 2020.
• IVANOVICH, A. C. F.; GESSER, M. Deficiência e capacitismo: correção dos corpos e produção de sujeitos (a)políticos. Quaderns de Psicologia, v. 22, n. 3, e1618, 2020.
• JACYNTHO, M. D. de A. Processos para Desenvolvimento de Aplicações Web. 2008. 25 f. Monografia (Bacharelado em Ciência da Computação) — PUC-Rio, 2008.
• LIMA, A. G. JavaScript – Aplicações Interativas para a Web.
• MANTOAN, M. T. E. A tecnologia aplicada à educação na perspectiva inclusiva. Mimeo, 2005.
• RABELLO, E. T.; PASSOS, J. S. Vygotsky e o desenvolvimento humano.
• REBONATTO, M. T. Organização de Computadores – Notas de aula. Passo Fundo, 2003.
• REIS, C. de A. R. A baixa visão no meu caminho. Aracaju: Editora Triunfo, 2015.
• SANTOS, E. C. dos; FERRÉ, F. Introdução ao desenvolvimento Web usando HTML, CSS e PHP.
• SIAULIYS, M. O. C.; ORMELEZI, E. M.; BRIANT, M. E. (Org.). A deficiência visual associada à deficiência múltipla e o atendimento educacional especializado: encarando desafios e construindo possibilidades. São Paulo: Laramara, 2010.
• SILVA, M. O. E. Inclusão e Formação Docente. Eccos – Revista Científica, v. 10, n. 2, p. 479–495, [s.d.].
• W3C – World Wide Web Consortium. Web Content Accessibility Guidelines (WCAG) 2.2. 05 out. 2023.
• W3C – World Wide Web Consortium. Accessible Rich Internet Applications (WAI‑ARIA) 1.2. 06 set. 2023.