🎨 Palette: Polish Spanish UI and accessibility

.Jules/palette.md

@@ -0,0 +1,3 @@
+## 2026-02-04 - Polish Spanish UI and accessibility
+**Learning:** Proper accentuation (tildes) in Spanish UI is critical for professionalism and clarity. Common words like 'Mañana', 'más', 'descripción', 'Título', 'Edición', 'sesión', 'Mías', and 'Búsqueda' are often missed. Additionally, icon-only buttons for common actions like filtering or expanding content frequently lack ARIA labels.
+**Action:** Strictly ensure all Spanish text follows linguistic standards and always add descriptive ARIA labels to icon-only buttons, especially for stateful toggles (e.g., show/hide filters).

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>

frontend/components/tasks/task-filters.tsx

@@ -132,6 +132,7 @@ export default function TaskFiltersComponent({
           size="icon"
           onClick={() => setShowFilters(!showFilters)}
           className="relative"
+          aria-label={showFilters ? "Ocultar filtros" : "Mostrar filtros"}
         >
           <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,17 +323,19 @@ 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>
             </Badge>
           )}
           {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>

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
@@ -319,12 +319,14 @@ export default function TaskForm({
                 value={newTagColor}
                 onChange={(e) => setNewTagColor(e.target.value)}
                 className="w-8 h-8 rounded cursor-pointer"
+                aria-label="Color de la etiqueta"
               />
               <Button
                 type="button"
                 size="sm"
                 className="h-8"
                 onClick={handleCreateTag}
+                aria-label="Guardar etiqueta"
               >
                 <Plus className="h-4 w-4" />
               </Button>
@@ -334,6 +336,7 @@ export default function TaskForm({
                 size="sm"
                 className="h-8"
                 onClick={() => setShowNewTagForm(false)}
+                aria-label="Cancelar nueva etiqueta"
               >
                 <X className="h-4 w-4" />
               </Button>
@@ -371,7 +374,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>

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,
     };
@@ -93,7 +93,7 @@ export default function TaskList({
   if (tasks.length === 0) {
     return (
       <p className="text-center py-4 text-muted-foreground">
-        No se encontraron tareas. Crea una para empezar!
+        No se encontraron tareas. ¡Crea una para empezar!
       </p>
     );
   }
@@ -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>