Blenra
Optimized for: Gemini / ChatGPT / Claude

Accessible Grid-Based Subscription Table Prompt

Use this engineered prompt to drastically optimize your workflow and output.

Required Variables

  • ✦[COLOR_PALETTE]
  • ✦[DATA_SOURCE]
accessible-grid-subscription-table.txt
As an accessibility expert, generate a Tailwind CSS pricing grid that passes WCAG 2.1 AA standards. Use [COLOR_PALETTE] for status indicators. Data should be mapped from [DATA_SOURCE]. Use <thead> for tier headers and <tbody> for feature rows. Implement 'sr-only' labels for screen readers to explain checkmarks. Ensure the focus states are highly visible with 'focus-visible:ring-4'. The grid must be fully responsive, switching to a 1-column layout below 768px.

Example Output

"The AI provides semantically correct HTML with ARIA attributes and high-contrast Tailwind colors ensuring everyone can use the pricing tool."