From 15e9af8399680cf64274e970559021a8a8d6c376 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 5 Feb 2026 22:14:26 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Spanish=20localizatio?=
 =?UTF-8?q?n=20and=20accessibility=20polish?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added missing aria-labels to icon-only buttons in NotificationBell, TaskCalendar, and TaskFilters.
- Corrected numerous Spanish spelling errors and missing tildes (accents) in UI text across several components (Día, Mañana, Búsqueda, Título, Descripción, etc.).
- Improved overall accessibility and visual polish of the Spanish interface.

Co-authored-by: Rumazor <87402949+Rumazor@users.noreply.github.com>
---
 .Jules/palette.md                                       | 5 +++++
 frontend/components/calendar/task-calendar.tsx          | 8 +++++---
 frontend/components/notifications/notification-bell.tsx | 2 +-
 frontend/components/tasks/task-dashboard.tsx            | 4 ++--
 frontend/components/tasks/task-filters.tsx              | 8 +++++++-
 frontend/components/tasks/task-form.tsx                 | 8 ++++----
 frontend/components/tasks/task-list.tsx                 | 6 +++---
 7 files changed, 27 insertions(+), 14 deletions(-)
 create mode 100644 .Jules/palette.md

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"
         >
           <ChevronLeft className="h-4 w-4" />
         </Button>
@@ -116,6 +117,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
           variant="outline"
           size="icon"
           onClick={() => onNavigate("NEXT")}
+          aria-label="Siguiente"
         >
           <ChevronRight className="h-4 w-4" />
         </Button>
@@ -150,7 +152,7 @@ export default function TaskCalendar({ token, onTaskClick }: TaskCalendarProps)
           size="sm"
           onClick={() => setView(Views.DAY)}
         >
-          Dia
+          Día
         </Button>
       </div>
     </div>
@@ -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 (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
-        <Button variant="ghost" size="icon" className="relative">
+        <Button variant="ghost" size="icon" className="relative" aria-label="Ver notificaciones">
           <Bell className="h-5 w-5" />
           {unreadCount > 0 && (
             <Badge
diff --git a/frontend/components/tasks/task-dashboard.tsx b/frontend/components/tasks/task-dashboard.tsx
index eaa3798..0107e88 100644
--- a/frontend/components/tasks/task-dashboard.tsx
+++ b/frontend/components/tasks/task-dashboard.tsx
@@ -170,7 +170,7 @@ export default function TaskDashboard({
           <ModeToggle />
           <Button variant="ghost" size="sm" onClick={handleLogout} className="text-muted-foreground hover:text-destructive transition-colors">
             <LogOut className="h-4 w-4 mr-2" />
-            Cerrar sesion
+            Cerrar sesión
           </Button>
         </div>
       </header>
@@ -241,7 +241,7 @@ export default function TaskDashboard({
                       value="mis-tareas"
                       className="data-[state=active]:bg-background"
                     >
-                      Mias
+                      Mías
                       <Badge variant="secondary" className="ml-2 bg-background/50">
                         {myTasksCount}
                       </Badge>
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"
         >
           <Filter className="h-4 w-4" />
           {activeFilterCount > 0 && (
@@ -286,6 +287,7 @@ export default function TaskFiltersComponent({
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handlePriorityChange("all")}
+                aria-label="Quitar filtro de prioridad"
               >
                 <X className="h-3 w-3" />
               </button>
@@ -297,6 +299,7 @@ export default function TaskFiltersComponent({
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handleTagChange("all")}
+                aria-label="Quitar filtro de etiqueta"
               >
                 <X className="h-3 w-3" />
               </button>
@@ -308,6 +311,7 @@ export default function TaskFiltersComponent({
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handleCompletedChange("all")}
+                aria-label="Quitar filtro de estado"
               >
                 <X className="h-3 w-3" />
               </button>
@@ -319,6 +323,7 @@ export default function TaskFiltersComponent({
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handleDueBeforeChange(undefined)}
+                aria-label="Quitar filtro de fecha"
               >
                 <X className="h-3 w-3" />
               </button>
@@ -326,10 +331,11 @@ export default function TaskFiltersComponent({
           )}
           {activeFilters.search && (
             <Badge variant="secondary" className="text-xs">
-              Busqueda: {activeFilters.search}
+              Búsqueda: {activeFilters.search}
               <button
                 className="ml-1 hover:text-destructive"
                 onClick={() => handleSearchChange("")}
+                aria-label="Quitar filtro de búsqueda"
               >
                 <X className="h-3 w-3" />
               </button>
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({
     <form onSubmit={handleSubmit} className="space-y-4">
       <div className="space-y-4">
         <div className="space-y-2">
-          <Label htmlFor="task-title">Titulo de la tarea</Label>
+          <Label htmlFor="task-title">Título de la tarea</Label>
           <Input
             id="task-title"
             placeholder="Ej: Comprar leche"
@@ -186,7 +186,7 @@ export default function TaskForm({
         </div>
 
         <div className="space-y-2">
-          <Label htmlFor="task-description">Descripcion (opcional)</Label>
+          <Label htmlFor="task-description">Descripción (opcional)</Label>
           <Textarea
             id="task-description"
             placeholder="Detalles adicionales sobre la tarea"
@@ -198,7 +198,7 @@ export default function TaskForm({
 
         <div className="grid grid-cols-2 gap-3">
           <div className="space-y-2">
-            <Label>Fecha limite</Label>
+            <Label>Fecha límite</Label>
             <Popover open={calendarOpen} onOpenChange={setCalendarOpen}>
               <PopoverTrigger asChild>
                 <Button
@@ -371,7 +371,7 @@ export default function TaskForm({
         </Button>
         {editingTask && (
           <Button type="button" variant="ghost" onClick={onCancel} className="w-full h-10">
-            Cancelar Edicion
+            Cancelar Edición
           </Button>
         )}
       </div>
diff --git a/frontend/components/tasks/task-list.tsx b/frontend/components/tasks/task-list.tsx
index 5420bf5..4421ad6 100644
--- a/frontend/components/tasks/task-list.tsx
+++ b/frontend/components/tasks/task-list.tsx
@@ -66,7 +66,7 @@ function getDueDateInfo(dueDate: string) {
   }
   if (isTomorrow(date)) {
     return {
-      label: "Manana",
+      label: "Mañana",
       className: "text-blue-600 dark:text-blue-400",
       icon: Calendar,
     };
@@ -177,7 +177,7 @@ export default function TaskList({
                           size="sm"
                           className="h-6 w-6 p-0"
                           onClick={() => toggleTaskExpansion(task.id)}
-                          aria-label={isExpanded ? "Contraer descripcion" : "Expandir descripcion"}
+                          aria-label={isExpanded ? "Contraer descripción" : "Expandir descripción"}
                         >
                           {isExpanded ? (
                             <ChevronUp className="h-4 w-4" />
@@ -203,7 +203,7 @@ export default function TaskList({
                           onClick={() => toggleTaskExpansion(task.id)}
                           className="text-xs font-semibold text-primary hover:underline mt-1 focus:outline-none"
                         >
-                          {isExpanded ? "Ver menos" : "Ver mas"}
+                          {isExpanded ? "Ver menos" : "Ver más"}
                         </button>
                       )}
                     </div>