DEV Community: Abhiram

I Built a WCAG 2.2 Accessibility Checker and Shipped Its SDK to Three Package Registries as a CS Student published: true

Abhiram — Thu, 19 Mar 2026 18:45:59 +0000

I Built a WCAG 2.2 Accessibility Checker and Shipped Its SDK to Three Package Registries as a CS Student

Most of my college projects lived and died on a USB drive. This one ended up on NuGet, npm, and Cargo. Here's how it happened and what I learned.

The Problem

While working on a web project, I wanted to check if my site was accessible. Every tool I found was either a browser extension that was useless for CI, a paid SaaS, or a basic linter that didn't handle JavaScript-rendered content at all.

WCAG 2.2 had just introduced new criteria — target size minimums, redundant entry prevention — and nothing free was checking for those yet. So I built my own.

What I Built

AXIS is a desktop accessibility auditor for Windows that renders JavaScript-heavy pages using a headless Chrome engine, audits against WCAG 2.2, WCAG 2.1, Section 508, and India's RPwD Act, scores pages from 0–100 with a compliance tier, estimates the page's carbon footprint, and exports TXT and PDF reports.

But the more interesting part was what came next.

The SDK Idea

Once the core audit engine was working, I realized it was completely decoupled from the UI. So I extracted it into AXIS-CORE — a standalone library that any developer could drop into their own tooling or CI/CD pipeline.

var checker = new AxisCore();
var report = await checker.CheckUrlAsync("https://example.com");
Console.WriteLine($"Score: {report.AccessibilityScore}/100");

Then I thought — why stop at .NET?

Shipping to Three Registries

I ported the SDK to JavaScript and Rust, and published all three:

Runtime	Package
.NET	AXIS-CORE on NuGet
JavaScript	axis-core-sdk on npm
Rust	axis-core on Cargo

Each one went through the full publish cycle — versioning, package metadata, README, API surface design. It took longer than I expected. Way longer.

What I didn't expect

Publishing to NuGet is surprisingly strict compared to npm. You need proper package metadata, a valid license SPDX expression, and a README that actually renders correctly in their portal. My first few attempts were rejected silently — the package appeared listed but showed no description.

Cargo was the smoothest. The cargo publish workflow is well-documented and the tooling catches most mistakes before you even push.

npm was the fastest to publish but the hardest to get right structurally. CommonJS vs ESM compatibility and making sure the package resolves correctly across Node versions took a few iterations.

WCAG 2.2 — What's Actually New

This was the part I had to research most deeply. Two new criteria stood out.

2.5.8 — Target Size Minimum (Level AA)

Clickable elements need a minimum area of 24×24 CSS pixels. Sounds obvious, but a surprising number of icon buttons and inline links fail this.

button, a {
  min-width: 24px;
  min-height: 24px;
  padding: 8px 12px;
}

3.3.7 — Redundant Entry (Level A)

Forms collecting personal data must use autocomplete attributes. This one is almost universally ignored.

<input type="email" name="email" autocomplete="email">
<input type="tel"   name="phone" autocomplete="tel">

AXIS checks both automatically.

The Environmental Angle

One feature I added on a whim turned out to be the most talked-about when I demoed it — a carbon footprint estimate per page load.

It factors in page weight, request count, CDN usage, and estimated server energy draw, then gives a rating:

Rating	CO₂ per page load
🌱 Eco	< 10 g
🟡 Moderate	10 – 50 g
🔴 High Impact	> 50 g

It's not scientific-grade, but it makes people think — which was the point.

What I Learned

Designing a public API is hard. When it's just your own app, you can change internals freely. Once it's a published package, breaking changes have real consequences. I had to think carefully about naming, return types, and async patterns before publishing v1.

Documentation is the product. Nobody will use your package if the README doesn't immediately show them what it does and how to install it. I rewrote the README three times.

