Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor accesibilidad etiquetas y encabezados

Browse Source
This commit is contained in:
gustavo
2025-11-03 11:03:58 +00:00
parent ed7c6cfcda
commit 803f86e4be
17 changed files with 69 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/StarterSite.php
View File

@ -463,6 +463,14 @@ class StarterSite extends Site {
$context['listContacts'] = $this->getListContacts();
$context['footer_1'] = get_field('footer_text_1', 'option');
$context['footer_2'] = get_field('footer_text_2', 'option');
$footer_img_id = get_option('options_logo_footer');
if ($footer_img_id) {
$context['footer_img'] = wp_get_attachment_image_url($footer_img_id, 'full');
$context['footer_img_alt'] = get_post_meta($footer_img_id, '_wp_attachment_image_alt', true);
} else {
$context['footer_img'] = '';
$context['footer_img_alt'] = '';
}
//Otras páginas
$context['enlaces'] = $this->getEnlaces();

6
views/layouts/base.twig
View File

@ -8,7 +8,7 @@
{{ function('wp_body_open') }}
<a class="skip-link screen-reader-text" href="#content">{{ _e('Skip to content') }}</a>
<header class="header">
<header class="header" aria-label="Cabecera del sitio">
{% block header %}
<div class="container-fluid text-bg-light">
{% include "partials/top-bar.twig" %}
@ -21,7 +21,7 @@
<!-- nav -->
<div class="align-items-center justify-content-around bg-body-tertiary d-none d-lg-flex">
<div>
<nav class="navbar navbar-expand-lg">
<nav class="navbar navbar-expand-lg" role="navigation" aria-label="Menú principal">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
{% include "partials/menu.twig" with {'items': menu.get_items} %}
@ -50,7 +50,7 @@
<!-- footer -->
{% block footer %}
<footer id="footer" class="container-fluid text-bg-dark mt-5 section-footer">
<footer id="footer" class="container-fluid text-bg-dark mt-5 section-footer" role="contentinfo">
{% include 'partials/footer.twig' %}
</footer>
{{ function('wp_footer') }}

2
views/partials/btn-search.twig
View File

@ -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">

20
views/partials/footer.twig
View File

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

6
views/partials/logos-header.twig
View File

@ -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"

2
views/partials/menu-burger.twig
View File

@ -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"

2
views/partials/pagination-custom.twig
View File

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

6
views/partials/section-videos&opinion.twig
View File

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

11
views/partials/top-bar.twig
View File

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

2
views/templates/page-conflictos-laborales.twig
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"> {{

2
views/templates/page-industria.twig
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">

2
views/templates/page-noticias.twig
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({

2
views/templates/page-opinion.twig
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({

29
views/templates/page-portada.twig
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 }}">

2
views/templates/page-servicios.twig
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">

2
views/templates/page-videos.twig
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>

8
views/templates/single.twig
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">