diff --git a/.github/workflows/codespell.yml b/.github/workflows/codespell.yml
index c8ac9648c..ff497a107 100644
--- a/.github/workflows/codespell.yml
+++ b/.github/workflows/codespell.yml
@@ -12,4 +12,6 @@ jobs:
       - uses: codespell-project/actions-codespell@master
         with:
           check_filenames: true
-          skip: ./.git,yarn.lock
+          # The a11y test file has a false positive and the ignore list does not work
+          # see https://github.com/opentripplanner/otp-react-redux/pull/436/checks?check_run_id=3369380014
+          skip: ./.git,yarn.lock,./a11y/a11y.test.js
diff --git a/__tests__/components/viewers/__snapshots__/stop-viewer.js.snap b/__tests__/components/viewers/__snapshots__/stop-viewer.js.snap
index 43bc5f765..81e21e621 100644
--- a/__tests__/components/viewers/__snapshots__/stop-viewer.js.snap
+++ b/__tests__/components/viewers/__snapshots__/stop-viewer.js.snap
@@ -827,12 +827,15 @@ exports[`components > viewers > stop viewer should render countdown times after
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             20
@@ -842,6 +845,7 @@ exports[`components > viewers > stop viewer should render countdown times after
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -928,6 +932,9 @@ exports[`components > viewers > stop viewer should render countdown times after
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-20"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 20"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -1585,12 +1592,15 @@ exports[`components > viewers > stop viewer should render countdown times for st
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             20
@@ -1600,6 +1610,7 @@ exports[`components > viewers > stop viewer should render countdown times for st
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -1686,6 +1697,9 @@ exports[`components > viewers > stop viewer should render countdown times for st
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-20"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 20"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -2631,12 +2645,15 @@ exports[`components > viewers > stop viewer should render times after midnight w
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             20
@@ -2646,6 +2663,7 @@ exports[`components > viewers > stop viewer should render times after midnight w
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -2741,6 +2759,9 @@ exports[`components > viewers > stop viewer should render times after midnight w
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-20"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 20"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -4200,12 +4221,15 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             20
@@ -4215,6 +4239,7 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -4310,6 +4335,9 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-20"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 20"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -4452,12 +4480,15 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             36
@@ -4467,6 +4498,7 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -4562,6 +4594,9 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-36"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 36"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -4704,12 +4739,15 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             94
@@ -4719,6 +4757,7 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -4814,6 +4853,9 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-94"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 94"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -5010,12 +5052,15 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             94
@@ -5025,6 +5070,7 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -5120,6 +5166,9 @@ exports[`components > viewers > stop viewer should render with OTP transit index
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-94"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 94"
                             className="expansion-button"
                             onClick={[Function]}
                           >
@@ -6571,12 +6620,15 @@ exports[`components > viewers > stop viewer should render with TriMet transit in
                   >
                     <div
                       className="route-row"
+                      role="table"
                     >
                       <div
                         className="header"
+                        role="row"
                       >
                         <div
                           className="route-name"
+                          role="columnheader"
                         >
                           <b>
                             20
@@ -6586,6 +6638,7 @@ exports[`components > viewers > stop viewer should render with TriMet transit in
                         </div>
                         <div
                           className="next-trip-preview"
+                          role="columnheader"
                         >
                           <StopTimeCell
                             homeTimezone="America/Los_Angeles"
@@ -6681,6 +6734,9 @@ exports[`components > viewers > stop viewer should render with TriMet transit in
                           className="expansion-button-container"
                         >
                           <button
+                            aria-controls="route-20"
+                            aria-expanded={false}
+                            aria-label="Expand all departures for Route 20"
                             className="expansion-button"
                             onClick={[Function]}
                           >
diff --git a/a11y/a11y.test.js b/a11y/a11y.test.js
index c6c40a7b3..299e6327c 100644
--- a/a11y/a11y.test.js
+++ b/a11y/a11y.test.js
@@ -4,15 +4,39 @@ import path from 'path'
 import puppeteer from 'puppeteer'
 import execa from 'execa'
 
+import { routes } from '../lib/components/app/responsive-webapp'
+
 import { mockServer } from './mock-server'
 
 const OTP_RR_CONFIG_FILE_PATH = './config.yml'
 const OTP_RR_CONFIG_BACKUP_PATH = './config.non-test.yml'
 const OTP_RR_TEST_CONFIG_PATH = './a11y/test-config.yml'
 
-let server
+let browser, server
+// These rules aren't relevant to this project
+const disabledRules = [
+  'region', // Leaflet does not comply
+  'meta-viewport', // Leaflet does not comply
+  'page-has-heading-one' // Heading is provided by logo
+]
+
+/**
+ * Runs a11y tests on a given OTP-RR path using the test build. Relies on
+ * the puppeteer browser running
+ */
+async function runAxeTestOnPath (otpPath) {
+  const page = await browser.newPage()
+  const filePath = `file://${path.resolve(__dirname, '../index-for-puppeteer.html')}#${otpPath}`
+  await Promise.all([
+    page.goto(filePath),
+    page.waitForNavigation({ waitUntil: 'networkidle2' })
+  ])
 
-beforeEach(() => {
+  await expect(page).toPassAxeTests({ disabledRules })
+  return page
+}
+
+beforeAll(async () => {
   // backup current config file
   if (fs.existsSync(OTP_RR_CONFIG_FILE_PATH)) {
     fs.renameSync(
@@ -37,9 +61,11 @@ beforeEach(() => {
   server = mockServer.listen(MOCK_SERVER_PORT, () => {
     console.log(`Mock response server running on http://localhost:${MOCK_SERVER_PORT}`)
   })
+  // Web security is disabled to allow requests to the mock OTP server
+  browser = await puppeteer.launch({args: ['--disable-web-security']})
 })
 
-afterEach(async () => {
+afterAll(async () => {
   fs.unlinkSync(OTP_RR_CONFIG_FILE_PATH)
   if (fs.existsSync(OTP_RR_CONFIG_BACKUP_PATH)) {
     fs.renameSync(
@@ -49,23 +75,40 @@ afterEach(async () => {
   }
   console.log('Restored original OTP-RR config file')
   await server.close()
-  console.log('Closed mock server')
+  await browser.close()
+  console.log('Closed mock server and headless browser')
 })
 
-test('checks the test page with Axe', async () => {
-  jest.setTimeout(600000)
-  // Web security is disabled to allow requests to the mock OTP server
-  const browser = await puppeteer.launch({args: ['--disable-web-security']})
-  const page = await browser.newPage()
-  await page.goto(`file://${path.resolve(__dirname, '../index-for-puppeteer.html')}#/?ui_activeSearch=0qoydlnut&ui_activeItinerary=0&fromPlace=1900%20Main%20Street%2C%20Houston%2C%20TX%2C%20USA%3A%3A29.750144%2C-95.370998&toPlace=800%20Congress%2C%20Houston%2C%20TX%2C%20USA%3A%3A29.76263%2C-95.362178&date=2021-08-04&time=08%3A14&arriveBy=false&mode=WALK%2CBUS%2CTRAM&showIntermediateStops=true&maxWalkDistance=1207&optimize=QUICK&walkSpeed=1.34&ignoreRealtimeUpdates=true&numItineraries=3&otherThanPreferredRoutesPenalty=900`)
+// Puppeteer can take a long time to load, espeically in some ci environments
+jest.setTimeout(600000)
+routes.forEach(route => {
+  const {a11yIgnore, path: pathsToTest} = route
+  if (a11yIgnore) {
+    return
+  }
 
-  // These rules aren't relevant to this project
-  await expect(page).toPassAxeTests({
-    disabledRules: [
-      'region', // Leaflet does not comply
-      'meta-viewport', // Leaflet does not comply
-      'page-has-heading-one' // Heading is provided by logo
-    ]
-  })
-  await browser.close()
+  if (Array.isArray(pathsToTest)) {
+    // Run test on each path in list.
+    pathsToTest.forEach(async (p) => {
+      test(`${p} should pass Axe Tests`, async () => runAxeTestOnPath(p))
+    })
+  } else {
+    // Otherwise run test on individual path
+    test(`${pathsToTest} should pass Axe Tests`, async () => runAxeTestOnPath(pathsToTest))
+  }
+})
+
+test('Mocked Main Trip planner page should pass Axe Tests', async () => {
+  await runAxeTestOnPath('/?ui_activeSearch=0qoydlnut&ui_activeItinerary=0&fromPlace=1900%20Main%20Street%2C%20Houston%2C%20TX%2C%20USA%3A%3A29.750144%2C-95.370998&toPlace=800%20Congress%2C%20Houston%2C%20TX%2C%20USA%3A%3A29.76263%2C-95.362178&date=2021-08-04&time=08%3A14&arriveBy=false&mode=WALK%2CBUS%2CTRAM&showIntermediateStops=true&maxWalkDistance=1207&optimize=QUICK&walkSpeed=1.34&ignoreRealtimeUpdates=true&numItineraries=3&otherThanPreferredRoutesPenalty=900')
+})
+
+test('Mocked Stop Viewer and Dropdown should pass Axe tests', async () => {
+  // Puppeteer can take a long time to load, espeically in some ci environments
+  jest.setTimeout(600000)
+  // Test stop viewer
+  const stopViewerPage = await runAxeTestOnPath('/stop/Agency')
+  await stopViewerPage.waitForTimeout(2000)
+  await stopViewerPage.click('.expansion-button')
+  await stopViewerPage.waitForTimeout(2000)
+  await expect(stopViewerPage).toPassAxeTests({ disabledRules })
 })
diff --git a/a11y/mock-server.js b/a11y/mock-server.js
index 8c4863aad..cad363d84 100644
--- a/a11y/mock-server.js
+++ b/a11y/mock-server.js
@@ -3,6 +3,10 @@ const express = require('express')
 const PLAN_REALTIME = require('./mocks/plan.json')
 const STOPS_FIRST = require('./mocks/stops.json')
 const PARK_AND_RIDE = require('./mocks/pr.json')
+const ROUTES = require('./mocks/routes.json')
+const STOP_VIEWER_STOPTIMES = require('./mocks/stopviewer/stoptimes.json')
+const STOP_VIEWER_STOP = require('./mocks/stopviewer/stop.json')
+const STOP_VIEWER_ROUTES = require('./mocks/stopviewer/routes.json')
 
 const app = express()
 // Mock exactly the requests the test link will create requests to
@@ -15,4 +19,16 @@ app.get('/otp/routers/default/index/stops', (req, res) => {
 app.get('/otp/routers/default/park_and_ride', (req, res) => {
   res.send(PARK_AND_RIDE)
 })
+app.get('/otp/routers/default/index/stops/Agency', (req, res) => {
+  res.send(STOP_VIEWER_STOP)
+})
+app.get('/otp/routers/default/index/stops/Agency/routes', (req, res) => {
+  res.send(STOP_VIEWER_ROUTES)
+})
+app.get('/otp/routers/default/index/stops/Agency/stoptimes', (req, res) => {
+  res.send(STOP_VIEWER_STOPTIMES)
+})
+app.get('/otp/routers/default/index/routes', (req, res) => {
+  res.send(ROUTES)
+})
 module.exports.mockServer = app
diff --git a/a11y/mocks/routes.json b/a11y/mocks/routes.json
new file mode 100644
index 000000000..81abba968
--- /dev/null
+++ b/a11y/mocks/routes.json
@@ -0,0 +1 @@
+[{"id":"Houston:41281","shortName":"002","longName":"BELLAIRE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41282","shortName":"003","longName":"LANGLEY - LITTLE YORK","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41328","shortName":"072","longName":"WESTVIEW","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41329","shortName":"073","longName":"BELLFORT","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"1:16","longName":"Route 2 Baytown Central","mode":"BUS","color":"ffd342","agencyId":"140","agencyName":"Harris County","sortOrder":-999},{"id":"Houston:41324","shortName":"067","longName":"DAIRY ASHFORD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"1:15","longName":"Route 1 Garth Rd","mode":"BUS","color":"5555eb","agencyId":"140","agencyName":"Harris County","sortOrder":-999},{"id":"Houston:41325","shortName":"068","longName":"BRAESWOOD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41326","shortName":"070","longName":"MEMORIAL","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41327","shortName":"071","longName":"COTTAGE GROVE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41293","shortName":"023","longName":"CLAY - W 43RD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41339","shortName":"085","longName":"ANTOINE / WASHINGTON","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41335","shortName":"080","longName":"MLK / LOCKWOOD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41336","shortName":"082","longName":"WESTHEIMER","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41337","shortName":"083","longName":"LEE ROAD - JFK","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41338","shortName":"084","longName":"BUFFALO SPEEDWAY","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41298","shortName":"029","longName":"CULLEN / HIRSCH","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41331","shortName":"076","longName":"EVERGREEN","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41332","shortName":"077","longName":"HOMESTEAD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41299","shortName":"030","longName":"CLINTON / ELLA","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41333","shortName":"078","longName":"WAYSIDE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41334","shortName":"079","longName":"IRVINGTON","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41294","shortName":"025","longName":"RICHMOND","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41295","shortName":"026","longName":"LONG POINT / CAVALCADE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41296","shortName":"027","longName":"SHEPHERD","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41297","shortName":"028","longName":"OST - WAYSIDE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41330","shortName":"075","longName":"ELDRIDGE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41346","shortName":"098","longName":"BRIARGATE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41347","shortName":"099","longName":"ELLA - FM 1960","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41348","shortName":"102","longName":"BUSH IAH EXPRESS","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41349","shortName":"108","longName":"VETERANS MEMORIAL EXPRESS","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41342","shortName":"088","longName":"SAGEMONT","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41343","shortName":"089","longName":"DACOMA","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41344","shortName":"096","longName":"VETERANS MEMORIAL","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41345","shortName":"097","longName":"SETTEGAST","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41340","shortName":"086","longName":"FM 1960 / IMPERIAL VALLEY","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41341","shortName":"087","longName":"SUNNYSIDE","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"1:23","longName":"Route 1 Garth Rd (early bird)","mode":"BUS","color":"5a5afa","agencyId":"140","agencyName":"Harris County","sortOrder":-999},{"id":"1:27","longName":"Baytown/La Porte Shuttle","mode":"BUS","color":"a26dad","agencyId":"140","agencyName":"Harris County","sortOrder":-999},{"id":"Houston:41357","shortName":"170","longName":"MISSOURI CITY EXPRESS","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41358","shortName":"171","longName":"FORTBEND TOWN CENTER","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41359","shortName":"209","longName":"KUYKENDAHL/SPRING P&R","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"1:28","longName":"Route 5 City of La Porte","mode":"BUS","color":"F0563d","agencyId":"140","agencyName":"Harris County","sortOrder":-999},{"id":"Houston:41353","shortName":"153","longName":"HARWIN EXPRESS","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999},{"id":"Houston:41354","shortName":"160","longName":"MEMORIAL CITY EXPRESS","mode":"BUS","color":"004080","agencyId":"HOU","agencyName":"Metropolitan Transit Authority of Harris County","sortOrder":-999}]
\ No newline at end of file
diff --git a/a11y/mocks/stopviewer/routes.json b/a11y/mocks/stopviewer/routes.json
new file mode 100644
index 000000000..84332e678
--- /dev/null
+++ b/a11y/mocks/stopviewer/routes.json
@@ -0,0 +1,10 @@
+[{
+  "id": "Agency:1",
+  "shortName": "066",
+  "longName": "QUITMAN",
+  "mode": "BUS",
+  "color": "004080",
+  "agencyId": "HOU",
+  "agencyName": "Metropolitan Transit Authority of Harris County",
+  "sortOrder": -999
+}]
\ No newline at end of file
diff --git a/a11y/mocks/stopviewer/stop.json b/a11y/mocks/stopviewer/stop.json
new file mode 100644
index 000000000..73ef8320d
--- /dev/null
+++ b/a11y/mocks/stopviewer/stop.json
@@ -0,0 +1,12 @@
+{
+  "id": "Agency",
+  "name": "White Oak Dr @ Oxford St",
+  "lat": 29.78149,
+  "lon": -95.391953,
+  "code": "6478",
+  "desc": "WHITE OAK DR & OXFORD ST",
+  "locationType": 0,
+  "wheelchairBoarding": 0,
+  "vehicleType": -999,
+  "vehicleTypeSet": false
+}
\ No newline at end of file
diff --git a/a11y/mocks/stopviewer/stoptimes.json b/a11y/mocks/stopviewer/stoptimes.json
new file mode 100644
index 000000000..a83bb7313
--- /dev/null
+++ b/a11y/mocks/stopviewer/stoptimes.json
@@ -0,0 +1,73 @@
+[
+  {
+    "pattern": {
+      "id": "Agency:1:01",
+      "desc": "040 to Glencrest St @ Airport Blvd (Houston:743)"
+    },
+    "times": [
+      {
+        "stopId": "Agency:12345",
+        "stopIndex": 44,
+        "stopCount": 141,
+        "scheduledArrival": 44621,
+        "scheduledDeparture": 44621,
+        "realtimeArrival": 44719,
+        "realtimeDeparture": 44719,
+        "arrivalDelay": 102,
+        "departureDelay": 102,
+        "timepoint": false,
+        "realtime": true,
+        "realtimeState": "UPDATED",
+        "serviceDay": 1629262800,
+        "tripId": "Houston:9120959",
+        "blockId": "1061601",
+        "headsign": "TEST BUS",
+        "continuousPickup": -999,
+        "continuousDropOff": -999,
+        "serviceAreaRadius": 0.0
+      },
+      {
+        "stopId": "Agency:12345",
+        "stopIndex": 44,
+        "stopCount": 141,
+        "scheduledArrival": 44521,
+        "scheduledDeparture": 44521,
+        "realtimeArrival": 44419,
+        "realtimeDeparture": 44419,
+        "arrivalDelay": -102,
+        "departureDelay": -102,
+        "timepoint": false,
+        "realtime": true,
+        "realtimeState": "UPDATED",
+        "serviceDay": 1629262800,
+        "tripId": "Houston:9120953",
+        "blockId": "1061601",
+        "headsign": "HOBBY AIRPORT",
+        "continuousPickup": -999,
+        "continuousDropOff": -999,
+        "serviceAreaRadius": 0.0
+      },
+      {
+        "stopId": "Agency:12345",
+        "stopIndex": 44,
+        "stopCount": 141,
+        "scheduledArrival": 46321,
+        "scheduledDeparture": 46321,
+        "realtimeArrival": 46321,
+        "realtimeDeparture": 46321,
+        "arrivalDelay": 0,
+        "departureDelay": 0,
+        "timepoint": false,
+        "realtime": false,
+        "realtimeState": "SCHEDULED",
+        "serviceDay": 1629262800,
+        "tripId": "Houston:9120952",
+        "blockId": "1061602",
+        "headsign": "HOBBY AIRPORT",
+        "continuousPickup": -999,
+        "continuousDropOff": -999,
+        "serviceAreaRadius": 0.0
+      }
+    ]
+  }
+]
diff --git a/lib/components/app/responsive-webapp.js b/lib/components/app/responsive-webapp.js
index 09eb22e4c..b9d3b5220 100644
--- a/lib/components/app/responsive-webapp.js
+++ b/lib/components/app/responsive-webapp.js
@@ -64,6 +64,7 @@ class ResponsiveWebapp extends Component {
 
   /** Lifecycle methods **/
 
+  /* eslint-disable-next-line complexity */
   componentDidUpdate (prevProps) {
     const {
       activeSearchId,
@@ -285,6 +286,90 @@ const WebappWithRouter = withRouter(
   )
 )
 
+// TODO: A number of these routes are ignored during a11y testing as no server mocks are available
+export const routes = [
+  {
+    exact: true,
+    path: [
+    // App root
+      '/',
+      // Load app with preset lat/lon/zoom and optional router
+      // NOTE: All params will be cast to :id in matchContentToUrl due
+      // to a quirk with react-router.
+      // https://github.com/ReactTraining/react-router/issues/5870#issuecomment-394194338
+      '/@/:latLonZoomRouter',
+      '/start/:latLonZoomRouter',
+      // Route viewer (and route ID).
+      '/route',
+      '/route/:id',
+      // Stop viewer (and stop ID).
+      '/stop',
+      '/stop/:id'
+    ],
+    shouldRenderWebApp: true
+  },
+  {
+    a11yIgnore: true,
+    component: FavoritePlaceScreen,
+    path: [`${CREATE_ACCOUNT_PLACES_PATH}/:id`, `${PLACES_PATH}/:id`]
+  },
+  {
+    a11yIgnore: true,
+    component: SavedTripScreen,
+    path: `${TRIPS_PATH}/:id`
+  },
+  {
+    a11yIgnore: true,
+    children: <RedirectWithQuery to={TRIPS_PATH} />,
+    exact: true,
+    path: ACCOUNT_PATH
+  },
+  {
+    a11yIgnore: true,
+    children: <RedirectWithQuery to={CREATE_ACCOUNT_VERIFY_PATH} />,
+    exact: true,
+    path: CREATE_ACCOUNT_PATH
+  },
+  {
+    a11yIgnore: true,
+    // This route lets new or existing users edit or set up their account.
+    component: UserAccountScreen,
+    path: [`${CREATE_ACCOUNT_PATH}/:step`, ACCOUNT_SETTINGS_PATH]
+  },
+  {
+    getContextComponent: (components) => frame(components.TermsOfService),
+    path: TERMS_OF_SERVICE_PATH
+  },
+  {
+    getContextComponent: (components) => frame(components.TermsOfStorage),
+    path: TERMS_OF_STORAGE_PATH
+  },
+  {
+    a11yIgnore: true,
+    component: SavedTripList,
+    path: TRIPS_PATH
+  },
+  {
+    a11yIgnore: true,
+    // This route is called immediately after login by Auth0
+    // and by the onRedirectCallback function from /lib/util/auth.js.
+    // For new users, it displays the account setup form.
+    // For existing users, it takes the browser back to the itinerary search prior to login.
+    component: AfterSignInScreen,
+    path: '/signedin'
+  },
+  {
+    a11yIgnore: true,
+    component: PrintLayout,
+    path: '/print'
+  },
+  {
+    a11yIgnore: true,
+    component: PrintFieldTripLayout,
+    path: '/printFieldTrip'
+  }
+]
+
 /**
  * The routing component for the application.
  * This is the top-most "standard" component,
@@ -316,73 +401,26 @@ class RouterWrapperWithAuth0 extends Component {
             basename={routerConfig && routerConfig.basename}
             history={history}>
             <Switch>
-              <Route
-                exact
-                path={[
-                // App root
-                  '/',
-                  // Load app with preset lat/lon/zoom and optional router
-                  // NOTE: All params will be cast to :id in matchContentToUrl due
-                  // to a quirk with react-router.
-                  // https://github.com/ReactTraining/react-router/issues/5870#issuecomment-394194338
-                  '/@/:latLonZoomRouter',
-                  '/start/:latLonZoomRouter',
-                  // Route viewer (and route ID).
-                  '/route',
-                  '/route/:id',
-                  // Stop viewer (and stop ID).
-                  '/stop',
-                  '/stop/:id'
-                ]}
-                render={() => <WebappWithRouter {...this.props} />}
-              />
-              <Route
-                component={FavoritePlaceScreen}
-                path={[`${CREATE_ACCOUNT_PLACES_PATH}/:id`, `${PLACES_PATH}/:id`]}
-              />
-              <Route
-                component={SavedTripScreen}
-                path={`${TRIPS_PATH}/:id`}
-              />
-              <Route exact path={ACCOUNT_PATH}>
-                <RedirectWithQuery to={TRIPS_PATH} />
-              </Route>
-              <Route exact path={CREATE_ACCOUNT_PATH}>
-                <RedirectWithQuery to={CREATE_ACCOUNT_VERIFY_PATH} />
-              </Route>
-              <Route
-              // This route lets new or existing users edit or set up their account.
-                component={UserAccountScreen}
-                path={[`${CREATE_ACCOUNT_PATH}/:step`, ACCOUNT_SETTINGS_PATH]}
-              />
-              <Route
-                component={frame(components.TermsOfService)}
-                path={TERMS_OF_SERVICE_PATH}
-              />
-              <Route
-                component={frame(components.TermsOfStorage)}
-                path={TERMS_OF_STORAGE_PATH}
-              />
-              <Route
-                component={SavedTripList}
-                path={TRIPS_PATH}
-              />
-              <Route
-              // This route is called immediately after login by Auth0
-              // and by the onRedirectCallback function from /lib/util/auth.js.
-              // For new users, it displays the account setup form.
-              // For existing users, it takes the browser back to the itinerary search prior to login.
-                component={AfterSignInScreen}
-                path='/signedin'
-              />
-              <Route
-                component={PrintLayout}
-                path='/print'
-              />
-              <Route
-                component={PrintFieldTripLayout}
-                path='/printFieldTrip'
-              />
+              {routes.map((props, index) => {
+                const {
+                  getContextComponent,
+                  shouldRenderWebApp,
+                  ...routerProps
+                } = props
+
+                return (
+                  <Route
+                    component={getContextComponent
+                      ? getContextComponent(components)
+                      : undefined
+                    }
+                    render={shouldRenderWebApp
+                      ? () => <WebappWithRouter {...this.props} />
+                      : undefined
+                    }
+                    {...routerProps} />
+                )
+              })}
               {/* For any other route, simply return the web app. */}
               <Route
                 render={() => <WebappWithRouter {...this.props} />}
diff --git a/lib/components/narrative/default/itinerary-summary.js b/lib/components/narrative/default/itinerary-summary.js
index f8da7f666..1063875c3 100644
--- a/lib/components/narrative/default/itinerary-summary.js
+++ b/lib/components/narrative/default/itinerary-summary.js
@@ -29,7 +29,7 @@ const modeColors = {
   RAIL: '#BDDAC0',
   WALK: '#DFC486'
 }
-const DEFAULT_COLOR = 'grey'
+const DEFAULT_COLOR = '#685C5C'
 
 function getModeColor (mode) {
   if (!mode) return DEFAULT_COLOR
diff --git a/lib/components/narrative/line-itin/itin-summary.js b/lib/components/narrative/line-itin/itin-summary.js
index 43641a58c..b457e95ac 100644
--- a/lib/components/narrative/line-itin/itin-summary.js
+++ b/lib/components/narrative/line-itin/itin-summary.js
@@ -17,7 +17,7 @@ const Container = styled.div`
 `
 
 const Detail = styled.div`
-  color: #999999;
+  color: #676767;
   font-size: 13px;
 `
 
diff --git a/lib/components/user/places/place-location-field.js b/lib/components/user/places/place-location-field.js
index 31a75fdba..29cfd4f4a 100644
--- a/lib/components/user/places/place-location-field.js
+++ b/lib/components/user/places/place-location-field.js
@@ -47,7 +47,7 @@ const StyledLocationField = styled(LocationField)`
     width: 100%;
 
     ::placeholder {
-      color: #999;
+      color: #676767;
     }
   }
   ${InputGroup} {
diff --git a/lib/components/viewers/pattern-row.js b/lib/components/viewers/pattern-row.js
index e690fa963..0286154d6 100644
--- a/lib/components/viewers/pattern-row.js
+++ b/lib/components/viewers/pattern-row.js
@@ -51,16 +51,16 @@ export default class PatternRow extends Component {
 
     const routeName = route.shortName ? route.shortName : route.longName
     return (
-      <div className='route-row'>
+      <div className='route-row' role='table'>
         {/* header row */}
-        <div className='header'>
+        <div className='header' role='row'>
           {/* route name */}
-          <div className='route-name'>
+          <div className='route-name' role='columnheader'>
             <b>{routeName}</b> To {pattern.headsign}
           </div>
           {/* next departure preview */}
           {hasStopTimes && (
-            <div className='next-trip-preview'>
+            <div className='next-trip-preview' role='columnheader'>
               <StopTimeCell
                 homeTimezone={homeTimezone}
                 soonText={stopViewerArriving}
@@ -72,7 +72,15 @@ export default class PatternRow extends Component {
 
           {/* expansion chevron button */}
           <div className='expansion-button-container'>
-            <button className='expansion-button' onClick={this._toggleExpandedView}>
+            <button
+              aria-controls={`route-${routeName}`}
+              aria-expanded={this.state.expanded}
+              aria-label={`${
+                this.state.expanded ? 'Collapse' : 'Expand'
+              } all departures for Route ${routeName}`}
+              className='expansion-button'
+              onClick={this._toggleExpandedView}
+            >
               <Icon type={`chevron-${this.state.expanded ? 'up' : 'down'}`} />
             </button>
           </div>
@@ -81,30 +89,36 @@ export default class PatternRow extends Component {
         {/* expanded view */}
         <VelocityTransitionGroup
           enter={{ animation: 'slideDown' }}
-          leave={{ animation: 'slideUp' }}>
+          leave={{ animation: 'slideUp' }}
+        >
+
           {this.state.expanded && (
-            <div>
-              <div className='trip-table'>
+            <div id={`route-${routeName}`}>
+              <div className='trip-table' role='table'>
                 {/* trips table header row */}
-                <div className='header'>
-                  <div className='cell' />
-                  <div className='cell time-column'>DEPARTURE</div>
-                  <div className='cell status-column'>STATUS</div>
+                <div className='header' role='row'>
+                  <div aria-label='route' className='cell' role='columnheader' />
+                  <div aria-sort='descending' className='cell time-column' role='columnheader'>DEPARTURE</div>
+                  <div className='cell status-column' role='columnheader'>STATUS</div>
                 </div>
 
                 {/* list of upcoming trips */}
-                {hasStopTimes && (
+                {hasStopTimes &&
                   sortedStopTimes.map((stopTime, i) => {
                     const { departureDelay: delay, realtimeState } = stopTime
                     return (
                       <div
                         className='trip-row'
                         key={i}
-                        style={{ display: 'table-row', fontSize: 14, marginTop: 6 }}>
-                        <div className='cell'>
-                          To {stopTime.headsign}
-                        </div>
-                        <div className='cell time-column'>
+                        role='row'
+                        style={{
+                          display: 'table-row',
+                          fontSize: 14,
+                          marginTop: 6
+                        }}
+                      >
+                        <div className='cell' role='cell'>To {stopTime.headsign}</div>
+                        <div className='cell time-column' role='cell'>
                           <StopTimeCell
                             homeTimezone={homeTimezone}
                             soonText={stopViewerArriving}
@@ -112,7 +126,7 @@ export default class PatternRow extends Component {
                             timeFormat={timeFormat}
                           />
                         </div>
-                        <div className='cell status-column'>
+                        <div className='cell status-column' role='cell'>
                           <RealtimeStatusLabel
                             className='status-label'
                             delay={delay}
@@ -122,8 +136,7 @@ export default class PatternRow extends Component {
                         </div>
                       </div>
                     )
-                  })
-                )}
+                  })}
               </div>
             </div>
           )}
diff --git a/lib/components/viewers/realtime-status-label.js b/lib/components/viewers/realtime-status-label.js
index e93cb092f..8525e62a2 100644
--- a/lib/components/viewers/realtime-status-label.js
+++ b/lib/components/viewers/realtime-status-label.js
@@ -67,7 +67,7 @@ const RealtimeStatusLabel = ({
   const isEarlyOrLate = status === REALTIME_STATUS.EARLY || status === REALTIME_STATUS.LATE
   // Use a default background color if the status object doesn't set a color
   // (e.g. for 'Scheduled' status), but only in withBackground mode.
-  const color = STATUS[status].color || (withBackground && '#bbb')
+  const color = STATUS[status].color || (withBackground && '#6D6C6C')
   // Render time if provided.
   let renderedTime
   if (time) {
diff --git a/lib/components/viewers/route-viewer.js b/lib/components/viewers/route-viewer.js
index 66c74a7d8..95ad0cbd6 100644
--- a/lib/components/viewers/route-viewer.js
+++ b/lib/components/viewers/route-viewer.js
@@ -230,7 +230,7 @@ class RouteRow extends PureComponent {
           {isActive && (
             <RouteDetails>
               {route.url
-                ? <a href={route.url} target='_blank'>Route Details</a>
+                ? <a className='routeDetails' href={route.url} target='_blank'>Route Details</a>
                 : 'No route URL provided.'
               }
             </RouteDetails>
diff --git a/lib/components/viewers/viewers.css b/lib/components/viewers/viewers.css
index b4097dccd..fe92df858 100644
--- a/lib/components/viewers/viewers.css
+++ b/lib/components/viewers/viewers.css
@@ -26,6 +26,11 @@
   animation-name: yellowfade;
 }
 
+/* Route Details Link a11y compatibility */
+a.routeDetails {
+  color: #2370b3;
+}
+
 /* Remove arrows on date input */
 .otp .stop-viewer-body input[type="date"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
diff --git a/package.json b/package.json
index 87479045c..0e8451e3e 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "description": "A library for writing modern OpenTripPlanner-compatible multimodal journey planning web applications using React and Redux",
   "main": "build/index.js",
   "scripts": {
-    "a11y-test": "mastarm test a11y --force-exit",
+    "a11y-test": "mastarm test a11y  --runInBand --force-exit",
     "build": "mastarm build --env production",
     "cover": "mastarm test -e test --coverage",
     "jest": "mastarm test -e test __tests__",