Skip to content

Provides a form to fill accessibility checklists in a print friendly format

License

Notifications You must be signed in to change notification settings

cesperanc/a11y-pt-PT-checklists

Repository files navigation

Forms for Usability and Accessibility Verification Lists

License: GPL v3+

This project provides forms to evaluate site accessibility and usability accordingly to the Usability and Accessibility verification lists promoted by AMA.

These forms can be used directly by visiting cesperanc.github.io/a11y-pt-PT-checklists/. The project is also opensource, so you can fork it and customize it to your own needs and requirements.

Features

  • Minimal branding and you can update/replace the logo by clicking on it (or dragging your own logo over the logo area), when filling out a form;
  • Gallery view with support to magnify/pan images using your mouse or keyboard (Ctrl+plus, Ctrl+minus, arrow keys, Esc). Drag and drop support is also there;
  • Print friendly (you should be able to print the form directly to PDF using the browser tools);
  • You can export the form to a JSON format and import the file later on to resume your work. If you want smaller files, you can use gzip to compress the files (uncomment the line //import * as fflate from 'https://cdn.skypack.dev/fflate?min'; in the assets/scripts/App.js file in your fork);
  • We rely on the History API to keep the form state. Unfortunely there are size restrictions on this API, so Fact/Evidence images state can not be kept (so you'll have to rely on the export/import functionality between work sessions);
  • Keyboard friendly so you should be able to use all the features without having to rely on a pointer device;
  • Screen reader friendly, tested by multiple users with various configurations (NVDA+Chrome+Windows, NVDA+Firefox+Windows, JAWS+Chrome+Windows, ORCA+Chromium+KDE+Linux, ORCA+Firefox+KDE+Linux, Talkback+Chrome+Android+Pixel Device, Talkback+Firefox+Android+Pixel Device, Talkback+Chrome+Android+Xiaomi Device);
  • Built for customization, so if you want to have your own checklist, duplicate a checklist-*.html index file and its corresponding checklist-*.js data file, update the index file to point to the new data file (look for the import Config from "./checklist-*.js"; line), and update the data file with your own groups and tests;
  • We believe in open standards, so we only used pure HTML, JavaScript and CSS (no frameworks, transpiling or black boxes);
  • Your data is safe. It works only on client side so no data is stored in the Cloud.

Where can I test it

cesperanc.github.io/a11y-pt-PT-checklists/

With the amazing contributions of: