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

+3
View File
@@ -61,6 +61,7 @@ export function SearchBar({
<input
type="text"
placeholder={placeholder}
aria-label="Buscar produto por nome ou código de barras"
value={query}
onChange={(e) => setQuery(e.target.value)}
onKeyDown={handleKey}
@@ -74,6 +75,7 @@ export function SearchBar({
<button
onClick={handleSearch}
disabled={!query.trim()}
aria-label="Buscar"
className="btn-accent h-9 px-3 py-0 text-xs disabled:opacity-40"
>
<Search className="w-3.5 h-3.5" strokeWidth={1.5} />
@@ -95,6 +97,7 @@ export function SearchBar({
<input
type="text"
placeholder={placeholder}
aria-label="Buscar produto por nome ou código de barras"
value={query}
onChange={(e) => setQuery(e.target.value)}
onKeyDown={handleKey}