Multi-runtime is a commitment. Keeping three SDKs in sync across .NET, JavaScript, and Rust means any core logic change needs to propagate to all three. I underestimated this. Python support is planned but I'm being careful about when I take that on.

Organic downloads feel different. Seeing strangers install something you built without you telling them to is a genuinely different feeling from a project that only your professor sees.

What's Next

Python SDK on PyPI, a GitHub Actions integration so teams can run AXIS checks in CI without writing any code, and a VS Code extension companion — A11Y: Lazy Edition is already live for in-editor checks.

Try it

Release
NuGet: dotnet add package AXIS-CORE
npm: npm install axis-core-sdk
Cargo: cargo add axis-core

If you're building anything where accessibility matters or just want to know your page's carbon footprint, give it a try. And if you've shipped a multi-runtime SDK before, I'd love to know how you handled keeping them in sync.

Built with WPF · .NET 9 · C# · HtmlAgilityPack · PuppeteerSharp · QuestPDF

Main changes: collapsed the bullet-heavy "What's Next" into a paragraph, merged the fragmented "What I Learned" bullets into flowing prose, and removed the section separators that were making it feel templated.

IndiaFoss Banglore Journey

Abhiram — Thu, 19 Mar 2026 18:37:23 +0000

IndiaFOSS Summit Bangalore 2025 — When an Idea Turned Into a Movement

I walked into the IndiaFOSS Summit in Bangalore not just expecting tech talks or networking opportunities, but hoping for inspiration. What I left with was far more — a renewed belief in open source, new professional connections, and a deeper sense of what impact really looks like.

Day 1: The Spark
From the very first session, it was clear this wasn’t just a meetup of coders. It was a convergence of people who think, build, and dream differently.

Kailash Nadh’s talk stood out. He reminded us that open source is more than just code — it’s about contribution, community, and leaving behind tools that will continue to serve people long after we’re gone. That struck a chord with me.

Over coffee breaks and hallway conversations, I found myself speaking to project leads, student innovators, and people who’ve spent years shaping the open-source ecosystem. Each conversation felt like a window into what’s possible when curiosity meets action.

Meeting Industry Voices

One of the highlights was meeting senior figures from Zeiss.

The Product Head — a German expert Helge Anderson — spoke about how the company manages the balance between innovation and responsibility across its global operations. HR leaders gave an honest view of their culture: they notice and value people who take initiative instead of waiting passively for opportunities.

Technical leads, architects, and cloud engineers also connected with me on LinkedIn. For a student, that’s not just a contact list — it’s a reminder that conversations can open doors.

What impressed me most was the tone of these interactions. They weren’t scripted Q&As. They were genuine exchanges — “What drives you?” “Where do you see yourself?” “How do you think open source will matter in the next five years?”

The Joy of Serendipity

Some of the most unforgettable moments happened outside the scheduled sessions:

On the train, a co-passenger — an elderly lady from Kerala — struck up a conversation. Before we parted ways, she told me she saw me as her grandson and blessed me for future success.

On the way to Bangalore, I spoke with an industrialist who turned into an unexpected mentor. His advice was simple but sharp: “Don’t rush into flashy labels like entrepreneurship. Focus on solving real problems, gain real-world exposure, and everything else will follow.”

During sessions, engineers and founders from Aftershoot, Flexprice, and other startups engaged with me — not in a “networking” sense, but genuinely curious about my ideas, the challenges I’m working on, and how I plan to take them forward.

Lessons Learnt (Beyond the Slides)

