Automated LLM-Based Accessibility Remediation: From Conventional Websites to Angular Single-Page Applications
Este trabalho propõe um sistema automatizado baseado em Modelos de Linguagem (LLMs) que corrige eficazmente problemas de acessibilidade em sites estáticos e aplicações Angular, gerando descrições visuais significativas e integrando a correção diretamente no fluxo de desenvolvimento.
Artigo original sob licença CC BY 4.0 (http://creativecommons.org/licenses/by/4.0/). Esta é uma explicação gerada por IA do artigo abaixo. Não foi escrita nem endossada pelos autores. Para precisão técnica, consulte o artigo original. Ler aviso legal completo
Imagine que a internet é como uma grande cidade cheia de prédios (os sites). Para que todos possam entrar e usar esses prédios, eles precisam de rampas, portas largas e sinalizações em Braille. Isso é o que chamamos de acessibilidade digital.
O problema é que, embora existam "inspetores" (ferramentas automáticas) que conseguem apontar onde faltam essas rampas, consertá-las manualmente é lento, caro e difícil. É como ter um engenheiro que precisa subir em cada prédio, um por um, para desenhar a rampa na mão.
Além disso, a internet mudou. Antigamente, os sites eram como prédios de pedra (estáticos). Hoje, temos Aplicações de Página Única (SPAs), como o Angular, que são como casas inteligentes e dinâmicas. As paredes se movem, as portas se abrem sozinhas e a luz muda conforme você entra. Os inspetores antigos não entendem essa dinâmica e muitas vezes falham em encontrar os problemas.
A Solução Proposta: O "Arquiteto Robô" com Cérebro de IA
Os autores deste artigo, Carla e Francisco, criaram um sistema automatizado que usa Inteligência Artificial (especificamente Modelos de Linguagem Grandes, ou LLMs) para atuar como um arquiteto robô superinteligente.
Aqui está como esse robô funciona, passo a passo, usando analogias simples:
1. O Olho que Tudo Vê (Detecção)
O robô entra no site e usa uma ferramenta chamada Axe-core (como um scanner de segurança) para encontrar onde estão os problemas.
- Para sites antigos: Ele entra no navegador, carrega a página inteira e escaneia tudo.
- Para sites modernos (Angular): Ele lê o "planta baixa" do código (os arquivos de programação) para entender como a casa é construída antes mesmo de ela ser montada.
2. O Olho que "Vê" Imagens (Análise Multimodal)
Muitas vezes, uma imagem na internet não tem uma descrição para quem usa leitores de tela (pessoas cegas).
- A Mágica: O robô tira uma "foto" da imagem e a envia para um cérebro de IA (o GPT-4o). Ele pergunta: "O que tem nessa foto? Descreva de forma curta e útil para alguém que não consegue ver."
- Resultado: O robô gera uma descrição perfeita e a coloca no código, como se estivesse escrevendo uma legenda automática para uma foto.
3. O Manual de Instruções (Construção do Pedido)
O robô não chuta o que fazer. Ele monta um pedido muito específico para a IA, dizendo:
- "Aqui está o erro (ex: falta de rampa)."
- "Aqui está o código atual (a parede onde falta a rampa)."
- "Aqui estão as regras (WCAG 2.2, que são as leis de construção)."
- "Por favor, devolva apenas o código corrigido, sem conversar."
4. O Cirurgião (Correção)
Aqui o robô age de duas formas diferentes, dependendo do tipo de site:
- Em Sites Estáticos: Ele age como um cirurgião de emergência. Ele entra na página que está aberta no navegador, corta o pedaço com erro e cola o pedaço corrigido instantaneamente. É um conserto temporário, mas imediato.
- Em Sites Modernos (Angular): Ele age como um arquiteto de renovação. Ele vai até os arquivos originais do projeto (o código-fonte), reescreve as partes defeituosas e salva os arquivos. Isso é permanente e garante que o site continue funcionando perfeitamente depois de ser reconstruído.
5. O Teste de Qualidade (Validação)
Antes de entregar o trabalho, o robô faz uma verificação dupla:
- Ele escaneia novamente para ver se o erro sumiu.
- Ele tenta "reconstruir" o site para garantir que não quebrou nada (o site não travou, os botões continuam funcionando).
Se algo der errado, ele descarta a mudança e avisa, garantindo que nada seja estragado.
Os Resultados: O Robô Funciona?
Os autores testaram esse sistema em 12 sites públicos (hospitais, universidades) e 6 projetos de código aberto (aplicativos complexos).
- Nos sites comuns: O robô consertou 80% dos problemas sozinho.
- Nos aplicativos modernos (Angular): O robô consertou 86% dos problemas e, o mais importante, 100% dos aplicativos continuaram funcionando sem erros de compilação.
Onde ele falhou?
Em sites muito antigos e bagunçados (como o do governo da Castilla-La Mancha), onde o código é uma "torre de blocos" desorganizada, o robô teve dificuldade. Ele é inteligente, mas precisa de uma estrutura lógica para trabalhar.
Conclusão Simples
Este trabalho mostra que podemos usar a Inteligência Artificial para transformar a acessibilidade de um "problema chato e caro" que fica para depois, em uma parte natural e automática do desenvolvimento de sites.
É como ter um assistente pessoal que vigia a construção da sua casa o tempo todo, garantindo que, se uma porta for muito estreita, ela seja alargada automaticamente antes que alguém precise passar por ela. Isso torna a internet mais justa para todos, sem que os desenvolvedores precisem perder meses fazendo isso manualmente.
Afogado em artigos na sua área?
Receba digests diários dos artigos mais recentes que correspondam às suas palavras-chave de pesquisa — com resumos técnicos, no seu idioma.