refactor accesibilidad etiquetas y encabezados

This commit is contained in:
2025-11-03 11:03:58 +00:00
parent ed7c6cfcda
commit 803f86e4be
17 changed files with 69 additions and 43 deletions

View File

@ -23,7 +23,7 @@
<div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5>
<h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a>
<p class="card-text"> {{

View File

@ -9,7 +9,7 @@
{% for subpagIndustria in post.children('page') %}
{% set imagen = subpagIndustria.thumbnail.src | default(imagen_default) %}
{% set alt = subpagIndustria.thumbnail.alt | default('Imagen por defecto') %}
{% set alt = subpagIndustria.thumbnail.alt | default('Imagen Industria cnt') %}
<div class="card my-3 position-relative posts-noticias">
<div class="row g-0">

View File

@ -23,7 +23,7 @@
<div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5>
<h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a>
<p class="card-text"> {{
noticias.excerpt({

View File

@ -22,7 +22,7 @@
<div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5>
<h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a>
<p class="card-text"> {{
noticias.excerpt({

View File

@ -3,15 +3,14 @@
<div class="page-portada">
{# Sección noticias #}
{% if lasts_posts_news %}
<section class="recent-posts">
{% if lasts_posts_news %}
<div class="row g-4 mt-3">
{# Columna izquierda - Artículo principal #}
<div class="col-md-8">
{% set main_article = lasts_posts_news[0] %}
{% set imagen = main_article.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
{% set alt = main_article.thumbnail.alt | default('Imagen por defecto') %}
{% set alt = main_article.thumbnail.alt | default('Imagen noticias') %}
<div class="card main-article h-100">
<a href="{{ main_article.link }}">
@ -49,10 +48,10 @@
</div>
</div>
</div>
{% else %}
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
{% endif %}
</section>
{% else %}
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
{% endif %}
{# Sección vídeos / Opinión #}
<section class="py-4 margin-50">
@ -61,7 +60,7 @@
{# Sección Enlaces #}
<section class="custom-buttons-section margin-50">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Enlaces', 'Sindikatua')|upper }}</h1>
<h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Enlaces', 'Sindikatua')|upper }}</h2>
<div class="row g-3">
{% if botones_imagen %}
@ -84,14 +83,18 @@
{# Campañas #}
<div class="col-12 col-sm-12 col-md-6">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1>
<h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h2>
{% if posts_campana and posts_campana|length > 0 %}
{% set main_article = posts_campana[0] %}
{% set main_article = posts_campana[0] %}
{% set imagen = main_article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
{% set alt = main_article.thumbnail.alt | default('imagen campañas') %}
<div class="card main-article">
<a href="{{ main_article.link }}">
<img src="{{ main_article.thumbnail.src('medium') }}"
alt="{{ main_article.thumbnail.alt }}"
<img src="{{ imagen }}"
alt="{{ alt }}"
class="card-img card-img-fixed img-noticias" />
<div class="card-img-overlay">
<h3 class="card-title text-wrap">
@ -106,13 +109,13 @@
{# conflictos #}
<div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1>
<h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h2>
{% if posts_conflicts and posts_conflicts|length > 0 %}
{% set main_article = posts_conflicts[0] %}
{% set imagen = main_article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
{% set alt = main_article.thumbnail.alt | default('Imagen por defecto') %}
{% set alt = main_article.thumbnail.alt | default('imagen conflictos laborales') %}
<div class="card main-article">
<a href="{{ main_article.link }}">

View File

@ -8,7 +8,7 @@
{% for SubpagServicio in post.children('page') %}
{% set imagen = SubpagServicio.thumbnail.src | default(imagen_default) %}
{% set alt = SubpagServicio.thumbnail.alt | default('Imagen por defecto') %}
{% set alt = SubpagServicio.thumbnail.alt | default('Imagen servicios cnt') %}
<div class="card my-3 position-relative posts-noticias">
<div class="row g-0">

View File

@ -42,7 +42,7 @@
{# Título del vídeo #}
<div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-75 text-white p-3 rounded">
<h6 class="mb-0 text-white">{{ video.titulo }}</h6>
<h2 class="mb-0 fs-6 text-white">{{ video.titulo }}</h2>
</div>
</div>

View File

@ -4,15 +4,15 @@
{# <h1>SINGLE ARTÍCULOS</h1> #}
<div class="container">
<article class="post-type-{{ post.type }}" id="post-{{ post.id }}">
<!-- <img src="{{ post.thumbnail.src }}" /> -->
<p class="my-5 position-relative fs-5 fw-bold sp-module-title">
<article class="post-type-{{ post.type }} mt-5" id="post-{{ post.id }}">
<span class="my-5 position-relative fs-5 fw-bold sp-module-title">
{% if post.category %}
{{ post.category }}
{% else %}
{{ post.post_type == 'opinion' ? 'Opinión' : 'Sin categoría' }}
{% endif %}
</p>
</span>
<section class="article-content mt-5 border-dark border-top">