01
Navigation was hard to spot.
Clearer routes to the right information.
Organise services, projects, advocacy, media and contact information into distinct paths.
Helping an accessibility pioneer bring its mission into every digital experience.
Svayam, an initiative of the Sminu Jindal Charitable Trust, works towards a world where people with reduced mobility can participate with greater dignity and independence.
The opportunity was to carry that purpose into its digital presence: a clearer website, more accessible communication and inclusive ideas that people can discover.
Make accessibility something people experience, not just read about.
One mission. Three ways to bring it to life.
We connected the place people visit, the content they engage with and the ideas they discover.
01
02
03
A website built around access.
Bring Svayam’s work and resources into a clearer digital home, with adjustable reading controls.
Communication that includes.
PRAVAH turns accessibility principles into practical standards for everyday content.
Ideas that travel further.
#SvayamSays makes inclusive alternatives more visible where people look for inspiration.
An accessibility mission deserves an accessible digital home.
Svayam needed one place for its initiatives, services, advocacy and resources. We shaped the website around clearer journeys and a WCAG-informed approach, with accessibility controls that give visitors more choice in how they read.
The goal: make information easier to find, follow and engage with.
From usability findings to design decisions.
The initial heuristic review highlighted navigation visibility, overlapping menus and unclear page labels. Those findings gave the redesign a practical starting point.
What the review identifiedDesign response
02
Menus competed for space.
A calmer visual hierarchy.
Use consistent brand styling, stronger section separation and more considered spacing.
03
Labels and actions needed clarity.
More recognisable page journeys.
Use descriptive titles, visible headings and clearer actions to guide the next step.
View the initial usability review
The team’s original review of the earlier website.
WCAG-informed design prioritiesAccessibility considered
Accessibility considered
throughout the experience.
Make information easier to take in.
Give content a clear hierarchy and room to read.
Make journeys easier to follow.
Provide visible navigation and recognisable actions.
Make the next step clearer.
Use familiar labels and consistent page patterns.
Consider different ways of browsing.
Keep compatibility with browsers and assistive tools in view.
Your reading experience.
Your choice.
Alongside the website design, we integrated an accessibility plugin. Visitors can adjust text, spacing and visual cues to suit their reading preferences.
Try the idea
See what a little choice changes.
An interactive illustration of selected reading controls.
A little more room for everyone.
Good design makes room for more people.
Accessibility begins with understanding that people read, navigate and engage in different ways. A clearer layout and adjustable controls give them more choice.
Explore Svayam’s mission (opens in a new tab)Illustrative preview · The original menu is shown below.The integrated controlsSmall adjustments.
Small adjustments.
A more personal experience.
- Reading options
- Readable font · Dyslexia font · Text magnifier
- Content cues
- Highlight titles · Highlight links
- Text & layout adjustments
- Content scaling · Font size · Line height · Letter spacing
The value is simple: visitors can shape the reading experience around their preferences, while Svayam’s work remains the focus.
What this gives Svayam
A clearer home for its mission.
More choice for the people exploring it.
Organised informationConsistent brand experienceAdjustable reading controls
Digital content is consumed
Designing communication that includes more people.
SVAYAM PRAVAH translates accessibility principles into practical creative standards that can be applied consistently across content formats. Explore each guideline below.
Typography and visual hierarchy
Roboto Flex was selected for its adaptability and readability across devices and viewing conditions. Defined type sizes, weights, line heights and spacing help establish a clearer, more consistent reading experience.
This page is set in Roboto Flex too. Pick a style to preview it at its real proportion on a 1080 × 1350 post.
Typography specifications · 1080 × 1350
Video and audio guidelines
Calm pacing, controlled motion, clear narration and considered audio levels support a more comfortable viewing experience. The guidelines prioritise dignified representation and avoid unnecessarily rapid edits, distracting effects and pity-driven portrayals.
Video should be understandable with sound, without sound, with limited vision, with limited hearing, on a small screen and under cognitive fatigue.
Audio standards · recommended levels
0 dB
Captions with intention
Captions are treated as an active part of the viewing experience, not merely a transcript. Synchronised word highlighting, considered emphasis and subtle visual cues help communicate meaning and support comprehension.
How it works · live preview
Read-ahead text
Font: Roboto FlexMax 2 linesCentre alignedHigh contrastSafe marginLine length 32–40 characters
A dedicated voice system
Diya introduces a consistent voice for SVAYAM PRAVAH: calm, reassuring and conversational. Measured pacing and simple language give information the time and space it needs to be understood.
Diya
Inclusion is not a separate category in sport. It is the foundation of fair competition.
CalmReassuringConversationalMeasured paceSimple language
Alt text and screen-reader support
Meaningful image descriptions provide context for blind and low-vision users, helping visual content communicate information beyond what can be seen.
Switch between the two descriptions to hear the difference a screen reader would pass on.
Screen reader
Together, these elements establish a practical foundation for accessible social media communication.
Before & after
The same posts, redesigned with PRAVAH. Drag the handle to compare.
For a year, Svayam will create and promote accessible alternatives
Beautiful Café Entrance as #SvayamSays
#SvayamSays extends the initiative beyond communication standards into the digital spaces where ideas are discovered.
The creative direction focuses on making accessible alternatives visible through relevant, searchable content across platforms.
Social mediaThe goal is to make inclusive alternatives easier to encounter, understand and consider during the earliest stages of an idea.
Every staircase begins with an idea. Every restaurant begins with a reference. Every doorway, neighbourhood and public space begins with someone imagining what it could be.
Yet when people search for inspiration, accessibility is rarely the first consideration.
A search for a modern staircase, a premium café entrance or a restaurant interior may surface countless design possibilities without equally showcasing ramps, tactile paving, accessible washrooms, clear signage or wheelchair turning space.
Accessibility can be overlooked long before construction begins. Often, it is absent at the moment of imagination.
People don’t necessarily intend to exclude accessibility. They simply don’t see it.
#SvayamSays · An illustrative example
A more inclusive starting point.
Help people see accessibility in the ideas they explore.
Look beyond the aesthetic
Bring accessibility
into the picture.
Step-free access
Ramps and entrances that offer another way in.
Support & guidance
Handrails, tactile paving and clear visual cues.
Room to move
Space for easier movement and turning.
Easy wayfinding
Clear signage and considered contrast.
Illustrative inspiration board · Not live search results
The #SvayamSays approach is built around this insight. While Svayam cannot directly change every physical space, it can help influence what people see before those spaces are created.
By building a searchable ecosystem of accessible alternatives, the initiative aims to make inclusive design more visible across the digital environments where people seek ideas and inspiration.
The goal is not to change search algorithms overnight. It is to create a growing body of useful, aspirational and discoverable content that can help shape expectations over time.
A connected digital presence, built around the same purpose.
A place to explore.
A clearer home for Svayam’s work and resources, with controls that support individual reading preferences.
A way to communicate.
Practical creative standards for typography, video, audio, captions and image descriptions.
A way to discover.
A framework for making inclusive alternatives more visible where people seek ideas and inspiration.
One ambition: make accessibility an expected part of good design.
Your next brief. Our next opportunity.
One brief. One project.
One opportunity.
Let us earn your confidence through the work.
And build a lasting relationship from there.
Client: SvayamWebsite · SVAYAM PRAVAH · #SvayamSaysAgency: Tuskmelon