popcodeorg / popcodeorg/popcode

Automate accessibility audits

Offen
#1,360 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

deployment development tooling ux
Vorherrschende Sprache
JavaScript
Sterne
191
Forks
143
Ø Merge
4 T. 11 Std.
Gemergte PRs (30 T.)
5

Beschreibung

Chrome comes with built-in accessibility auditing tools. You can try these out by clicking the audits tab in dev tools => Perform an audit => Accessibility

I believe that we can automate running this audit on popcode by using Puppeteer. There are a few considerations/steps that need to be taken for this to work:

  • confirm that Puppeteer can indeed automate this audit
  • implement Puppeteer in Popcode
  • configure the accessibility audit to correctly weight the different accessibility tests (ie, color contrast is very important to us, but popcode may never be fully screen reader accessible)
  • create a way for snapshot queries not to be stripped out (accessibility audit is based on location, not the content on the current page)
  • create a variety of snapshots testing popcode in different states
  • fix current failures in accessibility audit ?
  • figure out the best way to build integration testing into the development process

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit zu bestätigen, ob Puppeteer das Chrome-DevTools-Barrierefreiheitsaudit für Popcode automatisieren kann. Untersuche dann Snapshot-Abfragen, die Gewichtung der Audits, Snapshots für verschiedene Popcode-Zustände, aktuelle Audit-Fehler und wie Integrationstests für Barrierefreiheit in die Entwicklung integriert werden könnten. Als erledigt gilt die Aufgabe, wenn ein dokumentierter, wiederholbarer Audit-Prozess mit geeigneten Prüfungen und Testabdeckung vorhanden ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
accessibility, testing-qa
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
20/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.