Acessibilidade além da sintaxe

$ rampa check examples/store/before.html

examples/store/before.html
Superfície: web · axe-core 4.14.0 · Modelo: ollama:gemma4:12b

WCAG 1.1.1 (A) — Conteúdo não textual
  ✗ html > body > header > img
    Imagens devem ter texto alternativo
    alta · regra image-alt
  ✗ html > body > main > div > figure:nth-of-type(1) > img
    O texto alternativo "IMG_2034.jpg" é um nome de arquivo ou um placeholder.
    Evidência: "IMG_2034.jpg"
    Patch:
      - <img src="mug.svg" alt="IMG_2034.jpg">
      + <img src="mug.svg" alt="Blue mug with steam">
    confiança alta · 1/1 rodadas · evidência verificada · id 2c1d064d9cc7
  ✗ html > body > main > div > figure:nth-of-type(2) > img
    O texto alternativo "Ceramic coffee mug" descreve algo que a imagem não mostra.
    Evidência: "Ceramic coffee mug"
    Patch:
      - <img src="umbrella.svg" alt="Ceramic coffee mug">
      + <img src="umbrella.svg" alt="Pink umbrella in the rain">
    confiança alta · 1/1 rodadas · evidência verificada · id 55249d898b55
  ✗ html > body > main > div > figure:nth-of-type(3) > img
    O texto alternativo "product" é genérico demais para descrever a imagem.
    Evidência: "product"
    Patch:
      - <img src="plant.svg" alt="product">
      + <img src="plant.svg" alt="Potted plant">
    confiança alta · 1/1 rodadas · evidência verificada · id a2e0ae93ad7c

WCAG 2.4.2 (A) — Página com título
  ✗ html
    O título da página "Untitled document" não diz nada sobre esta página.
    Evidência: "Untitled document"
    Patch:
      - <title>Untitled document</title>
      + <title>Corner Store - New Arrivals</title>
    confiança alta · 1/1 rodadas · evidência verificada · id a7fe7f746d48

WCAG 2.4.4 (A) — Finalidade do link (em contexto)
  ✗ html > body > main > p:nth-of-type(2) > a
    O texto do link "Click here" não diz para onde o link leva, e nada ao redor diz.
    Evidência: "Click here"
    Patch:
      - <a href="shipping.html">Click here</a>
      + <a href="shipping.html">View shipping information</a>
    confiança alta · 1/1 rodadas · evidência verificada · id 1af8a73e209d

WCAG 2.4.6 (AA) — Cabeçalhos e rótulos
  ✗ html > body > main > h2:nth-of-type(1)
    O título "Section 2" não diz nada sobre o conteúdo abaixo dele.
    Evidência: "Section 2"
    Patch:
      - <h2>Section 2</h2>
      + <h2>Customer Reviews</h2>
    confiança alta · 1/1 rodadas · evidência verificada · id ef7716588da6
  ✗ #email
    O rótulo "Field 1" não diz o que preencher.
    Evidência: "Field 1"
    Patch:
      - <label for="email">Field 1</label>
      + <label for="email">Email address</label>
    confiança alta · 1/1 rodadas · evidência verificada · id 064fe292df3a

WCAG 3.1.2 (AA) — Idioma de partes
  ✗ html > body > main > blockquote:nth-of-type(1)
    Marcado como lang="es", mas o texto está em holandês (nl).
    Evidência: "Prachtige mok, de koffie blijft lang warm. Ik koop er zeker nog een!"
    Patch:
      - <blockquote lang="es">
      + <blockquote lang="nl">
    confiança alta · 1/1 rodadas · evidência verificada · id ade39251a2e7

Chamadas ao modelo: 13 novas, 0 do cache · 7,1 mil tokens de entrada / 0,9 mil de saída · modelo local, sem custo de API

Cobertura desta execução
  Verificado pelo axe-core (parcial):  1.1.1, 1.3.1, 1.3.5, 1.4.3, 2.4.1, 2.4.2, 2.4.4, 3.1.1, 3.1.2, 3.3.2, 4.1.2
  Julgado com evidência verificada:    1.1.1, 2.4.2, 2.4.4, 2.4.6, 3.1.1, 3.1.2
  Não verificado automaticamente:      38 de 50 critérios WCAG 2.1 A/AA (--verbose lista)
Este relatório não declara a página acessível.
O que não foi verificado exige revisão manual e teste com pessoas.