Replace all {{ rootPath }} with {{ pathPrefix }}/ for robust internal links and assets. All internal links verified unbroken.

Author: shawnthompson

src/_data/eleventyComputed.js

@@ -1,11 +1,6 @@
 const pathPrefix = require('./pathPrefix')(); // resolve once per build
 
 module.exports = {
-	rootPath(data) {
-		// For GitHub Pages, use the pathPrefix with trailing slash for assets
-		// This ensures consistent behavior for both main repo and forks
-		return pathPrefix ? pathPrefix + '/' : '/';
-	},
 	eleventyExcludeFromCollections(data) {
 		return data.archived === true;
 	}

src/_includes/information-and-communication-technology-ict-accessibility-requirements/figures.njk

@@ -2,21 +2,21 @@
 
 <div class="row wb-eqht">
 	<figure class="col-lg-6" id="figure1">
-		<figcaption class="h4">Figure 1: Relationship between minimum character height and maximum design viewing distance</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image1.png" alt="A diagram illustrating the content of clause 5.1.4" />
+		<figcaption class="h4">Figure 1: Relationship between minimum character height and maximum design viewing distance</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image1.png" alt="A diagram illustrating the content of clause 5.1.4" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#5.1.4">5.1.4 Functionality closed to text enlargement</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure2">
-		<figcaption class="h4">Figure 2: Unobstructed forward reach </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image2.png" alt="A diagram illustrating the content of clause 8.3.2" />
+		<figcaption class="h4">Figure 2: Unobstructed forward reach </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image2.png" alt="A diagram illustrating the content of clause 8.3.2" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.2">8.3.2 Forward reach</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure3">
-		<figcaption class="h4">Figure 3: Obstructed forward reach</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image3.png" alt="A diagram illustrating the content of clauses 8.3.2.3.2 and 8.3.2.3.3" />
+		<figcaption class="h4">Figure 3: Obstructed forward reach</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image3.png" alt="A diagram illustrating the content of clauses 8.3.2.3.2 and 8.3.2.3.3" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.2.3.2">8.3.2.3.2 Obstructed (&lt510 mm) forward reach</a></li>
@@ -25,63 +25,63 @@
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure4">
-		<figcaption class="h4">Figure 4: Toe clearance </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image4.png" alt="A diagram illustrating the content of clause 8.3.2.5" />
+		<figcaption class="h4">Figure 4: Toe clearance </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image4.png" alt="A diagram illustrating the content of clause 8.3.2.5" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.2.5">8.3.2.5 Toe clearance</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure5">
-		<figcaption class="h4">Figure 5: Knee clearance</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image5.png" alt="A diagram illustrating the content of the text 8.3.2.6 Knee clearance." />
+		<figcaption class="h4">Figure 5: Knee clearance</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image5.png" alt="A diagram illustrating the content of the text 8.3.2.6 Knee clearance." />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.2.6">8.3.2.6 Knee clearance</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure6">
-		<figcaption class="h4">Figure 6: Unobstructed side reach</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image6.png" alt="A diagram illustrating the content of clause 8.3.3" />
+		<figcaption class="h4">Figure 6: Unobstructed side reach</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image6.png" alt="A diagram illustrating the content of clause 8.3.3" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.3">8.3.3 Side reach</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure7">
-		<figcaption class="h4">Figure 7: Obstructed high side reach </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image7.png" alt="A diagram illustrating the content of clause 8.3.3.3" />
+		<figcaption class="h4">Figure 7: Obstructed high side reach </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image7.png" alt="A diagram illustrating the content of clause 8.3.3.3" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.3.3">8.3.3.3 Obstructed side reach</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure8">
-		<figcaption class="h4">Figure 8: Vertical change in level</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image8.png" alt="A diagram illustrating the content of clause 8.3.4.1 a)" />
+		<figcaption class="h4">Figure 8: Vertical change in level</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image8.png" alt="A diagram illustrating the content of clause 8.3.4.1 a)" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.4.1">8.3.4.1 Change in level - a) If the change in floor level is less than or equal to 6,4 mm (¼ inch) the change may be vertical as shown in Figure 8.</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure9">
-		<figcaption class="h4">Figure 9: Bevelled change in level </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image9.png" alt="A diagram illustrating the content of the text 8.3.4.1 b)" />
+		<figcaption class="h4">Figure 9: Bevelled change in level </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image9.png" alt="A diagram illustrating the content of the text 8.3.4.1 b)" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.4.1">8.3.4.1 Change in level - b) If the change in floor level is less than or equal to 13 mm (½ inch) the change may have a slope not steeper than 1:2 as shown in Figure 9.</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure10">
-		<figcaption class="h4">Figure 10: Clear floor or ground space</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image10.png" alt="A diagram illustrating the content of clause 8.3.4.2" />
+		<figcaption class="h4">Figure 10: Clear floor or ground space</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image10.png" alt="A diagram illustrating the content of clause 8.3.4.2" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.4.2">8.3.4.2 Clear floor or ground space</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure11">
-		<figcaption class="h4">Figure 11: Manoeuvring Clearance in an Alcove, Forward Approach</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image11.png" alt="A diagram illustrating the content of clause 8.3.4.3.2" />
+		<figcaption class="h4">Figure 11: Manoeuvring Clearance in an Alcove, Forward Approach</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image11.png" alt="A diagram illustrating the content of clause 8.3.4.3.2" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.4.3.2">8.3.4.3.2 Forward approach</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure12">
-		<figcaption class="h4">Figure 12: Manoeuvring Clearance in an Alcove, Parallel Approach</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image12.png" alt="A diagram illustrating the content of clause 8.3.4.3.3" />
+		<figcaption class="h4">Figure 12: Manoeuvring Clearance in an Alcove, Parallel Approach</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image12.png" alt="A diagram illustrating the content of clause 8.3.4.3.3" />
 		<p>Related content:</p>
 		<ul>
 			<li><a href="#8.3.4.3.3">8.3.4.3.3 Parallel approach</a></li>
