Merge pull request #75 from posit-dev/update-quarto-add-htmltest

Update Quarto to 1.4.557 and add htmltest step

.github/workflows/render.yml

@@ -10,10 +10,14 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out repository
-        uses: actions/checkout@v4 
+        uses: actions/checkout@v4
       - name: Set up Quarto
         uses: quarto-dev/quarto-actions/setup@v2
         with:
-          version: 1.4.550
+          version: 1.4.557
       - name: Render site
         uses: quarto-dev/quarto-actions/render@v2
+      - name: Run htmltest
+        uses: wjdp/htmltest-action@master
+        with:
+          config: .htmltest.yml

.htmltest.yml

@@ -0,0 +1,13 @@
+DirectoryPath: _site
+
+# allow for cosmetic images
+IgnoreAltEmpty: true
+
+# skip external links
+CheckExternal: false
+
+# Dark mode toggle includes an <a href="">
+IgnoreEmptyHref: true
+
+# Header toggle for "more items" includes an <a href="#">
+IgnoreInternalEmptyHash: true

index.qmd

@@ -12,7 +12,7 @@ Some text for level two.
 
 Some text for level three and showing `inline-code` references.
 
-### Another level three {.preview-header} 
+### Another level three {.preview-header}
 
 Here is a footnote reference,[^1] and another.
 
@@ -148,7 +148,12 @@ $ zypper
 
 ### Image
 
-![This is a test image](/_extensions/posit-docs/assets/images/posit-logo-fullcolor-TM.svg "testing for alt text stuff"){width=240}
+Example of an [informative image](https://www.w3.org/WAI/tutorials/images/informative/), with relevant alt text:
+![](/_extensions/posit-docs/assets/images/posit-logo-fullcolor-TM.svg){width=120 alt="Posit logo"}
+
+Example of a [decorative image](https://www.w3.org/WAI/tutorials/images/decorative/), with empty alt text:
+![](/_extensions/posit-docs/assets/images/posit-logo-fullcolor-TM.svg){width=120 alt=""}
+
 
 :::