docs(home): typos and fixes to close #38

ffoodd · Oct 23, 2023 · 74b821a · 74b821a
1 parent 10dc839
commit 74b821a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/_site/templates/includes/_inclusive-toggle.njk b/_site/templates/includes/_inclusive-toggle.njk
@@ -7,7 +7,7 @@
 			this.setAttribute('aria-checked', !checked);
 
 			var chart = this.parentNode.nextElementSibling;
-			chart.classList.toggle('table-charts');
+			chart.classList.toggle('chaarts');
 		});
 	});
 });</code></pre>
diff --git a/_site/templates/index.njk b/_site/templates/index.njk
@@ -87,7 +87,7 @@
 			nature of these techniques and a <strong>solid foundation</strong> enhanced progressively,
 			I don't mention <strong>browser support</strong> for each example —&nbsp;but
 			it goes without saying that this is not magic, and only modern browsers handle this right.
-			Other browsers display a properly styled table, and that's nice.
+			Other browsers should display a properly styled table, and that's nice.
 		</p>
 
 		<h2 id="accessibilite">Accessibility</h2>
@@ -141,7 +141,7 @@
 		<ol>
 			<li>
 				in order to <strong>improve blending with background colors or gradients</strong>, the
-				<code>background-blend-mode</code> proerty is used with the <code>hard-light</code> value;
+				<code>background-blend-mode</code> property is used with the <code>hard-light</code> value;
 			</li>
 			<li>
 				<strong>pattern's size and position</strong> depends directly on the value and scale of the chart,
@@ -203,7 +203,7 @@
 		<p>
 			<strong>Adrian Roselli</strong> explains that playing with a <code>&lt;table&gt;</code> or <code>&lt;dl&gt;</code>
 			element's <code>display</code> endangers its semantics.
-			The latter is therefoore "locked" using dedicated
+			The latter is therefore "locked" using dedicated
 			<abbr title="Accessible Rich Internet Application" aria-label="Accessible Rich Internet Application">aria</abbr>
 			roles —&nbsp;as he explains
 			<a href="http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html">in a detailed article</a>.

diff --git a/docs/index.html b/docs/index.html
@@ -78,7 +78,7 @@ <h1>Chaarts</h1>
 			nature of these techniques and a <strong>solid foundation</strong> enhanced progressively,
 			I don't mention <strong>browser support</strong> for each example —&nbsp;but
 			it goes without saying that this is not magic, and only modern browsers handle this right.
-			Other browsers display a properly styled table, and that's nice.
+			Other browsers should display a properly styled table, and that's nice.
 		</p>
 
 		<h2 id="accessibilite">Accessibility</h2>
@@ -132,7 +132,7 @@ <h3>Patterns</h3>
 		<ol>
 			<li>
 				in order to <strong>improve blending with background colors or gradients</strong>, the
-				<code>background-blend-mode</code> proerty is used with the <code>hard-light</code> value;
+				<code>background-blend-mode</code> property is used with the <code>hard-light</code> value;
 			</li>
 			<li>
 				<strong>pattern's size and position</strong> depends directly on the value and scale of the chart,
@@ -209,7 +209,7 @@ <h3><code>display</code> and semantics</h3>
 		<p>
 			<strong>Adrian Roselli</strong> explains that playing with a <code>&lt;table&gt;</code> or <code>&lt;dl&gt;</code>
 			element's <code>display</code> endangers its semantics.
-			The latter is therefoore "locked" using dedicated
+			The latter is therefore "locked" using dedicated
 			<abbr title="Accessible Rich Internet Application" aria-label="Accessible Rich Internet Application">aria</abbr>
 			roles —&nbsp;as he explains
 			<a href="http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html">in a detailed article</a>.
@@ -229,7 +229,7 @@ <h3><code>display</code> and semantics</h3>
 			this.setAttribute('aria-checked', !checked);
 
 			var chart = this.parentNode.nextElementSibling;
-			chart.classList.toggle('table-charts');
+			chart.classList.toggle('chaarts');
 		});
 	});
 });</code></pre>