@@ -93,21 +93,21 @@
 
 <div class="row wb-eqht">
 	<figure class="col-lg-6" id="figure1">
-		<figcaption class="h4">Figure 1 : Relation entre la hauteur minimale des caractères et la distance de visualisation du dessin maximale</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image1-fr.gif" alt="Un diagramme illustrant le contenu de la clause 5.1.4." />
+		<figcaption class="h4">Figure 1 : Relation entre la hauteur minimale des caractères et la distance de visualisation du dessin maximale</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image1-fr.gif" alt="Un diagramme illustrant le contenu de la clause 5.1.4." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#5.1.4">5.1.4 Fonction restreinte à l’agrandissement du texte</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure2">
-		<figcaption class="h4">Figure 2 : Portée avant libre </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image2.png" alt="Un diagramme illustrant le contenu de la clause 8.3.2." />
+		<figcaption class="h4">Figure 2 : Portée avant libre </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image2.png" alt="Un diagramme illustrant le contenu de la clause 8.3.2." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.2">8.3.2 Portée avant</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure3">
-		<figcaption class="h4">Figure 3 : Portée avant obstruée</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image3.png" alt="Un diagramme illustrant le contenu des clauses 8.3.2.3.2 et 8.3.2.3.3." />
+		<figcaption class="h4">Figure 3 : Portée avant obstruée</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image3.png" alt="Un diagramme illustrant le contenu des clauses 8.3.2.3.2 et 8.3.2.3.3." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.2.3.2">8.3.2.3.2 Portée avant obstruée (&lt510 mm)</a></li>
@@ -116,63 +116,63 @@
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure4">
-		<figcaption class="h4">Figure 4 : Espace libre pour les pieds </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image4.png" alt="Un diagramme illustrant le contenu de la clause 8.3.2.5." />
+		<figcaption class="h4">Figure 4 : Espace libre pour les pieds </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image4.png" alt="Un diagramme illustrant le contenu de la clause 8.3.2.5." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.2.5">8.3.2.5 Espace libre pour les pieds</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure5">
-		<figcaption class="h4">Figure 5 : Espace libre pour les genoux</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image5.png" alt="Un diagramme illustrant le contenu du texte 8.3.2.6 Espace libre pour les genoux." />
+		<figcaption class="h4">Figure 5 : Espace libre pour les genoux</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image5.png" alt="Un diagramme illustrant le contenu du texte 8.3.2.6 Espace libre pour les genoux." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.2.6">8.3.2.6 Espace libre pour les genoux</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure6">
-		<figcaption class="h4">Figure 6 : Portée latérale libre</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image6.png" alt="Un diagramme illustrant le contenu de la clause 8.3.3." />
+		<figcaption class="h4">Figure 6 : Portée latérale libre</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image6.png" alt="Un diagramme illustrant le contenu de la clause 8.3.3." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.3">8.3.3 Portée latérale</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure7">
-		<figcaption class="h4">Figure 7 : Portée latérale haute obstruée </figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image7.png" alt="Un diagramme illustrant le contenu de la clause 8.3.3.3." />
+		<figcaption class="h4">Figure 7 : Portée latérale haute obstruée </figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image7.png" alt="Un diagramme illustrant le contenu de la clause 8.3.3.3." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.3.3">8.3.3.3 Portée latérale obstruée</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure8">
-		<figcaption class="h4">Figure 8 : Changement de niveau vertical</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image8.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.1 a)." />
+		<figcaption class="h4">Figure 8 : Changement de niveau vertical</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image8.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.1 a)." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.4.1">8.3.4.1 Changement de niveau - a) Si le changement de niveau du plancher est inférieur ou égal à 6,4 mm (1/4 po), le changement peut être vertical comme l’indique la figure 8.</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure9">
-		<figcaption class="h4">Figure 9 : Changement de niveau en biseau</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image9.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.1 b)." />
+		<figcaption class="h4">Figure 9 : Changement de niveau en biseau</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image9.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.1 b)." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.4.1">8.3.4.1 Changement de niveau - b) Si le changement de niveau du plancher est inférieur ou égal à 13 mm (1/2 po), le changement peut présenter une pente d’au plus 1 :2 comme il est illustré à la figure 9.</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure10">
-		<figcaption class="h4">Figure 10 : Surface au sol dégagée</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image10.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.2." />
+		<figcaption class="h4">Figure 10 : Surface au sol dégagée</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image10.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.2." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.4.2">8.3.4.2 Surface de plancher ou de sol dégagée</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure11">
-		<figcaption class="h4">Figure 11 : Espace libre de manœuvre dans une alcôve, approche avant</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image11.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.3.2." />
+		<figcaption class="h4">Figure 11 : Espace libre de manœuvre dans une alcôve, approche avant</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image11.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.3.2." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.4.3.2">8.3.4.3.2 Approche avant</a></li>
 		</ul>
 	</figure>
 	<figure class="col-lg-6" id="figure12">