Authenticity > Polish
You don’t need perfect English, perfect Malayalam, or flawless slides. What people notice is your curiosity, your respect, and your intent.
Approach, don’t wait
The biggest leaders are often the most approachable — but only if you take the first step. Waiting silently doesn’t get noticed.
Execution matters more than ideas
Everyone has ideas. Few follow through. Conversations kept circling back to one point: sharpen what matters and build consistently.
Open source is for everyone
Even if you don’t write a single line of code, you can still contribute — through accessibility tools, design, documentation, or building supportive communities.
Connections are human, not transactional
Handshakes, laughter, shared meals, and honest questions build stronger bonds than polished résumés or forced pitches.
Mentorship comes in unexpected forms
Sometimes it’s not a keynote speaker but a co-passenger or a stranger in the hallway who drops the advice you’ll remember years later.
Your story matters
People don’t just ask “What do you do?” They ask “Why do you do it?” Having a story — even if it’s still unfolding — makes a difference.

What’s Next for Me

The summit gave me a strong push to expand my Web Accessibility Checker project. I’m making it fully open source and extending it across platforms — web, Android, and desktop.

I’ll keep refining it, taking feedback, and sharing progress publicly. My goal is that next time I walk into an event like this, I’ll be attending not just as a learner, but as a contributor with something meaningful to showcase.

Final Thought

If there’s one thing I’ve taken away, it’s this: Don’t attend events just to listen. Attend to connect, to ask, to share, to build.

Because sometimes, the most important part of a summit isn’t on the stage — it’s in a hallway chat, a train ride, or a stranger’s blessing

Introducing🥁 my CLI based NUMERICAL SYSTEM CALCULATOR and SCRIPT DETECTOR

Abhiram — Mon, 23 Sep 2024 16:10:58 +0000

Multi-Dimensional Calculator

Decimal Conversion

This Rust project demonstrates how to perform number conversions with decimal points using a user-defined module. The project uses the rust_decimal crate for high-precision decimal arithmetic.

Conversion from base to another with a accuracy upto a base of of 32 [for high accuracy]

Area Calculator

This rust project was upgraded with ability to calculate areas of:-

Square
Rectangle
Triangle
Circle
Regular polygon with n side

and ability to convert into various units.

Temperature Convertor

A ability to convert from temperatures units of celcius,fahrenheit,kelvin,rankine fom one another.

Also it can convert from one unit to another with a accuracy upto 4 decimal places.

Lenght Convertor

This project was upgraded with ability to convert from length units of meter,centimeter,inch,foot,yard,mile.

Physics Calculator

this project was upgraded with ability to calculate:-

mass
foce
energy
velocity
pressure
acceleration
volume

and ability to convert into various units.

Miscellaneous Operation

Angle operations
Data Transfer unis
Fuel Economy units

Time Operation

Time conversion from one unit to another
Time calculation of time difference between two time
Calculate effiency of a work

Fuel Calculations

Get ideas about efficiency
get knowledge about environmental issues like carbon footprint
Annual Fuel Cost
Fuel consumptions
Monthly savings when buying a new car

Data Transfer

Converting into various bases
Network Speed predictor
Network Statistics

Language and Script Pedictor

Write a text/copy the text from another source and paste here it to get the language and script details
Added system relaiblity and predicatbilty showing how much reliable the data is

Project Structure

src/
- main.rs: The main entry point of the application.
- arithmetic.rs: A module containing functions for arithmetic operations.
- area.rs: A module containing functions for area calculations.
- data.rs : A module containing operations for data transfer speed.
- physics.rs: A module containing details about physics operation.
- lenght.rs : Amodule containg information about lenght operations
- physicc.rs: A subpart module of physics.rs containg operation about convertsion from one base to another
- tempe.rs: A module containing details of temperature.
- time.rs: A module containg details of time operations.
target/
- contains debugging files
cargo.lock
cargo.toml

Dependencies

rust_decimal: A crate for high-precision decimal arithmetic.
rust_decimal_macros: A crate for creating decimal literals.

Add the following to your Cargo.toml file:

[dependencies]
rust_decimal = "1.36"
rust_decimal_macros = "1.36"
whatlang="0.16.4"

Please adhere to this project's `code of conduct`and support the developer with a follow and star.

Development of project completed on 9/21/2024 at 7:44 UST

