diff --git a/.Jules/palette.md b/.Jules/palette.md new file mode 100644 index 0000000..039c529 --- /dev/null +++ b/.Jules/palette.md @@ -0,0 +1,5 @@ +## 2025-05-22 - Spanish Tildes and ARIA labels in icon-only buttons + +**Learning:** In this application, many Spanish UI strings were missing proper accentuation (tildes), especially in common words like "Día", "más", "Mañana", "descripción", and "Búsqueda". Additionally, several icon-only buttons (notification bell, calendar navigation, filter toggle) lacked ARIA labels, making them inaccessible to screen readers. + +**Action:** Always check for proper Spanish accentuation in UI text and ensure every icon-only button has an `aria-label` or a screen-reader-only span. diff --git a/frontend/components/calendar/task-calendar.tsx b/frontend/components/calendar/task-calendar.tsx index 448910a..43ce258 100644 --- a/frontend/components/calendar/task-calendar.tsx +++ b/frontend/components/calendar/task-calendar.tsx @@ -109,6 +109,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps) variant="outline" size="icon" onClick={() => onNavigate("PREV")} + aria-label="Anterior" > @@ -116,6 +117,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps) variant="outline" size="icon" onClick={() => onNavigate("NEXT")} + aria-label="Siguiente" > @@ -150,7 +152,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps) size="sm" onClick={() => setView(Views.DAY)} > - Dia + Día @@ -162,13 +164,13 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps) next: "Siguiente", month: "Mes", week: "Semana", - day: "Dia", + day: "Día", agenda: "Agenda", date: "Fecha", time: "Hora", event: "Evento", noEventsInRange: "No hay tareas en este rango", - showMore: (total: number) => `+ ${total} mas`, + showMore: (total: number) => `+ ${total} más`, }; return ( diff --git a/frontend/components/notifications/notification-bell.tsx b/frontend/components/notifications/notification-bell.tsx index 3c19cdb..1e6f534 100644 --- a/frontend/components/notifications/notification-bell.tsx +++ b/frontend/components/notifications/notification-bell.tsx @@ -97,7 +97,7 @@ export default function NotificationBell({ token }: NotificationBellProps) { return ( - @@ -241,7 +241,7 @@ export default function TaskDashboard({ value="mis-tareas" className="data-[state=active]:bg-background" > - Mias + Mías {myTasksCount} diff --git a/frontend/components/tasks/task-filters.tsx b/frontend/components/tasks/task-filters.tsx index f00cf38..6f9bd21 100644 --- a/frontend/components/tasks/task-filters.tsx +++ b/frontend/components/tasks/task-filters.tsx @@ -132,6 +132,7 @@ export default function TaskFiltersComponent({ size="icon" onClick={() => setShowFilters(!showFilters)} className="relative" + aria-label="Filtrar tareas" > {activeFilterCount > 0 && ( @@ -286,6 +287,7 @@ export default function TaskFiltersComponent({ @@ -297,6 +299,7 @@ export default function TaskFiltersComponent({ @@ -308,6 +311,7 @@ export default function TaskFiltersComponent({ @@ -319,6 +323,7 @@ export default function TaskFiltersComponent({ @@ -326,10 +331,11 @@ export default function TaskFiltersComponent({ )} {activeFilters.search && ( - Busqueda: {activeFilters.search} + Búsqueda: {activeFilters.search} diff --git a/frontend/components/tasks/task-form.tsx b/frontend/components/tasks/task-form.tsx index e03922b..fc66eb3 100644 --- a/frontend/components/tasks/task-form.tsx +++ b/frontend/components/tasks/task-form.tsx @@ -175,7 +175,7 @@ export default function TaskForm({
- +
- +