Merge pull request #29 from haplo/a11y

Accessibility improvements

Author: haplo

pelican/themes/reflex/static/stylesheet/dark-theme.less

@@ -9,6 +9,14 @@ body {
   color: @text-color-dark-theme;
 }
 
+a {
+  color: @link-color-dark-theme;
+}
+
+a:hover {
+  color: @link-hover-color-dark-theme;
+}
+
 hr {
   background-color: @solid-dark-grey;
   color: @solid-dark-grey;

pelican/themes/reflex/static/stylesheet/dark-theme.min.css

@@ -235,6 +235,10 @@ main {
       border-radius: 3px;
     }
 
+    .entry-content a:not(.btn) {
+      text-decoration: underline;
+    }
+
     .comment-count {
       font-size: .8em;
     }

pelican/themes/reflex/static/stylesheet/style.less

@@ -20,8 +20,10 @@
 @text-color-dark-theme: @light-grey;
 
 // Links
-@link-color: @orange;
-@link-hover-color: @light-orange;
+@link-color: #CF3D16;
+@link-hover-color: #E85000;
+@link-color-dark-theme: #EC7B4A;
+@link-hover-color-dark-theme: #FF9055;
 
 // Sidebar (aside)
 @sidebar-bg: @grey;

pelican/themes/reflex/static/stylesheet/style.min.css

@@ -46,7 +46,7 @@ <h1 id="{{ article.slug }}">{{ article.title }}</h1>
     </script>
   {% endif %}
 
-  <div>
+  <div class="entry-content">
     {{ article.content }}
   </div>
   <div class="tag-cloud">

pelican/themes/reflex/static/stylesheet/variables.less

@@ -33,7 +33,7 @@ <h2><a href="{{ SITEURL }}/{{ article.url }}{% if not DISABLE_URL_HASH %}#{{ art
       {% endif %}
     </p>
   </header>
-  <div>
+  <div class="entry-content">
     {% if summarise or article.metadata['summary'] or SUMMARY_MAX_LENGTH %}
       {% if  article.featured_image %}
         <img src="{{ article.featured_image }}">

pelican/themes/reflex/templates/article.html

@@ -20,7 +20,7 @@
     {{ translations.translations_for(page) }}
     <h1 id="{{ page.slug }}">{{ page.title }}</h1>
   </header>
-  <div>
+  <div class="entry-content">
     {% block before_content %}{% endblock %}
     {% block page_content %}{{ page.content }}{% endblock %}
     {% block after_content %}{% endblock %}

pelican/themes/reflex/templates/index.html

@@ -76,8 +76,9 @@ <h1>
         <a class="sc-{{ name }}"
            {% if name in relme %}rel="me"{% endif %}
            href="{{ link }}"
-           target="_blank">
-          <i class="{% if name in solid %}fa-solid{% else %}fa-brands{% endif %} fa-{{ name }}"></i>
+           target="_blank"
+           aria-label="{{ name }}">
+          <i class="{% if name in solid %}fa-solid{% else %}fa-brands{% endif %} fa-{{ name }}" aria-hidden="true"></i>
         </a>
       </li>
       {% endfor %}