v5.7.3

no issue
- Improve accessibility
- Improve SEO (by improving accessibility)

assets/css/screen.css

@@ -1402,6 +1402,10 @@ is the very first element in the post content */
     line-height: 1.6em;
 }
 
+.gh-content > p img {
+  margin: 0 auto;
+}
+
 .page-template .gh-content:only-child > *:first-child:not(.kg-width-full) {
     margin-top: max(12vmin, 64px);
 }
@@ -2166,6 +2170,10 @@ html.dark-mode .site-header-content {
     color: #fff;
 }
 
+html.dark-mode .site-header-cover {
+    opacity: 1;
+}
+
 html.dark-mode .post-card-image {
     background: var(--color-darkmode);
 }
@@ -2315,6 +2323,11 @@ html.dark-mode .kg-header-card h3.kg-header-card-subheader {
     color: #fff;
 }
 
+html.dark-mode .kg-bookmark-card a.kg-bookmark-container,
+html.dark-mode .kg-bookmark-card a.kg-bookmark-container:hover {
+    background: var(--color-darkmode) !important;
+}
+
 html.dark-mode .footer-cta-title {
     color: #fff;
 }
@@ -2358,6 +2371,10 @@ html.dark-mode .footer-cta-title {
         color: #fff;
     }
 
+    html.auto-color .site-header-cover {
+        opacity: 1;
+    }
+
     html.auto-color .post-card-image {
         background: var(--color-darkmode);
     }
@@ -2507,6 +2524,11 @@ html.dark-mode .footer-cta-title {
         color: #fff;
     }
 
+    html.auto-color .kg-bookmark-card a.kg-bookmark-container,
+    html.auto-color .kg-bookmark-card a.kg-bookmark-container:hover {
+        background: var(--color-darkmode) !important;
+    }
+
     html.auto-color .footer-cta-title {
         color: #fff;
     }

default.hbs

@@ -36,7 +36,7 @@
                     {{/if}}
                 </a>
                 <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
-                <button class="gh-burger"></button>
+                <button class="gh-burger" aria-label="Main Menu"></button>
             </div>
 
             <nav class="gh-head-menu">
@@ -51,10 +51,10 @@
             <div class="gh-head-actions">
                 {{#unless @site.members_enabled}}
                     {{^match @custom.navigation_layout "Stacked"}}
-                        <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                        <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
                     {{/match}}
                 {{else}}
-                    <button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
+                    <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
                     <div class="gh-head-members">
                         {{#unless @member}}
                             {{#unless @site.members_invite_only}}

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "A clean, minimal default theme for the Ghost publishing platform",
     "demo": "https://demo.ghost.io",
-    "version": "5.7.0",
+    "version": "5.7.3",
     "engines": {
         "ghost": ">=5.0.0"
     },

partials/post-card.hbs

@@ -1,7 +1,7 @@
 {{!-- This is a partial file used to generate a post "card"
 which templates loop over to generate a list of posts. --}}
 
-<article class="post-card {{post_class}}{{#match @custom.feed_layout "Classic"}}{{#is "home"}}{{#has index="0"}} post-card-large{{/has}}{{#has index="1,2"}} dynamic{{/has}}{{/is}}{{/match}}{{#match @custom.feed_layout "Grid"}} keep-ratio{{/match}}{{#match @custom.feed_layout "List"}}{{#is "home, paged"}} post-card-large{{/is}}{{/match}}{{#unless access}} post-access-{{visibility}}{{/unless}}">
+<article class="post-card {{post_class}}{{#match @custom.feed_layout "Classic"}}{{#is "home"}}{{#has index="0"}} post-card-large{{/has}}{{#has index="1,2"}} dynamic{{/has}}{{/is}}{{/match}}{{#match @custom.feed_layout "Grid"}} keep-ratio{{/match}}{{#match @custom.feed_layout "List"}}{{^is "tag, author"}} post-card-large{{/is}}{{/match}}{{#unless access}} post-access-{{visibility}}{{/unless}}">
 
     {{#if feature_image}}
     <a class="post-card-image-link" href="{{url}}">

post.hbs

@@ -32,15 +32,15 @@ into the {body} tag of the default.hbs template --}}
         <div class="article-byline">
         <section class="article-byline-content">
 
-            <ul class="author-list">
+            <ul class="author-list instapaper_ignore">
                 {{#foreach authors}}
                 <li class="author-list-item">
                     {{#if profile_image}}
-                    <a href="{{url}}" class="author-avatar">
+                    <a href="{{url}}" class="author-avatar" aria-label="Read more of {{name}}">
                         <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" />
                     </a>
                     {{else}}
-                    <a href="{{url}}" class="author-avatar author-profile-image">{{> "icons/avatar"}}</a>
+                    <a href="{{url}}" class="author-avatar author-profile-image" aria-label="Read more of {{name}}">{{> "icons/avatar"}}</a>
                     {{/if}}
                 </li>
                 {{/foreach}}
@@ -137,4 +137,4 @@ into the {body} tag of the default.hbs template --}}
     {{/get}}
 {{/if}}
 
-{{/post}}
+{{/post}}