Searching the best prompts from our community
Discover the most effective Accessibility prompts. High-quality templates curated by experts to help you get professional AI results.
Create accessible dropdowns with Alpine.js. Features: 1. x-data for component state. 2. x-show with transitions for visibility. 3. x-on:click.outside to close dropdown. 4. Keyboard navigation (Arrow, Enter, Esc). 5. x-bind for dynamic classes. 6. Focus trap within dropdown. 7. ARIA attributes for sc...
Analyze the following HTML snippet for web accessibility (a11y) issues. Identify problems related to semantic HTML, ARIA attributes, color contrast, and keyboard navigation. Suggest fixes to make the component more accessible to users with disabilities.
Ensure product accessibility compliance following WCAG 2.1 standards. WCAG principles (POUR): 1. Perceivable: information must be presentable in ways users can perceive. 2. Operable: interface components must be operable by all users. 3. Understandable: information and UI operation must be understan...
Apply color psychology principles for effective visual communication. Color associations: 1. Red: energy, urgency, passion (call-to-action buttons, sale notifications). 2. Blue: trust, stability, professionalism (finance, healthcare, tech). 3. Green: growth, nature, money (environmental brands, fina...
Handle accessibility requests. Response: 1. Thank them for bringing it to attention. 2. Ask about specific needs. 3. Explain current accessibility features. 4. Provide alternative access methods. 5. Offer personalized assistance. 6. Commit to improvements where needed. 7. Provide direct contact for ...
Design user interfaces that are both beautiful and universally accessible. Interface hierarchy: 1. Information architecture: logical content grouping, clear navigation paths. 2. Visual hierarchy: size, color, spacing to guide user attention. 3. Interaction design: intuitive gestures, clear affordanc...
