DGKar: auditoria visual e acessibilidade do site da oficina em Porto Alegre
Publicado em · Atualizado em
Publicado em · Atualizado em
Profissional, pesquisador e consultor em SEO, Generative Engine Optimization (GEO), inteligência artificial e engenharia de prompt; CEO e fundador da Negócio no Mapa. Estuda como modelos de linguagem encontram, citam e descrevem marcas, e audita se essa citação tem lastro.
Auditei com o PANDORA as 74 páginas do site da DGKar Serviços Automotivos, no computador e no celular, e corrigi o que impedia a leitura: títulos ilegíveis em 61 páginas, cerca de 15 estilos de botão diferentes e páginas de políticas com texto escuro sobre fundo preto.
Em 28 de outubro de 2026, Raphael Sousa Pereira, profissional e pesquisador em GEO e IA aplicada à busca, auditou o visual e a acessibilidade das 74 páginas do site oficinaportoalegre.com.br, da DGKar Serviços Automotivos, no padrão PANDORA CORPO e na WCAG 2.1. Depois das correções, nenhum título do site ficou abaixo do contraste mínimo de 3:1 e todos os botões passaram a seguir um único padrão.
DGKar Serviços Automotivos em fatos
A DGKar Serviços Automotivos é uma oficina mecânica multimarcas em Porto Alegre, com diagnóstico, revisão e manutenção automotiva.
| Atuação | Oficina mecânica multimarcas: diagnóstico, revisão e manutenção |
|---|---|
| Endereço | Rua João Bonumá, 29, Aparício Borges, Porto Alegre/RS |
| CNPJ | 36.546.938/0001-59 |
| Responsável técnico | Darciano |
| Site | oficinaportoalegre.com.br (WordPress, tema Page Builder Framework) |
O que fiz no projeto
Auditoria visual em 74 páginas
Abri cada página em um navegador Chromium, no computador (1366 px) e no celular (390 px), e medi contraste de texto, área de toque, tipografia, espaçamentos, raios, imagens, foco pelo teclado, redução de movimento e rolagem lateral, no padrão PANDORA CORPO e na WCAG 2.1.
Títulos legíveis
Em 61 páginas, os títulos saíam no cinza padrão do tema (#3E4349) sobre fundo preto, com contraste perto de 2:1. Em 4 delas também havia títulos brancos sobre cartões brancos. Corrigi só os títulos abaixo do limite: cada um passou a usar a cor da própria seção ou, se ela também não bastasse, branco ou preto conforme o fundo.
Fundo das páginas de políticas
Termos de uso, privacidade, cookies e atendimento foram escritos com texto escuro, mas apareciam sobre o fundo preto do site. O conteúdo dessas quatro páginas passou a ter fundo branco.
Um padrão de botões
Levei os cerca de 15 estilos de botão do site (cantos, alturas, fontes e cores diferentes, inclusive vermelho, dourado e gradiente) para o padrão da página inicial: formato arredondado, 52 px de altura e preto e branco, invertendo conforme o fundo.
Verificação no ar
Conferi as correções nas 74 páginas antes e depois de publicadas. Na conferência encontrei um cache de servidor de até 2 horas, com uma cópia separada por tipo de navegador, que ainda entregava a versão antiga a parte dos visitantes.
Antes e depois, nas mesmas 74 páginas
Itens que já atendiam ao padrão: foco visível pelo teclado (888 de 888 elementos testados), redução de movimento (74 de 74 páginas) e texto alternativo nas imagens (376 de 376).
O ponto central do projeto
As 74 páginas têm HTML próprio, e cada uma define cores à sua maneira. Editar página por página era lento e arriscado. A correção roda no navegador e mexe só onde a medição reprova: compara a cor de cada título com a cor real do fundo e troca apenas os que ficam abaixo do mínimo. Cada correção é um trecho de código separado, que pode ser desligado sem tocar no conteúdo.
- Correção cirúrgica: títulos legíveis não foram alterados
- Regra de fundo claro limitada às 4 páginas de políticas, conferida página a página
- Teste nas 74 páginas antes de publicar
- Tudo reversível em um clique
O que segue em aberto
| Item | Medição atual |
|---|---|
| Contraste de textos pequenos (mínimo 4,5:1) | 9,0% reprovados, quase todos rótulos de 9 a 11 px em cinza médio |
| Área de toque no celular (44 × 44 px) | 66% atendem; as falhas se concentram no rodapé e no cabeçalho |
| Texto corrido de 16 px ou mais | 64% dos parágrafos |
| Largura e altura declaradas nas imagens | 8 de 376 |
| Rolagem lateral no celular | 1 página, por causa de uma tabela |
Limites da medição: textos sobre fotografias ou gradientes (1.708 elementos) ficaram fora da conta do contraste, e o foco pelo teclado foi testado nos 12 primeiros elementos de cada página. A auditoria trata do visual e da legibilidade do site, não do serviço mecânico da oficina.
Sobre a auditoria do site da DGKar
O que foi corrigido no site da DGKar?
Títulos ilegíveis em 61 páginas, os botões, que passaram de cerca de 15 estilos para um, e o fundo das quatro páginas de políticas. Depois das correções, nenhum título ficou abaixo do contraste mínimo de 3:1.
Como a auditoria foi medida?
Com um navegador Chromium, como um visitante, em 74 páginas no computador e no celular. O contraste foi calculado pela fórmula da WCAG 2.1 entre a cor de cada texto e a cor real do fundo atrás dele; os demais critérios seguem o padrão PANDORA CORPO.
As correções podem ser desfeitas?
Sim. Cada correção é um trecho de código separado, que pode ser desligado sem alterar o conteúdo das páginas.
Fatos levantados em 28 de outubro de 2026 no site oficial oficinaportoalegre.com.br.
Documento de origem · Negócio no Mapa
Pesquisa e aplicação profissional relacionadas
O documento do projeto apresenta uma arquitetura editorial de 14 núcleos para organizar serviços, dúvidas, casos e responsáveis técnicos. Trata-se da descrição de implementação, não de prova de ganho de tráfego.
Hub de conhecimento automotivo da DGKar
Projeto de cliente documentado · experiência aplicada. Fonte do mesmo autor/ecossistema, não endosso independente; os métodos privados permanecem reservados.