From beeda95d5d71ce3fcbeeabda5a4efbda4f8d8f97 Mon Sep 17 00:00:00 2001
From: JKuijperM <jkmontero17@gmail.com>
Date: Mon, 14 Sep 2026 20:13:03 +0200
Subject: [PATCH] Corrige la jerarquia de encabezados del dashboard

El dashboard empezaba en <h2> y bajaba hasta <h4>, sin ningun <h1>. La
pagina no tenia titulo de documento y las secciones colgaban de un nivel
que no existia, asi que un lector de pantalla no podia recorrerla por
encabezados.

Sube cada nivel uno: el nombre de la cuenta (o "Todas las cuentas") pasa a
<h1>, las secciones a <h2> y el nombre de cada cuenta dentro de su tarjeta
de grafica a <h3>. El selector .dashboard-context h2 pasa a h1 para seguir
al elemento.

Solo cambian los niveles. Como base.css no definia tamanos de encabezado,
el aspecto lo daban los valores por defecto del navegador y esto si mueve
los tamanos; el commit de la escala tipografica los fija.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 .../expenses/static/expenses/css/base.css     |  2 +-
 .../templates/expenses/dashboard.html         | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css
index e827586..0737050 100644
--- a/expenses_manager/expenses/static/expenses/css/base.css
+++ b/expenses_manager/expenses/static/expenses/css/base.css
@@ -273,7 +273,7 @@ a.danger:visited,
     margin-bottom: 1rem;
 }
 
-.dashboard-context h2 {
+.dashboard-context h1 {
     margin: 0;
 }
 
diff --git a/expenses_manager/expenses/templates/expenses/dashboard.html b/expenses_manager/expenses/templates/expenses/dashboard.html
index bf14c4f..b0ef7c4 100644
--- a/expenses_manager/expenses/templates/expenses/dashboard.html
+++ b/expenses_manager/expenses/templates/expenses/dashboard.html
@@ -7,13 +7,13 @@
 {% block content %}
     
     <section class="dashboard-context">
-        <h2>
+        <h1>
             {% if selected_account_obj %}
                 {{ selected_account_obj.name }}
             {% else %}
                 Todas las cuentas
             {% endif %}
-        </h2>
+        </h1>
 
         <p class="muted">
             {% if selected_month %}
@@ -137,7 +137,7 @@
 
     {% if compare_enabled %}
         <section class="comparison">
-            <h3>Resumen comparativo</h3>
+            <h2>Resumen comparativo</h2>
             <p>
                 Gastos periodo actual: <strong>{{ kpi_total|floatformat:2 }} €</strong><br>
                 Gastos periodo anterior: <strong>{{ kpi_previous_total|floatformat:2 }} €</strong><br>
@@ -150,7 +150,7 @@
                 </small>
             </p>
 
-            <h3>Desglose de cambios por categoría</h3>
+            <h2>Desglose de cambios por categoría</h2>
             <div class="table-wrap">
             <table>
                 <thead>
@@ -184,21 +184,21 @@
     
     <div class="charts-container">
         <section>
-            <h3>Evolución de Gastos ({% if chart_type == 'day' %}Por día {% else %} Por Meses{% endif %})</h3>
+            <h2>Evolución de Gastos ({% if chart_type == 'day' %}Por día {% else %} Por Meses{% endif %})</h2>
             <div class="chart-box">
                 <canvas id="mainChart"></canvas>
             </div>
         </section>
 
         <section>
-            <h3>Distribución por Categorías</h3>
+            <h2>Distribución por Categorías</h2>
             <div class="chart-box">
                 <canvas id="categoryChart"></canvas>
             </div>
         </section>
 
         <section>
-            <h3>Gastos Recientes</h3>
+            <h2>Gastos Recientes</h2>
             <div class="table-wrap">
             <table class="table">
                 <thead>
@@ -262,11 +262,11 @@
         });
     </script>
 
-    <h3>Evolución anual por cuenta ({{ selected_year }})</h3>
+    <h2>Evolución anual por cuenta ({{ selected_year }})</h2>
     <div class="dashboard-grid">
         {% for acc in accounts_charts %}
             <div class="card card-chart">
-                <h4>{{ acc.name }}</h4>
+                <h3>{{ acc.name }}</h3>
                 <p><strong>Saldo actual:</strong> {{ acc.current_balance|floatformat:2 }}€</p>                
                 <div class="canvas-wrapper">
                     <canvas id="accountChart{{ acc.id }}"></canvas>
@@ -369,7 +369,7 @@
     <!-- Goals -->
     <!-- ========================= -->
 
-    <h3>Objetivos</h3>
+    <h2>Objetivos</h2>
     {% if goals %}
         <div class="goals-widget">
             {% for goal in goals %}