Accessibility
Designing Accessible Typography for Better Readability
This prompt helps teams design accessible typography by focusing on font choices, sizes, and spacing that enhance readability for all users, including those with visual impairments. It aligns designs with UI/UX best practices and accessibility standards like WCAG.
Responsible:
Product Design
Accountable, Informed or Consulted:
Design, Product, Engineering
THE PREP
Creating effective prompts involves tailoring them with detailed, relevant information and uploading documents that provide the best context. Prompts act as a framework to guide the response, but specificity and customization ensure the most accurate and helpful results. Use these prep tips to get the most out of this prompt:
Review current typography styles and their effectiveness in usability testing.
Collect user feedback on readability challenges in the existing design.
Analyze typography guidelines in WCAG and other accessibility standards.
THE PROMPT
Help create accessible typography for [specific product, feature, or platform]. Ensure the text is inclusive and easy to read by focusing on:
Font Selection: Using legible fonts that are sans-serif, have clear character distinction, and avoid overly decorative styles.
Text Size: Ensuring a minimum font size for readability and supporting user preference for resizing.
Line Spacing and Alignment: Maintaining adequate line height and spacing to reduce visual clutter, avoiding full justification for better alignment clarity.
Contrast: Meeting WCAG guidelines for contrast ratios between text and background.
Responsive Design: Ensuring typography scales appropriately across devices and screen sizes.
Provide specific recommendations for primary, secondary, and heading typography styles. If additional details about branding, audience demographics, or content type are required, ask clarifying questions to refine the suggestions.
Bonus Add-On Prompts
Propose typography styles that prioritize readability for users with visual impairments.
Suggest improvements for scaling typography across mobile and desktop platforms.
Highlight strategies to balance accessible typography with modern, aesthetic designs.
Use AI responsibly by verifying its outputs, as it may occasionally generate inaccurate or incomplete information. Treat AI as a tool to support your decision-making, ensuring human oversight and professional judgment for critical or sensitive use cases.
SUGGESTIONS TO IMPROVE
Focus on typography for specific content types, such as long-form text or data tables.
Include suggestions for multilingual typography designs, considering non-Latin scripts.
Highlight strategies for improving readability for users with dyslexia.
Propose typography solutions for high-contrast or low-light design themes.
Add recommendations for dynamic typography adjustments based on user settings.
WHEN TO USE
During the design phase to establish typography standards for a product.
When improving readability based on user feedback or usability testing.
To ensure compliance with accessibility standards for digital content.
WHEN NOT TO USE
If the product does not include text-heavy content.
When focusing solely on visual or image-based content elements.