Make your project more accessible
Creating an accessible application means allowing all users, including those with disabilities, to interact with your content in the best possible conditions. PandaSuite enables you to implement accessibility best practices to enhance the user experience.
Why make your application accessible?
Digital accessibility aims to make content usable by as many people as possible, especially individuals with visual, auditory, motor, or cognitive impairments. It’s also a legal requirement in many countries (WCAG, RGAA, ADA…).
Accessibility and interactive projects
An application built with PandaSuite has specific characteristics: rich content, custom navigation, visual interactions… which makes a structured accessibility approach even more essential.
Key elements involved:
- Text (readability, hierarchy)
- Images (alternative descriptions)
- Navigation (consistency, logic)
- Interactive components (buttons, carousels, quizzes…)
Accessibility best practices
Here are some key principles to apply in your project:
- Structure your content: use a logical hierarchy with headings, subheadings, and paragraphs. This helps screen readers understand your content more effectively.
- Ensure good contrast: make sure the contrast between text and background is sufficient. You can use a tool like Contrast Checker.
- Make images understandable: add alternative text to images to make them accessible.
- Facilitate keyboard navigation: organize your project so keyboard navigation flows logically: logical order, visible focus, accessible actions.
- Use descriptive button labels: avoid using “click here”. Prefer clear labels like “Explore the offer” or “Take the quiz”.
Implementing accessibility in PandaSuite
Here’s how to apply these best practices in the Studio:
- Add custom attributes (ARIA) (e.g., ARIA): allows elements to be described for screen readers. See the tutorial.
- Add alt text to an image: describes the image for users with visual impairments. See the tutorial.
- Structure your navigation with clearly named screens and a logical flow.
- Test your project using a screen reader (VoiceOver, NVDA).