Building Tools for Everyone
Building Tools for Everyone with Toollytics
At Toollytics, we, Sumuditha Lansakara and Devthini Jayawardana, believe simple web tools should be accessible to everyone, regardless of ability, device, or internet speed. Our mission is to create privacy-focused tools and no sign-up tools like Planned, ChartEase, and the upcoming DiagramSync, that anyone can use effortlessly. This post explores how Toollytics designs for inclusivity and universal access.
Why Accessibility Matters for Simple Web Tools
Over 1 billion people globally live with disabilities, and many face barriers like slow internet or outdated devices. Inaccessible tools exclude these users, creating frustration. At Toollytics, we prioritize accessibility to ensure our simple web tools are welcoming and functional for all.
Our Accessibility Approach at Toollytics
We design our privacy-focused tools with these principles:
- Keyboard Navigation: Every feature in Planned and ChartEase is accessible via keyboard for users with motor impairments.
- Screen Reader Compatibility: Semantic HTML and ARIA labels ensure compatibility with tools like NVDA and VoiceOver for all Toollytics products.
- High-Contrast Design: Our emerald green and lavender palette, used across Toollytics, meets WCAG contrast standards for readability.
- Lightweight Code: Our no sign-up tools load fast, even on 3G, with minimal JavaScript and optimized images.
- Clear Language: Simple, concise instructions in all Toollytics tools support non-native speakers and users with cognitive disabilities.
Example: Accessible Chart Rendering in ChartEase
Here’s how we make ChartEase accessible:
function createAccessibleChart(data: ChartData) {
const chart = document.createElement('canvas');
chart.setAttribute('aria-label', 'Bar chart summarizing user input data');
chart.setAttribute('role', 'img');
return chart;
}
Mobile-First for Global Reach with Toollytics
With over 60% of web traffic from mobile devices, Toollytics prioritizes responsive design for all its simple web tools. Our tools, including Planned and ChartEase, are tested on low-end phones, small screens, and touch interfaces:
- Dynamic Layouts: Planned’s budget tables resize for mobile displays.
- Touch-Friendly: Buttons in all Toollytics tools are large (min. 48px) for easy tapping.
- Offline Mode: Service workers enable offline use for unreliable connections, a feature we aim for in relevant Toollytics tools.
Responsive CSS Example
/* Mobile-first design */
.tool-wrapper {
padding: 1.5rem; /* Increased mobile padding */
font-size: 16px;
}
@media (min-width: 768px) {
.tool-wrapper {
padding: 2rem;
font-size: 18px;
}
}
Community-Driven Improvements at Toollytics
As a small team, Sumuditha Lansakara and Devthini Jayawardana rely on user feedback to enhance accessibility for Toollytics. Through our suggestion form, users have requested features like text-to-speech and multilingual support for our simple web tools, which we’re exploring while keeping our no sign-up tools free and private.
What’s Next for Accessibility at Toollytics?
We’re working on enhancing our privacy-focused tools with:
- Enhanced dark mode for light-sensitive users across all Toollytics tools.
- Multilingual interfaces for global users of Toollytics.
- Voice input for hands-free operation in tools like DiagramSync.
Try Planned or ChartEase today and share your thoughts via our suggestion form to help us make Toollytics tools even more inclusive.
Further Reading
Help us make tools for everyone. Explore our tools or suggest a feature for the Toollytics platform.
A minimalist illustration depicting a person using a laptop, surrounded by accessibility icons (eye, ear, wheelchair) in a circular frame. This represents Toollytics' dedication to creating simple web tools, like Planned and ChartEase, that are usable by everyone.
