Accessibility fixes

- Links rely on color to be distinguishable.
bolder texts for links (<a> font-weight changed.)
- Touch targets do not have sufficient size or spacing.
larger spaces between   En  <->  Jp  <-> Pt <->  Fr
- Heading elements are not in a sequentially-descending order.
h1 -> h2 -> h3 in order.

_layouts/archives.md

@@ -13,7 +13,7 @@ layout: default
   <div class="archives">
     {%- for year in postsByYear %}
     <div class="year">
-      <h6>{{ year.name }}</h6>
+      <h2>{{ year.name }}</h2>
       {%- comment %}we can directly filter days. But I wanted to leave in case list by month needs{% endcomment -%}
       {%- assign postsByMonth = year.items | sort: 'date' | reverse | group_by_exp:"post", "post.date | date: '%m'" -%}
       {%- for month in postsByMonth -%}
@@ -22,7 +22,7 @@ layout: default
         {%- assign monthInt = month.name | plus: 0 -%}
         {%- comment %}-1, since array starts from zero index{% endcomment -%}
         {%- assign monthInt = monthInt | minus: 1 %}
-        <h6>{{ site.data.lang[lng].date.months[monthInt] }}</h6>
+        <h3>{{ site.data.lang[lng].date.months[monthInt] }}</h3>
         <ul>
         {%- for post in month.items %}
           <li>

_layouts/projects.md

@@ -53,7 +53,7 @@ layout: default
         </div>
         {%- endif %}
         <div class="col-md-9 project-header">
-          <h1>{{ list.project_name }}</h1><h4>{{ list.project_excerpt }}</h4>
+          <h1>{{ list.project_name }}</h1><h2>{{ list.project_excerpt }}</h2>
           <div class="meta-container">
             <p class="date"><i class="fa fa-calendar fa-fw" aria-hidden="true"></i>&nbsp;{{ list.date | date: out_date_format }}</p>
             <p class="category">#{{ category.title }}</p>

assets/_scss/archives/archives.scss

@@ -33,7 +33,7 @@
 }
 
 /* year text */
-.archives .year > h6 {
+.archives .year > h2 {
   margin: 0;
   font-size: 1.8rem;
   font-weight: 400;
@@ -50,7 +50,7 @@
 }
 
 /* month text */
-.archives .year > .month > h6 {
+.archives .year > .month > h3 {
   margin: 0;
   font-size: 1.6rem;
   font-weight: 400;

assets/_scss/common/markdown-style.scss

@@ -26,6 +26,10 @@
   font-size: 1.316rem;
 }
 
+.markdown-style .table > tbody > tr td a {
+  font-weight: 450;
+}
+
 /* add border at the end */
 .markdown-style .table-striped > tbody > tr:last-child {
   border-bottom: 1px solid;
@@ -50,6 +54,10 @@
   line-height: 2.7rem;
 }
 
+.markdown-style a {
+  font-weight: 400;
+}
+
 /* center items */
 .markdown-style [data-align="center"] {
   margin-left: auto;

assets/_scss/default/cookie-consent.scss

@@ -29,6 +29,10 @@
   right: 10px;
 }
 
+.consent-bar a {
+  font-weight: 400;
+}
+
 /* consent settings */
 .consent-settings {
   @include get_scheme(consent-settings-colors-);
@@ -80,6 +84,10 @@
   text-justify: inter-word;
 }
 
+.consent-settings .info-text a {
+  font-weight: 400;
+}
+
 .consent-settings .info {
   display: none;
 }

assets/_scss/default/footer.scss

@@ -65,6 +65,10 @@ footer {
   background-color: var(--footer-background-color);
 }
 
+.footer-powered a {
+  font-weight: 400;
+}
+
 .footer-text-centered {
   transform: translateX(-50%);
   left: 50%;

assets/_scss/default/nav/lang-switch.scss

@@ -36,6 +36,8 @@
 
 .lang-switch li {
   display: inline-block;
+  margin-left: 4px;
+  margin-right: 4px;
 }
 
 .lang-switch ul {

assets/_scss/projects/project-container.scss

@@ -56,7 +56,8 @@
   margin-top: 10px;
 }
 
-.project-container .project-header > h4 {
+.project-container .project-header > h2 {
+  margin-top: 10px;
   margin-bottom: 19px;
 }
 
@@ -93,7 +94,7 @@
   padding-bottom: calc(var(--text-spacing) / 2);
 }
 
-.project-container .project-header > h4 {
+.project-container .project-header > h2 {
   font-weight: 300;
   font-size: 1.6rem;
 }