diff --git a/content/changelog.md b/content/changelog.md
index 85107a9ebb15a0e9353d93f49180a4ad1fb13e7a..b27d5d57cbcdc144a1261857673f0628672cb0d5 100644
--- a/content/changelog.md
+++ b/content/changelog.md
@@ -3,13 +3,18 @@ title = "Changelog"
 weight = 4
 +++
 
-# [unreleased]
+# [0.2.2]
 
 ## New features
-- provide zola description by meta tag in html
 - new parameter `item.alt` text for your svg icon in header, if it is not specified, then the link to the resource is used as it
 
+## Fix
+
+- adding aria labels, where they were not
+- provide zola description by meta tag in html
+
 ## Maintenance
+- change h3 to span in toc
 - change license at the MIT
 
 # [0.2.1]
diff --git a/sass/layouts/_toc.scss b/sass/layouts/_toc.scss
index 89ebe47c690b9caf82149e4870e3988ee505ee53..ebaaeb22da325e97d871e9b77bb6a275109a2b09 100644
--- a/sass/layouts/_toc.scss
+++ b/sass/layouts/_toc.scss
@@ -1,3 +1,8 @@
+.font-17 {
+    font-weight: bold;
+    font-size: 17px;
+}
+
 .toc {
   margin-right: 1.25em;
   margin-left: 1em;
diff --git a/templates/page_macros.html b/templates/page_macros.html
index bb46019e6fb6d0bb4e44e1b4eeda43d19f014402..58576d9f8aa9fde1948ad2329e27cd7f81755ec2 100644
--- a/templates/page_macros.html
+++ b/templates/page_macros.html
@@ -1,7 +1,7 @@
-<!-- table of content -->
+{# table of content #}
 {% macro toc(page) %}
 <aside id="toc" class="nav toc">
-    <span class="font-12"> In this article: </span>
+    <span class="font-17"> In this article: </span>
     <a aria-label="close button" href="#close" class="nav__close" role="button">
         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M24 9.4L22.6 8L16 14.6L9.4 8L8 9.4l6.6 6.6L8 22.6L9.4 24l6.6-6.6l6.6 6.6l1.4-1.4l-6.6-6.6L24 9.4z" fill="currentColor"></path></svg>
     </a>