diff --git a/.Jules/palette.md b/.Jules/palette.md new file mode 100644 index 0000000..3d87d2f --- /dev/null +++ b/.Jules/palette.md @@ -0,0 +1,3 @@ +## 2025-05-14 - Spanish Localization and Accessibility Polish +**Learning:** The application had several missing Spanish tildes in common UI words ("Día", "más", "descripción", etc.) and lacked ARIA labels for icon-only buttons in the notification bell and calendar components. Proper Spanish localization significantly improves the visual polish and perceived quality of the app. +**Action:** Always check for proper Spanish accentuation and ensure all icon-only buttons have descriptive `aria-label` attributes. Avoid committing build artifacts like `pnpm-lock.yaml`, log files, or PWA scripts (`sw.js`). 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..ef5431a 100644 --- a/frontend/components/notifications/notification-bell.tsx +++ b/frontend/components/notifications/notification-bell.tsx @@ -97,7 +97,12 @@ 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..f9432e0 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 && ( @@ -326,10 +327,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({
- +
- +