fix(a11y): nomes acessíveis em busca, filtros e paginação

- campos de busca (SearchBar e Hero) só tinham placeholder
- botões só com ícone (buscar, voltar, primeira/anterior/próxima/última)
- filtros de Nutri-Score (letras a-e) e chip de alérgenos expõem
  aria-pressed; página atual da paginação usa aria-current
This commit is contained in:
evandro committed 2026-10-10 04:17:24 -03:00
1 parent 3d59903114
commit 5ee5dcd893
4 files changed
+18 -1

No files matched your search

+4 -1
View File
@@ -346,7 +346,7 @@ function ResultadosContent() {
}}
>
<div style={{ display: "flex", alignItems: "center", gap: 8 }}>
<Link href="/" style={{ display: "flex", padding: 8, color: "var(--fg-secondary)" }}>
<Link href="/" aria-label="Voltar ao início" style={{ display: "flex", padding: 8, color: "var(--fg-secondary)" }}>
<ArrowLeft style={{ width: 18, height: 18 }} strokeWidth={1.75} />
</Link>
<div style={{ flex: 1 }}>
@@ -488,6 +488,8 @@ function ResultadosContent() {
return (
<button
key={g}
aria-label={`Nutri-Score ${g.toUpperCase()}`}
aria-pressed={active}
onClick={() => {
setGradeFilter((prev) => (prev === g ? null : g));
setCurrentPage(1);
@@ -516,6 +518,7 @@ function ResultadosContent() {
{/* Allergen-free chip */}
<button
aria-pressed={allergenFree}
onClick={() => {
setAllergenFree((prev) => !prev);
setCurrentPage(1);