CMS Guidelines
      Back to home
      1. Knowledge Center
      2. CMS Guidelines

      How to improve Accessibility in your app

      Meeting accessibility requirements is mandatory by the end of June 2025. Use the guidelines below to make sure your app is compliant.


      Accessibility is essential. It ensures your app can be used by everyone, including people with disabilities, and improves the overall user experience.

      Our platform now includes improved screen reader support and better visual contrast. But to fully meet accessibility standards, the way you manage content in the CMS also matters.

      1. Text Alternatives (Alt Text)

      Providing alternative text (alt text) helps screen readers describe visual content to users who are visually impaired.

      • Add alt text for all images in the newsfeed:
        • Promo cards
        • News posts
        • Logos
        • Carousel cards
      • Ensure icons without text labels include descriptive metadata.

      Tip: Keep alt text concise but specific. Describe the purpose or content of the image, not just its appearance. Example: “Crowd dancing at the mainstage of Tomorrowland 2024 during the Saturday headliner set.”

      2. Visual Contrast

      Good contrast ensures readability for users with visual impairments.

      • Use strong contrast between text and background elements.
      • Choose legible fonts and appropriate sizes.
      • Avoid placing text directly over complex images.

      Use tools like colorshark.io to test contrast ratios.

      3. Link Text

      Use meaningful, descriptive text for all links. Avoid generic phrases like:

      • “Click here”
      • “Read more”

      Recommended:

      • “View the full lineup”
      • “Learn more about the wallet feature”

      This improves both usability and screen reader navigation.

      4. Descriptive Labels

      Label all visual elements clearly and meaningfully.

      • Replace vague names like “image1.jpg” with descriptions like “Festival map – Saturday layout.”
      • Apply labels to cards, icons, and other UI components as needed.

      5. Page Structure

      Use consistent heading levels (e.g., H1, H2, H3) to organize content on detail pages. This structure improves readability and helps screen readers interpret content correctly.

      6. Videos

      All video content should be accessible to users who are deaf or hard of hearing:

      • Include subtitles for all pre-recorded videos.
      • Add alt text or a short written summary describing the video’s content and purpose.

      7. Flashing Content

      Flashing or rapidly animated content can trigger seizures or cause discomfort for some users.

      • Avoid excessive flashing, especially in videos or carousels.
      • Provide an option to hide or replace flashing content with static images.

      8. Font Size

      Small text can be difficult to read, especially on mobile devices.

      • Use a minimum font size of 16px for body text.
      • Avoid using decorative or hard-to-read typefaces.
      • Prioritize clarity and legibility in all design elements.

      9. Multilingual Support

      Whenever possible, provide content in multiple languages to accommodate a broader audience.

      • Ensure that translations are complete and accurate.

      10. Tags and Metadata

      Tags help users filter and understand content quickly.

      • Use clear, consistent tagging for all content types.
      • Avoid redundant or overly generic tags.

      11. Text Over Images

      Text placed over images can often be hard to read.

      • Avoid this layout when possible.
      • If necessary, use a high-contrast background overlay to preserve readability.

      Improving accessibility in your app is a shared responsibility. While the platform provides the tools and infrastructure, content managers play a crucial role in ensuring a usable experience for all users.

      For assistance or questions, contact your customer success manager.