repo sync

lib/render-content/create-processor.js

@@ -29,16 +29,29 @@ import doctocatLinkIcon from './doctocat-link-icon.js'
 // see https://github.com/unifiedjs/unified/issues/79
 const wrapperForImages = () =>
   wrapInElement({ selector: 'ol > li img', wrapper: 'span.procedural-image-wrapper' })
-const wrapperForRowheadersThead = () =>
+
+const wrapperForTheadThScope = () =>
   wrapInElement({
-    selector: '.rowheaders thead th',
+    selector: 'thead th',
     wrapper: 'th',
     // This moves what it finds in the selector inside the wrapper.
     rewrite: true,
     wrapperAdditionalAttributes: {
       scope: 'col',
     },
   })
+
+const wrapperForTbodyThScope = () =>
+  wrapInElement({
+    selector: 'thead th',
+    wrapper: 'th',
+    // This moves what it finds in the selector inside the wrapper.
+    rewrite: true,
+    wrapperAdditionalAttributes: {
+      scope: 'col',
+    },
+  })
+
 const wrapperForRowheadersTbody = () =>
   wrapInElement({
     selector: '.rowheaders tbody tr td:first-child',
@@ -70,7 +83,8 @@ export default function createProcessor(context) {
     })
     .use(raw)
     .use(wrapperForImages)
-    .use(wrapperForRowheadersThead)
+    .use(wrapperForTheadThScope)
+    .use(wrapperForTbodyThScope)
     .use(wrapperForRowheadersTbody)
     .use(rewriteImgSources)
     .use(rewriteAssetImgTags)

src/automated-pipelines/tests/accessibility.js

@@ -1,6 +1,6 @@
 import { jest, test } from '@jest/globals'
 
-import { getDOM } from '../../../tests/helpers/e2etest.js'
+import { getDOMCached as getDOM } from '../../../tests/helpers/e2etest.js'
 
 describe('automated page heading accessibility', () => {
   jest.setTimeout(3 * 60 * 1000)

tests/unit/render-content.js

@@ -262,7 +262,8 @@ some code
 | [\`issues\`](/webhooks/event-payloads/#issues) | - \`opened\`<br/>- \`edited\`<br/>- \`other\` |`
     const file = await renderContent(content)
     expect(file).toBe(
-      '<table><thead><tr><th>Webhook event payload</th><th>Activity types</th></tr></thead><tbody><tr><td><a href="/webhooks/event-payloads/#issues"><code>issues</code></a></td><td>- <code>opened</code><br>- <code>edited</code><br>- <code>other</code></td></tr></tbody></table>'
+      '<table><thead><tr><th scope="col">Webhook event payload</th><th scope="col">Activity types</th></tr></thead>' +
+        '<tbody><tr><td><a href="/webhooks/event-payloads/#issues"><code>issues</code></a></td><td>- <code>opened</code><br>- <code>edited</code><br>- <code>other</code></td></tr></tbody></table>'
     )
   })