Skip to main content
Creating an accessible Mighty Network ensures all members can participate fully in your community, regardless of visual abilities.

​
Color Accessibility Approach

Mighty Networks follows the Web Content Accessibility Guidelines (WCAG) to ensure your network is accessible to visually impaired users.

​
Contrast Ratio Standards

  • Mighty Networks aims for a minimum contrast ratio of 4.5
  • Text and icon colors automatically adjust based on background colors
  • This ensures readability across different color combinations

​
Automatic Color Adjustments

​
Headers

The system automatically adjusts icon colors for optimal visibility:
  • Dark headers - Icons appear white
  • Light headers - Icons appear black

​
Buttons

Button text automatically adjusts to white or black based on the button’s background color, ensuring maximum readability. Important: You need to carefully select button colors to maintain sufficient contrast. Colors that don’t provide enough contrast can compromise accessibility.

​
Text Links and Action Icons

These elements primarily appear on white backgrounds, so:
  • Require dark color selections to meet accessibility standards
  • Ensure sufficient contrast for easy visibility

​
Branding Your Network Accessibly

​
Network-Level Branding

Navigate to: Admin > Network Branding > Colors Here you can select colors that maintain accessibility while reflecting your brand.

​
Space-Level Branding

Navigate to: Space Branding > Colors Customize individual Space colors while maintaining accessibility standards.

​
Best Practices for Color Selection

  1. Test contrast ratios - Ensure your chosen colors meet the 4.5 minimum contrast ratio
  2. Avoid low-contrast combinations - Don’t use light text on light backgrounds or dark text on dark backgrounds
  3. Consider colorblindness - Choose colors that are distinguishable for colorblind users
  4. Use the branding cheat sheet - Download the branding cheat sheet provided by Mighty Networks for design guidance

​
Additional Resources

Mighty Networks provides a downloadable branding cheat sheet that offers:
  • Recommended color combinations
  • Contrast ratio guidelines
  • Design best practices for accessibility

​
Beyond Color Contrast

While color contrast is crucial, consider these additional accessibility factors:
  • Use clear, descriptive text for links and buttons
  • Ensure images have descriptive alt text when possible
  • Keep navigation consistent and intuitive
  • Use readable font sizes
By following these guidelines, you create an inclusive environment where all members can engage with your content, regardless of visual abilities.