From 74b821af2cfd43f045b6990549df360f91520ec4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Mon, 23 Oct 2023 10:12:47 +0200 Subject: [PATCH] docs(home): typos and fixes to close #38 --- _site/templates/includes/_inclusive-toggle.njk | 2 +- _site/templates/index.njk | 6 +++--- docs/index.html | 8 ++++---- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/_site/templates/includes/_inclusive-toggle.njk b/_site/templates/includes/_inclusive-toggle.njk index 7d67a29..f4b806f 100644 --- 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'); }); }); }); diff --git a/_site/templates/index.njk b/_site/templates/index.njk index 8039708..5d0c12a 100644 --- a/_site/templates/index.njk +++ b/_site/templates/index.njk @@ -87,7 +87,7 @@ nature of these techniques and a solid foundation enhanced progressively, I don't mention browser support for each example — 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.

Accessibility

@@ -141,7 +141,7 @@
  1. in order to improve blending with background colors or gradients, the - background-blend-mode proerty is used with the hard-light value; + background-blend-mode property is used with the hard-light value;
  2. pattern's size and position depends directly on the value and scale of the chart, @@ -203,7 +203,7 @@

    Adrian Roselli explains that playing with a <table> or <dl> element's display endangers its semantics. - The latter is therefoore "locked" using dedicated + The latter is therefore "locked" using dedicated aria roles — as he explains in a detailed article. diff --git a/docs/index.html b/docs/index.html index cba7332..b845fbf 100644 --- a/docs/index.html +++ b/docs/index.html @@ -78,7 +78,7 @@

    Chaarts

    nature of these techniques and a solid foundation enhanced progressively, I don't mention browser support for each example — 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.

    Accessibility

    @@ -132,7 +132,7 @@

    Patterns

    1. in order to improve blending with background colors or gradients, the - background-blend-mode proerty is used with the hard-light value; + background-blend-mode property is used with the hard-light value;
    2. pattern's size and position depends directly on the value and scale of the chart, @@ -209,7 +209,7 @@

      display and semantics

      Adrian Roselli explains that playing with a <table> or <dl> element's display endangers its semantics. - The latter is therefoore "locked" using dedicated + The latter is therefore "locked" using dedicated aria roles — as he explains in a detailed article. @@ -229,7 +229,7 @@

      display and semantics

      this.setAttribute('aria-checked', !checked); var chart = this.parentNode.nextElementSibling; - chart.classList.toggle('table-charts'); + chart.classList.toggle('chaarts'); }); }); });