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:
1 parent
3d59903114
commit
5ee5dcd893
4 files changed
+18
-1
No files matched your search
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user