jkuijperm/expenses_manager
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases Wiki Activity

Corrige la jerarquia de encabezados del dashboard

Browse Source 
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>
This commit is contained in:
JKuijperM 2026-09-14 20:13:03 +02:00
parent 1cc13bae57
commit beeda95d5d
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
expenses_manager/expenses/static/expenses/css/base.css
View File

@ -273,7 +273,7 @@ a.danger:visited,
margin-bottom: 1rem;
}
.dashboard-context h2 {
.dashboard-context h1 {
margin: 0;
}

20
expenses_manager/expenses/templates/expenses/dashboard.html
View File

@ -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 %}