For any suggestions and changes please free to comment.Please do like♥️the post for encouraging me to do more such works

Author

@ABHIRAM-CREATOR06

WHICH SUPERHERO ARE YOU????

Abhiram — Sun, 22 Sep 2024 16:14:21 +0000

🦸 Build a Superhero Prediction Model Using Python

Ever wondered which superhero matches your traits the best? Let’s build a Python project that predicts which superhero you're most like based on your strength, intelligence, speed, agility, and durability. It’s a fun and practical machine learning exercise! 🚀

🌟 Project Overview

In this project, we'll:

Create a dataset of superhero attributes.
Train a machine learning model to classify superheroes based on their characteristics.
Allow users to input their own traits and get matched with a superhero.

🛠️ Tech Stack:

Python 🐍
Pandas for data manipulation
Scikit-learn for model building and prediction
Logistic Regression for classification
CSV for handling the superhero dataset

📑 Project Steps

Setup the Superhero Dataset: We’ll use a CSV file to store our superheroes and their respective traits.
Train the Machine Learning Model: We'll use Logistic Regression to classify superheroes based on their attributes.
User Input: Let users input their own characteristics and predict their superhero match!

🦸‍♂️ Superhero Dataset

We'll create a CSV file containing a list of superheroes and their attributes: strength, intelligence, speed, agility, and durability. Here’s an example dataset:

Strength	Intelligence	Speed	Agility	Durability	Superhero
8	7	6	5	9	Superman
5	9	4	7	6	Batman
6	6	9	8	5	Flash
7	8	5	6	7	Wonder Woman
9	5	7	6	8	Thor
4	10	3	9	4	Iron Man
7	6	8	7	6	Spider-Man

You can create your own dataset using this template!

Visit my Github for complete code

Feel to inform about your queries, suggestions and futher development ideas and do aupport this project by like ♥️ the project for effort put by the dev.

Follow ** my **github for more such interesting projects

Numeric Convertion

Abhiram — Sat, 14 Sep 2024 11:14:17 +0000

Logical Number Conversion using Rust

Fed up with stupid calculations in logic system design told a friend, found solution thanks to my best friend RUST

Welcome to the Base Converter project! This Rust application allows you to convert numbers from any logical base to another. Whether you’re working with binary, hexadecimal, or any other base, this tool has got you covered.

Features

Convert numbers between any two bases (2-36)
User-friendly command-line interface
Error handling for invalid inputs
Efficient and fast conversion algorithms

Working

Cargo.toml dependecies

[dependencies] rust_decimal = "1.36" rust_decimal_macros = "1.36"

Code available at Github

Hope you all this and please share your opinion and modifications...
Thank you

Frontend Attempt

Abhiram — Thu, 05 Sep 2024 17:00:05 +0000

This is a submission for Frontend Challenge v24.09.04, Glam Up My Markup: Space

What I Built

I built a space-themed landing page that provides information about space exploration. The goal was to create an attractive, minimalistic design that highlights key aspects of space history, current missions, future missions, and more. The page includes sections for home, about, history, current missions, future missions,a questionnaire, and contact information.

Demo

You can view the project live here. Below is a screenshot of the landing page:

Space Exploration Landing Page

You can also check out the code on Github

Journey
Creating this project was an exciting journey. Here are some key points about the process:

Design and Layout: I aimed for a clean and minimalistic design with a dark, space-themed background to create an immersive experience. The layout is simple yet informative, making it easy for users to navigate through different sections.

Content: I included detailed information about the history of space exploration, current and future missions. The questionnaire section allows users to interact and share their thoughts on space exploration.

Challenges: One of the challenges was ensuring that the animations interactivity worked smoothly across different devices and screen sizes. I learned a lot about responsive design and cross-browser compatibility during this process.

Future Plans: I plan to add more interactive elements, such as a quiz about space facts and a timeline of significant events in space exploration. I also hope to integrate more advanced animations and transitions to make the page even more engaging.