-		<figcaption class="h4">Figure 12 : Espace libre de manœuvre dans une alcôve approche parallèle</figcaption> <img class="img-responsive" src="{{ rootPath }}img/requirements/image12.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.3.3." />
+		<figcaption class="h4">Figure 12 : Espace libre de manœuvre dans une alcôve approche parallèle</figcaption> <img class="img-responsive" src="{{ pathPrefix }}/img/requirements/image12.png" alt="Un diagramme illustrant le contenu de la clause 8.3.4.3.3." />
 		<p>Contenu connexe:</p>
 		<ul>
 			<li><a href="#8.3.4.3.3">8.3.4.3.3 Approche parallèle</a></li>

src/_includes/partials/download.njk

@@ -2,14 +2,14 @@
 {% set translations = download[locale] %}
 <div class="row">
 	<div class="col-sm-6">
-		<a class="gc-dwnld-lnk" href="{{ rootPath }}docs/{{ hasDocument.filename }}" download="{{ title | stripTagsSlugify }}">
+		<a class="gc-dwnld-lnk" href="{{ pathPrefix }}/docs/{{ hasDocument.filename }}" download="{{ title | stripTagsSlugify }}">
 			<div class="well gc-dwnld">
 				<div class="row">
 					<div class="col-xs-4">
 						<p>
 							<img
 								 class="img-responsive thumbnail gc-dwnld-img"
-								 src="{{ rootPath }}img/doc.png"
+								 src="{{ pathPrefix }}/img/doc.png"
 								 alt="" />
 						</p>
 					</div>

src/_includes/partials/head.njk

@@ -33,13 +33,13 @@
 
 
 	{% if toggle %}
