refactor accesibilidad etiquetas y encabezados

views/partials/btn-search.twig

@@ -5,7 +5,7 @@
 
     <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel" style="max-height: 18vh;">
         <div class="offcanvas-header">
-            <h5 class="offcanvas-title" id="offcanvasTopLabel">Búsqueda</h5>
+            <p class="offcanvas-title fs-4" id="offcanvasTopLabel">Búsqueda</p>
             <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
         </div>
         <div class="offcanvas-body">

views/partials/footer.twig

@@ -1,15 +1,21 @@
 <div class="container">
     <div class="row py-4">
         
+        {# logo y rrss #}
         <div class="col-sm-4 mb-1">
-            <div><img src="/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" /></div>
+            {# <div><img src="{{site.url}}/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" alt="logo cnt sindikatua"/></div> #}
+            <div><img src="{{ footer_img }}" class="img-fluid" alt="{{ footer_img_alt }}"/></div>
             <div class="p-1 text-footer">
                 <p>{{ footer_1 }}</p>
                 <p>{{ footer_2 }}</p>
             </div>
             <div class="btn-group m-1" role="group" aria-label="First group">
                 {% for red in redes_sociales %}
-                    <a href="{{ red.url }}" class="btn btn-outline-white pt-1" target="_blank" rel="noopener noreferrer">
+                    <a href="{{ red.url }}" class="btn btn-outline-white pt-1" 
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        aria-label="Botones redes sociales footer"
+                    >
                         {% if red.imagen %}
                             <img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon svg-white">
                         {% else %}
@@ -21,6 +27,7 @@
             </div>
         </div>
 
+        {# noticias y opinion #}
         <div class="col-sm-5 mb-5 px-2 text-footer">
             
             <h5 class="text-decoration-underline">{{ __('Últimas noticias', 'Sindikatua') }}</h5>
@@ -48,6 +55,8 @@
             {% endfor %}
 
         </div>
+
+        {# contactos #}
         <div class="col-sm-3 text-footer">
 
             {% if listContacts %}
@@ -71,11 +80,12 @@
         </div>
         
     </div>
+    
     <div class="py-2 text-center mt-5 border-top border-light text-footer">
         <p>{{ __('El contenido de esta página web está bajo una licencia Creative Commons Reconocimiento-Compartir Igual 4.0 Internacional excepto aquel en el que se indique una fuente externa.', 'Sindikatua') }}</p>
         <p class="mb-0">&bullet; {{ __('Todos los derechos reservados', 'Sindikatua') }}&bullet; {{"now"|date('Y')}}</p>
-        <a class="nav-link d-inline" href="/aviso-legal">{{ __('Aviso legal', 'Sindikatua') }} &bullet;</a>
-        <a class="nav-link d-inline" href="/politica-privacidad">{{ __('Política de privacidad', 'Sindikatua') }} &bullet;</a>
-        <a class="nav-link d-inline" href="/politica-de-cookies">{{ __('Política de cookies', 'Sindikatua') }}</a>
+        <a class="nav-link d-inline" href="{{site.url}}/aviso-legal">{{ __('Aviso legal', 'Sindikatua') }} &bullet;</a>
+        <a class="nav-link d-inline" href="{{site.url}}/politica-privacidad">{{ __('Política de privacidad', 'Sindikatua') }} &bullet;</a>
+        <a class="nav-link d-inline" href="{{site.url}}/politica-de-cookies">{{ __('Política de cookies', 'Sindikatua') }}</a>
     </div>
 </div>

views/partials/logos-header.twig

@@ -7,13 +7,13 @@
                 {# Primera columna #}
                 <div class="col-lg-5 col-12 mb-3 mb-md-0">
                     <div class="d-flex align-items-center justify-content-between">
-                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home">
+                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home" role="banner">
                             <div class="d-flex align-items-center">
                                 <img src="{{ logo.logo.sizes.medium }}"
                                     alt="{{ logo.logo.alt }}"
                                     class="img-fluid me-3"
                                     style="max-height: 100px; flex-shrink: 0;">
-                                <h1 class="mb-0 text-sindikatua text-uppercase">{{ logo.texto }}</h1>
+                                <p class="mb-0 fs-1 text-sindikatua text-uppercase">{{ logo.texto }}</p>
                             </div>
                         </a>
                         <div class="d-block d-lg-none">  
@@ -25,7 +25,7 @@
                 {# Segunda columna #}
                 <div class="col-lg-7 col-12 d-none d-lg-block">
                     <div class="d-flex align-items-center justify-content-center justify-content-md-start h-100">
-                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home">
+                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home" role="banner">
                             <img src="{{ logo.logo.sizes.large }}"
                                 alt="{{ logo.logo.alt }}"
                                 class="img-fluid"

views/partials/menu-burger.twig

@@ -1,5 +1,5 @@
 {% if menu %}
-<nav class="navbar justify-content-center menu-burger">
+<nav class="navbar justify-content-center menu-burger" role="navigation" aria-label="Menú lateral responsive">
     {#<a class="navbar-brand" href="#"></a>#}
     <button class="navbar-toggler" type="button" 
 			data-bs-toggle="offcanvas" 

views/partials/pagination-custom.twig

@@ -1,5 +1,5 @@
 {% if pagination and pagination.total > 1 %}
-    <nav class="pagination-block d-flex justify-content-center">
+    <nav class="pagination-block d-flex justify-content-center" aria-label="Paginación de artículos">
         <ul class="pagination">
 
             {# First #}

views/partials/section-videos&opinion.twig

@@ -3,7 +3,7 @@
 
     {# Primera columna - Carousel con vídeos embebidos #}
     <div class="col-lg-8 col-12 mb-4 mb-lg-0 order-2 order-lg-1 mt-5 mt-lg-0">
-        <h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Vídeos', 'Sindikatua')|upper }}</h1>
+        <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Vídeos', 'Sindikatua')|upper }}</h2>
 
         {% if videos %}
             <div id="videosCarousel" class="carousel slide" data-bs-ride="carousel">
@@ -116,13 +116,13 @@
 
     {# Segunda columna - Último artículo de opinión #}
     <div class="col-lg-4 col-12 opinion-article d-flex flex-column order-1 order-lg-2 ">
-        <h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Opinión', 'Sindikatua')|upper}}</h1>
+        <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Opinión', 'Sindikatua')|upper}}</h2>
 
         <div class="flex-grow-1 d-flex">
             {% if last_posts_opinion and last_posts_opinion|length > 0 %}
                 {% for article in last_posts_opinion %}
                 {% set imagen = article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
-                {% set alt = article.thumbnail.alt | default('Imagen por defecto') %}
+                {% set alt = article.thumbnail.alt | default('Imagen Opinión') %}
 
                     <div class="card w-100 h-100 secondary-article">
                         <a class="h-100" href="{{ article.link }}">

views/partials/top-bar.twig

@@ -9,7 +9,7 @@
             {% for lang in languages %}
                 {% if lang.slug == 'es' or lang.slug == 'cas' %}
                     {# Botón Castellano #}
-                    <a href="{{ lang.url }}" 
+                    <a href="{{ lang.url }}" aria-label="Botón idiomas castellano"
                     class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm  ms-2"
                     {% if lang.current %}aria-current="page"{% endif %}>
                         <span class="d-inline d-sm-none">CAS</span>
@@ -17,7 +17,7 @@
                     </a>
                 {% elseif lang.slug == 'eu' or lang.slug == 'eus' %}
                     {# Botón Euskera #}
-                    <a href="{{ lang.url }}" 
+                    <a href="{{ lang.url }}" aria-label="Botón idiomas euskera"
                     class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm ms-2"
                     {% if lang.current %}aria-current="page"{% endif %}>
                         <span class="d-inline d-sm-none">EUS</span>
@@ -40,7 +40,12 @@
 
             <div class="btn-group m-1" role="group" aria-label="First group">
                     {% for red in redes_sociales %}
-                    <a href="{{ red.url }}" class="btn btn-outline-dark btn-sm pt-0" target="_blank" rel="noopener noreferrer">
+                    <a href="{{ red.url }}" 
+                        class="btn btn-outline-dark btn-sm pt-0" 
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        aria-label="Botones redes sociales cabecera"
+                    >
                         {% if red.imagen %}
                             <img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon pt-1 svg-hover-white">
                         {% else %}