CODE

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Space Exploration</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="space-background">
        <h1>Welcome to Space Exploration</h1>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#history">History</a></li>
                <li><a href="#current-missions">Current Missions</a></li>
                <li><a href="#future-missions">Future Missions</a></li>
                <li><a href="#questionnaire">Questionnaire</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main class="space-background">
        <section id="home">
            <h2>Home</h2>
            <p>Discover the wonders of the universe and our journey into space.</p>
        </section>
        <section id="about">
            <h2>About</h2>
            <p>Learn about the history and future of space exploration.</p>
        </section>
        <section id="history">
            <h2>History of Space Exploration</h2>
            <h3>1. Early Concepts (Pre-20th Century)</h3>
            <p><strong>Ancient Civilizations:</strong> Ancient cultures like the Babylonians, Egyptians, Greeks, and Chinese were among the first to study the stars and celestial objects, laying the foundation for astronomy.</p>
            <p><strong>17th Century:</strong> Johannes Kepler’s laws of planetary motion and Isaac Newton’s law of universal gravitation provided the necessary understanding for future space travel concepts.</p>
            <h3>2. Early 20th Century</h3>
            <p><strong>Tsiolkovsky's Rocket Equation (1903):</strong> Russian scientist Konstantin Tsiolkovsky proposed the idea of space travel using rockets and formulated the Tsiolkovsky rocket equation, a fundamental principle in astronautics.</p>
            <p><strong>Robert Goddard (1926):</strong> An American physicist, Robert Goddard, successfully launched the world's first liquid-fueled rocket, proving that space travel was possible.</p>
            <h3>3. The Space Race (1950s-1970s)</h3>
            <p><strong>Sputnik 1 (1957):</strong> The Soviet Union launched the first artificial satellite, Sputnik 1, into space, marking the beginning of the Space Age.</p>
            <p><strong>Yuri Gagarin (1961):</strong> Soviet cosmonaut Yuri Gagarin became the first human to orbit Earth aboard Vostok 1, a major milestone in space exploration.</p>
            <p><strong>Apollo 11 (1969):</strong> The United States' NASA successfully landed astronauts Neil Armstrong and Buzz Aldrin on the Moon, with Armstrong famously declaring, "That's one small step for man, one giant leap for mankind."</p>
            <h3>4. Post-Moon Landings and the Space Shuttle Era (1970s-1990s)</h3>
            <p><strong>Space Stations:</strong></p>
            <ul>
                <li><strong>Salyut and Mir (1971-1986):</strong> The Soviet Union launched a series of space stations, culminating in the long-lasting Mir, which operated until 2001.</li>
                <li><strong>Skylab (1973):</strong> The United States launched its first space station, Skylab, which was operational for six years.</li>
            </ul>
            <p><strong>Space Shuttle Program (1981-2011):</strong> NASA’s reusable Space Shuttle fleet completed 135 missions over 30 years, including launching satellites, conducting scientific research, and assembling the International Space Station (ISS).</p>
            <h3>5. International Cooperation and Space Exploration (1990s-Present)</h3>
            <p><strong>International Space Station (ISS) (1998-present):</strong> A joint effort by NASA, Roscosmos (Russia), ESA (Europe), JAXA (Japan), and other partners, the ISS serves as a hub for scientific research and international collaboration in low Earth orbit.</p>
            <p><strong>Mars Exploration:</strong></p>
            <ul>
                <li><strong>Rovers and Orbiters:</strong> The Mars rovers like Spirit, Opportunity, Curiosity, and Perseverance have provided detailed information about the Martian surface and its potential to support life.</li>
                <li><strong>ExoMars (2020):</strong> A European-Russian mission designed to search for signs of life on Mars.</li>
            </ul>
            <h3>6. Private Space Exploration and the Future (2000s-Present)</h3>
            <p><strong>Commercial Spaceflight:</strong> Companies like SpaceX, Blue Origin, and Virgin Galactic are pioneering commercial space travel, aiming to make space more accessible to private individuals and researchers.</p>
        </section>
        <section id="current-missions">
            <h2>Current Missions</h2>
            <p>Explore the ongoing missions that are expanding our understanding of the universe.</p>
        </section>
        <section id="future-missions">
            <h2>Future Missions</h2>
            <p>Learn about the upcoming missions that aim to push the boundaries of space exploration.</p>
        </section>
        <section id="questionnaire">
            <h2>Questionnaire</h2>
            <form>
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" required><br><br>

                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required><br><br>

                <label for="question1">1. What is your favorite planet?</label><br>
                <input type="text" id="question1" name="question1" required><br><br>

                <label for="question2">2. Have you ever visited a space museum?</label><br>
                <input type="radio" id="yes" name="question2" value="yes">
                <label for="yes">Yes</label><br>
                <input type="radio" id="no" name="question2" value="no">
                <label for="no">No</label><br><br>

                <label for="question3">3. What interests you the most about space exploration?</label><br>
                <textarea id="question3" name="question3" rows="4" cols="50" required></textarea><br><br>

                <input type="submit" value="Submit">
            </form>
        </section>
        <section id="contact">
            <h2>Contact</h2>
            <p>Get in touch with us for more information about space exploration.</p>
        </section>
    </main>
    <footer class="space-background">
        <p>© 2024 Space Exploration. All rights reserved.</p>
    </footer>