-	<link rel="alternate" hreflang="{{ otherLang }}" href="{{ rootPath }}{% if toggle != "fr" and toggle != "en" %}{{ otherLang }}/{% endif %}{{ toggle }}/index.html" />
+	<link rel="alternate" hreflang="{{ otherLang }}" href="{{ pathPrefix }}/{% if toggle != "fr" and toggle != "en" %}{{ otherLang }}/{% endif %}{{ toggle }}/index.html" />
 	{% endif %}
 
 	<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"/>
 	<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"/>
-	<link rel="stylesheet" href="{{ rootPath }}css/da11yn.css">
+	<link rel="stylesheet" href="{{ pathPrefix }}/css/da11yn.css">
 
 	<!-- Meta tags -->
 

src/_includes/partials/lang.njk

@@ -4,7 +4,7 @@
 	<h2 class="wb-inv">{{ header[locale].languageSelections }}</h2>
 	<ul class="list-inline mrgn-bttm-0">
 		<li>
-			<a lang="{{ otherLang }}" hreflang="{{ otherLang }}" href="{{ rootPath }}{% if toggle != "fr" and toggle != "en" %}{{ otherLang }}/{% endif %}{{ toggle }}/">
+			<a lang="{{ otherLang }}" hreflang="{{ otherLang }}" href="{{ pathPrefix }}/{% if toggle != "fr" and toggle != "en" %}{{ otherLang }}/{% endif %}{{ toggle }}/">
 				<span class="hidden-xs" translate="no">{{ otherLanguage }}</span>
 				<abbr title="{{ otherLanguage }}" translate="no" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase"> {{ otherLang }}</abbr>
 			</a>

src/_includes/partials/pageList.njk

@@ -134,7 +134,7 @@
 							<p>{% if settings.env == "local" %}<strong>{{ pageList[locale].descriptionText }}{% if locale === "fr" %} {% endif %}: </strong>{% endif %}{% if entry.data.description %}{{ entry.data.description | striptags(true) | escape | nl2br }}{% else %} <span class="label label-danger">{{ landingPage[locale].descriptionNoneText }}</span>{% endif %}</p>
 							{% if settings.env == "local" %}<p><strong>{{ pageList[locale].pathText }}{% if locale === "fr" %} {% endif %}:</strong> <code>{{ entry.url }}</code></p>{% endif %}
 							{% if settings.env == "local" %}<p><strong>{{ pageList[locale].filePathText }}{% if locale === "fr" %} {% endif %}:</strong> <code><a href="https://github.com/gc-da11yn/gc-da11yn.github.io/tree/{{ branch }}{{ newPath }}">{{ newPath }}</a></code></p>{% endif %}
-							{% if settings.env == "local" %}<p><strong>toggle{% if locale === "fr" %} {% endif %}:</strong> <code><a href="{{ rootPath }}{{ otherLang }}/{{ entry.data.toggle }}">{{ entry.data.toggle }}</a></code></p>{% endif %}
+							{% if settings.env == "local" %}<p><strong>toggle{% if locale === "fr" %} {% endif %}:</strong> <code><a href="{{ pathPrefix }}/{{ otherLang }}/{{ entry.data.toggle }}">{{ entry.data.toggle }}</a></code></p>{% endif %}
 						</section>
 					{% endif %}
 				{% endif %}

src/index.html

@@ -1 +1 @@
-<meta http-equiv="refresh" content="0; URL={{ rootPath }}en/" />
+<meta http-equiv="refresh" content="0; URL={{ pathPrefix }}/en/" />

src/main/en/about-us/website-usage-analytics/data.njk

@@ -8,7 +8,7 @@ eleventyExcludeFromCollections: true
 
 {% include "partials/analytics-chart.njk" %}
 
-<p class="mrgn-tp-lg"><a href="{{ rootPath }}en/website-usage-analytics"><i class="fas fa-align-left mrgn-rght-md" aria-hidden="true"></i>Check out this information in simple text</a></p>
+<p class="mrgn-tp-lg"><a href="{{ pathPrefix }}/en/website-usage-analytics"><i class="fas fa-align-left mrgn-rght-md" aria-hidden="true"></i>Check out this information in simple text</a></p>
 
 {% include "partials/analytics-toc.njk" %}