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
@@ -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);
|
||||
|
||||
Reference in new issue
Block a user