fix(a11y): rel noopener noreferrer + SR cue on all external links

External links now consistently:
- Use rel=noopener noreferrer (privacy: don't leak referrer)
- Include a visually-hidden span announcing 's'obre en una pestanya nova'
  so screen reader users know the link opens in a new tab

Updated: EntryCard title link, huella.astro (Website Carbon, EcoGrader,
Green Web Foundation). BaseLayout footer links updated in previous
commit.
This commit is contained in:
2026-07-25 19:29:43 +02:00
parent 592412fec7
commit a09543512d
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -28,7 +28,7 @@ const fecha = new Date(aviso.fecha).toLocaleDateString('ca-ES', {
}
<h2 class="entry__title">
<a href={aviso.url} target="_blank" rel="noopener">{aviso.titulo}</a>
<a href={aviso.url} target="_blank" rel="noopener noreferrer">{aviso.titulo}<span class="visually-hidden"> (s'obre en una pestanya nova)</span></a>
</h2>
<p class="entry__resumen">{aviso.resumen}</p>
+3 -3
View File
@@ -7,8 +7,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<h1>La huella d'aquesta pàgina</h1>
<p class="lead">
Aquesta secció es completarà amb dades reals un cop el lloc estigui desplegat
(pes per pàgina, estimació de CO2 amb <a href="https://www.websitecarbon.com/" target="_blank" rel="noopener">Website Carbon</a>
i <a href="https://ecograder.com/" target="_blank" rel="noopener">EcoGrader</a>). Mentrestant, aquestes són les
(pes per pàgina, estimació de CO2 amb <a href="https://www.websitecarbon.com/" target="_blank" rel="noopener noreferrer">Website Carbon<span class="visually-hidden"> (s'obre en una pestanya nova)</span></a>
i <a href="https://ecograder.com/" target="_blank" rel="noopener noreferrer">EcoGrader<span class="visually-hidden"> (s'obre en una pestanya nova)</span></a>). Mentrestant, aquestes són les
decisions ja preses i per què.
</p>
@@ -41,7 +41,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<dt>Allotjament</dt>
<dd>
Hetzner Cloud, centre de dades de Hèlsinki (energia 100% renovable segons el
<a href="https://www.thegreenwebfoundation.org/" target="_blank" rel="noopener">Green Web Foundation directory</a>).
<a href="https://www.thegreenwebfoundation.org/" target="_blank" rel="noopener noreferrer">Green Web Foundation directory<span class="visually-hidden"> (s'obre en una pestanya nova)</span></a>).
</dd>
<dt>Reconstrucció automàtica, no contínua</dt>