Merge pull request #33 from Stony-Brook-Astronomy/pa11y

add CI

Author: zingale

.github/workflows/html5validator.yml

@@ -4,7 +4,9 @@ on:
   push:
     branches:
       - main
-      - master
+  pull_request:
+    branches:
+      - main
 
 jobs:
   html5validate:

.github/workflows/pa11y.yml

@@ -0,0 +1,59 @@
+name: pa11y accessibility tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  pa11y:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+
+      - name: Use Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: '24'
+
+      - name: Install pa11y-ci + server
+        run: |
+          npm install --no-save pa11y-ci@latest http-server@latest
+
+      - name: Start static server
+        run: |
+          npx http-server . -p 8080 --silent &
+          # Give the server a moment to start
+          sleep 1
+
+      - name: Preprocess
+        run: for i in $(git grep -l '<base href="/astro/">'); do sed -i s/'<base href="\/astro\/">'// $i; done
+
+      - name: Run pa11y checks (and do not fail yet)
+        run: |
+          set +e
+          # Capture CLI output for the artifact (don’t care about its exit)
+          npx pa11y-ci --reporter cli 2>&1 | tee pa11y-report.txt || true
+          # Run JSON for the real gate (this exit code controls the job)
+          npx pa11y-ci --json > pa11y-report.json 2>&1
+          PA11Y_EXIT=$?
+          echo "PA11Y_EXIT=$PA11Y_EXIT" >> $GITHUB_ENV
+          set -e
+
+      - name: Upload pa11y report
+        if: always()
+        uses: actions/upload-artifact@v6
+        with:
+          name: pa11y-report
+          path: |
+            pa11y-report.txt
+            pa11y-report.json
+
+      - name: Fail job if pa11y found issues
+        run: |
+          exit $PA11Y_EXIT
+

.pa11yci

@@ -0,0 +1,17 @@
+{
+  "defaults": {
+    "standard": "WCAG2AA",
+    "timeout": 60000,
+    "threshold": 0,
+    "chromeLaunchConfig": {
+      "args": ["--no-sandbox", "--disable-setuid-sandbox"]
+    }
+  },
+  "urls": [
+    "http://127.0.0.1:8080/index.html",
+    "http://127.0.0.1:8080/about.html",
+    "http://127.0.0.1:8080/facilities.html",
+    "http://127.0.0.1:8080/people.html",
+    "http://127.0.0.1:8080/research.html"
+  ]
+}

academics.html

@@ -204,15 +204,6 @@ <h2>Undergraduate Program</h2>
                     describing the state of that field.</li>
                   </ul>
 
-	      <p><h2>Feingold Prize</h2>
-
-
-	      <p><ul><li>Each semester, we award
-		the <a href="http://www.physics.sunysb.edu/Physics/awards/Award%20Feingold.pdf">Feingold
-		  Prize in Introductory Astronomy</a> to the best student in each of the
-		3 introduction classes we offer (AST 101, 105, and 248).</li></ul>
-
-
 	      <p><header class="major">
 		<h2>Graduate Program</h2>
 		<span class="byline">Graduate students work toward a

css/style.css

@@ -938,22 +938,25 @@ input[type="button"].small,
    border-style: solid;
    border-width: 0px;
    border-bottom-width: thin;
-   color: #777777;
+   color: #444444;
 }
 
-#people tr.legend
+#people th.legend
 {
    font-size: 100%;
    text-align: left;
-   color: #777777;
+   color: #444444;
+   background: #fff;
+   padding: 0;
 }
 
 #people td.legend
 {
    font-size: 100%;
    text-align: left;
-   color: #777777;
+   color: #444444;
    padding-bottom: 0em;
+   background: #fff;
 }
 
 

people.html

@@ -90,10 +90,10 @@ <h2>Directory</h2>
 
 
 		  <tr class="legend">
-		    <td class="legend">name / title</td>
-		    <td class="legend">research interests / publications<sup>1</sup></td>
-		    <td class="legend">phone<sup>2</sup> / office</td>
-		    <td class="legend">e-mail<sup>3</sup></td>
+		    <th class="legend">name / title</th>
+		    <th class="legend">research interests / publications<sup>1</sup></th>
+		    <th class="legend">phone<sup>2</sup> / office</th>
+		    <th class="legend">e-mail<sup>3</sup></th>
 		  </tr>
 
 		  <tr class="directory">