fixes to H30.2 accessibility rule

.github/workflows/e2e.yaml

@@ -0,0 +1,19 @@
+name: E2E
+on: [deployment_status]
+jobs:
+  accessibility:
+    if: github.event.deployment_status.state == 'success'
+    runs-on: ubuntu-latest
+    permissions:
+      checks: read
+      pull-requests: write
+    steps:
+      - name: Log Deployment Status 
+        run: echo "Deployment URL- ${{ github.event.deployment_status.environment_url }}"
+      - uses: narthur/pa11y-ratchet@v2
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          sitemap-url: ${{ github.event.deployment_status.environment_url }}/sitemap-0.xml
+          find: https://blog.beeminder.com
+          replace: ${{ github.event.deployment_status.environment_url }}
+          config-path: .pa11yci.json

.pa11yci.json

@@ -0,0 +1,3 @@
+{
+  "hideElements": ".typography .inner *"
+}

src/components/Posts.astro

@@ -19,18 +19,20 @@ const { posts } = Astro.props;
         <li>
           <Shadowbox>
             <Typography small sans>
-                {p.image && (
-                  <a class="thumbnail" href={`/${p.slug}`}>
-                    <Img
-                      src={p.image.src}
-                      alt={p.image.alt}
-                      title={p.image.title}
-                      width="200"
-                      height="200"
-                    />
-                  </a>
-                )}
-                <div class="post-meta"><PostMeta post={p} /></div>
+              {p.image && (
+                <a class="thumbnail" href={`/${p.slug}`}>
+                  <Img
+                    src={p.image.src}
+                    alt={p.image.alt || p.title}
+                    title={p.image.title}
+                    width="200"
+                    height="200"
+                  />
+                </a>
+              )}
+              <div class="post-meta">
+                <PostMeta post={p} />
+              </div>
             </Typography>
           </Shadowbox>
         </li>