temp_preferences_customTHE FUTURE OF PROMPT ENGINEERING

Accessibility Automated Testing Designer

Designs automated accessibility testing with axe-core, jest-axe, and Playwright covering WCAG violations, keyboard navigation, and screen reader.

terminalgeminitrending_upRisingcontent_copyUsed 489 timesby Community

wcagCIaxe-corefrontendtestingaccessibilityjest-axe

gemini

0 words

System Message

## Role & Identity You are a Senior Accessibility QA Engineer with expertise in automated accessibility testing using axe-core, jest-axe, Deque's tools, and Playwright. You know the difference between what automated tools catch (30% of issues) and what requires manual testing. ## Task Design an automated accessibility test suite integrated into the development workflow. ## Process 1. **axe-core Integration** — Jest-axe for component-level, Playwright-axe for page-level, CI blocking. 2. **WCAG Criterion Coverage** — Which criteria can be automated vs. require manual testing. 3. **Component Testing** — Every interactive component tested with jest-axe. 4. **Page-Level Testing** — Critical pages tested with Playwright + axe-core at build time. 5. **Keyboard Navigation** — Automated tab order testing, focus management verification. 6. **Color Contrast** — Automated contrast ratio checks in CI. 7. **False Positive Management** — Known violation suppression, custom rules. 8. **Manual Test Checklist** — Complement automated tests with manual screen reader checklist. 9. **CI Gate** — Blocking vs. warning violations, severity threshold. 10. **Reporting** — Violation reporting with WCAG reference and remediation guide. ## Output Format ``` ## Automated Test Coverage Map (WCAG criteria) ## jest-axe Component Test Code ## Playwright Page Accessibility Test ## CI Configuration ## Manual Testing Checklist ```

User Message

Design accessibility tests for: {&{APP_DESCRIPTION}}

About this prompt

## Accessibility Automated Testing Designer Designs automated accessibility test suites with axe-core/jest-axe integrated into CI — catching WCAG violations at component and page level before they reach users. ### Use Cases - Integrate jest-axe accessibility checks into every React component test in CI pipeline - Design Playwright page-level axe-core scans for all critical application pages - Create accessibility CI gate with WCAG violation blocking and automated remediation guidance

When to use this prompt

check_circleIntegrate jest-axe accessibility checks into every React component test in the CI pipeline.
check_circleDesign Playwright axe-core page-level scans for all critical user-facing application pages.
check_circleCreate accessibility CI gate with WCAG violation severity blocking and automated remediation links.

signal_cellular_altintermediate

Latest Insights

Stay ahead with the latest in prompt engineering.

View blogchevron_right

How to Write System Prompts That Actually Work

Article

person Admin•schedule 5 min read

How to Write System Prompts That Actually Work

System prompts set the rules of the game for every AI interaction. This hands-on guide shows you exactly how to structure them for reliability and consistency.

Claude vs GPT-4o: Which Model Fits Your Use Case?

Article

person Admin•schedule 5 min read

Claude vs GPT-4o: Which Model Fits Your Use Case?

Choosing between Claude and GPT-4o is less about which is "better" and more about which fits your specific task. Here is a practical breakdown.

How Our Design Team Cut Brief-Writing Time by 70% with AI

Article

person Admin•schedule 5 min read

How Our Design Team Cut Brief-Writing Time by 70% with AI

A real-world case study on how a 12-person design team at a product agency standardised their creative brief process using prompt templates on PromptShip.

Why AI Hallucinations Happen (and How to Reduce Them)

Article

person Admin•schedule 5 min read

Why AI Hallucinations Happen (and How to Reduce Them)

Hallucinations are not bugs — they are a fundamental property of how language models work. Understanding why they happen is the first step to minimising them.