diff --git a/src/resources/extensions/sf/workflow-templates/accessibility-audit.md b/src/resources/extensions/sf/workflow-templates/accessibility-audit.md new file mode 100644 index 000000000..4815157b9 --- /dev/null +++ b/src/resources/extensions/sf/workflow-templates/accessibility-audit.md @@ -0,0 +1,88 @@ +# Accessibility Audit + + +name: accessibility-audit +version: 1 +mode: oneshot +requires_project: false +artifact_dir: null + + + +Scan the UI layer for accessibility issues and produce a prioritized remediation +list. Oneshot — report only, no code changes. + + + + +## 1. Identify the UI stack + +- React, Vue, Svelte, Angular, plain HTML, or something else? +- Which files contain user-facing templates? (e.g. `src/components/**/*.tsx`, + `pages/**/*.vue`, `templates/**/*.html`). + +If the project has no UI layer (library, CLI, backend), say so and stop. + +## 2. Run available a11y tooling + +Prefer automated tools when installed: +- React: `@axe-core/react`, `eslint-plugin-jsx-a11y`. +- Vue: `eslint-plugin-vuejs-accessibility`. +- Any: `pa11y` or `axe` against a running dev server. + +If nothing's installed, do a **static audit**: grep for the common +violations listed below. + +## 3. Check the WCAG essentials + +For each component/page: + +1. **Images** without `alt`. +2. **Buttons** that are `
` instead of real `