</body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #000;
    color: #fff;
}

.space-background {
    background: rgba(0, 0, 0, 0.8) url('https://www.nasa.gov/sites/default/files/thumbnails/image/potw2048a.jpg') no-repeat center center;
    background-size: cover;
}

header {
    padding: 1rem 0;
    text-align: center;
}

header h1 {
    margin-bottom: 0.5rem;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 10px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

main {
    padding: 2rem;
}

section {
    margin-bottom: 2rem;
}

form {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 5px;
}

form label {
    display: block;
    margin-bottom: 0.5rem;
}

form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: none;
    border-radius: 5px;
}

form input[type="submit"] {
    background: #333;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    cursor: pointer;
}

form input[type="submit"]:hover {
    background: #555;
}

footer {
    text-align: center;
    padding: 1rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}

Team
This project was a solo effort, but I would like to credit the following resources and inspirations:

NASA for the stunning space images.
MDN Web Docs for the excellent documentation on web development.

License
This project is licensed under the MIT License. Feel free to use and modify the code as you see fit.

Python Project: Movie Suggestion System

Abhiram — Wed, 04 Sep 2024 13:16:33 +0000

Build a Movie Suggestion Machine with Python and Tkinter

Introduction

Struggling to decide which movie to watch next? The Movie Suggestion Machine is here to help! This Python-based GUI application suggests movies based on genres, allows you to search for specific movies, and provides cast and crew information. It also includes light/dark mode and full-screen mode for a better user experience.

Features

Suggest Movies: Get movie suggestions based on genres.
Search Movies: Search for movies by name.
Get Cast and Crew: Retrieve cast and crew information.
Toggle Theme: Switch between light and dark modes.
Full-Screen Mode: Enable full-screen mode with larger icons and buttons.

How It Works

Suggest Movies: Enter a genre to get movie suggestions.
Search Movies: Enter a movie name to search for movies.
Get Cast and Crew: Enter a movie name to retrieve cast and crew information.
Toggle Theme: Switch between light and dark modes.
Full-Screen Mode: Press F11 to toggle full-screen mode. Press Escape to exit.

Conclusion

The Movie Suggestion Machine is a fun and useful project that showcases the power of Python and Tkinter for building GUI applications. Check out the GitHub repository for more details and to contribute!
Github Repository

Feel free to customize this further to suit your needs. Let me know if you need any more help!