A11yCore

all accessibility features we create can be used in the pdf reader

We’re close to launching our PDF Accessibility Feature. It includes Chart Accessibility, AI Alt Text, Lang Assist, Glossary & more to significantly improve PDF accessibility. As always, it’s included in our free Chrome extension and business software.
#a11y

Image showcases the redesigned widget of a11ycore

We just updated the design of our Widget, it should make it easier to understand and navigate

We just pushed an update to our FormAssist feature, it's pending for the free chrome extension.

Added fieldset/legend grouping
Added autocomplete assistance
Added fieldset/legend grouping
Replaced confirm() with accessible modal
Added required field indication

Full log is on our website.

We understand that PDFs often pose significant accessibility challenges. Would anyone be interested in testing a free tool we’re developing to address these issues? We’d greatly appreciate your feedback!

#A11y #Accessibility #Feedback

Shows the A11yCore widget to hightlight the "Report Issue" button that allows you to submit feedback about the panel.

Shows the feedback panel where you type out the issue you are having.

If the widget creates any accessibility issues on any websites please use the built in feedback panel.

A11yCore - Web Accessibility Widget - Chrome Web Store Make the web accessible. Adds dyslexia friendly fonts, high contrast, and screen reader tools to any website.

The free A11yCore Chrome extension is now approved on the Chrome Store! It's a few versions old, but we've submitted an updated version. We're working to make the web more inclusive, not just for our business partners but for everyone.

chromewebstore.google.com/detail/ecggn...

There is some vagueness in the post so we added a drop down on the site explaining a few things

A dashboard showing a bar chart of rising commission payments, demonstrating the potential income growth for an A11yCore sales representative.

Want to help fix the web and get paid for it?

We're looking for independent (1099) Sales Reps. ✅ Remote ✅ Set your own schedule ✅ Uncapped commission (starts at 75%)

Model your earnings here: www.a11ycore.org/careers/

Careers • A11yCore Join the A11yCore team and help build a more accessible web. View open positions in engineering, design, marketing, and customer success. Remote-friendly roles.

We're all just developers here at A11ycore and, honestly, we have no idea how to post good content. That's why we're looking for a Marketing Manager who can help us share our mission to make the web more accessible and inclusive!

Apply here:
www.a11ycore.org/careers/

#A11ycore #Marketing

2/5 First, Duplicate IDs. These break assistive references like aria-labelledby. We map all IDs, identify collisions, and rename duplicates (e.g. id-a11ycore-1). Crucially, we also parse referring attributes like "for" and "aria-controls" to update pointers to the new, unique IDs.

3/5 Next, Role Integrity. We validate role assignments against a strict map of allowed roles per HTML tag. If a role is valid but missing required attributes (like aria-valuenow on a slider), we infer reasonable defaults by analyzing the element's DOM properties or CSS layout.

4/5 State Mismatches are a frequent issue. We specifically hunt for focusable elements marked aria-hidden="true" that are actually visible—a trap that creates ghost tab stops. We also sync aria-disabled="true" with the native "disabled" attribute to ensure keyboard mechanics match semantic state.

Finally, it is reactive. We hook into a MutationObserver to watch for added nodes. If you inject new content or open a modal, the injector immediately validates the new subtree, keeping your Single Page Application accessible without manual re-scans.

1/5 Our ariaInjector isn't just a linter; it's an active remediation engine. It runs in the browser, fixing WCAG 4.1.2 Name, Role, and Value issues in real-time. Here is how it works under the hood.

1.
Detection: It instantly identifies charts from major libraries (Recharts, Chart.js) or detects raw SVG patterns like repeating rectangles or scatter plot dots.

2.

Visual Logic: This is the critical part. If code-level data is missing, we calculate the pixel-perfect scale of the axes. We identify the tick marks to establish a coordinate system, then measure the exact screen position of every bar, line point, or scatter dot.

3.
Calculation: We reverse-engineer the original data value from those pixel measurements. A bar at Y=200px on a 0-500px scale becomes strict numerical data again.

4.
Synthesis: Finally, we generate a hidden data table and a natural language summary (e.g., "Trending up") for screen readers.

How do we make any chart accessible, even a raw SVG?

Examples are cool, but the mechanism is fascinating. We built an engine that reads charts like a human does.

Read this Thread

#accessibility #a11y #webdevelopment #inclusivedesign #techforgood | A11ycore A11ycore version 1.2 is now live, featuring significant improvements designed to enhance web accessibility for everyone: - Chart Accessibility: The new feature converts any chart type into screen rea...

A11ycore version 1.2 is now live, featuring significant improvements designed to enhance web accessibility for everyone

Full post on LinkedIn
www.linkedin.com/posts/a11yco...

We just shipped a new update to our Chart Accessibility Feature to add better support for multi series bar charts. You can view this by going to a11ycore.org/demo/ and enable the chart accessibility feature.

The free A11ycore chrome extension should be approved in the next day or so we made a few mistakes in the manifest and submitted that we used two perms that we don't use so hopefully the review will be fast

Showcase of the A11yCore widget on the CNN Website using our chrome extension version

We're testing a free Chrome extension version of the A11ycore Widget. If you want to help improve or test it, join our Discord: discord.gg/egDGA2gsUZ

The Chrome extension will always be free.

#a11y #a11ycore

A11yCore supports new color blindness variants these include protanopia, deuteranopia, tritanopia, protanomaly, deuteranomaly, tritanomaly, achromatopsia, achromatomaly + monochrome, invert.

Showcase of the Dark Mode converter on the a11ycore website. The Dark mode system allows you to make any site dark.

Just shipped an update to our Dark Mode widget 🌙
Improved DOM scanning means better, more accurate dark mode conversion on every site. Great news for users with light sensitivity who need reduced brightness.

This is included for free in the indev chrome extension and the Business Solution

its back up

Our servers are currently having an outage affecting distribution and license verification we will try to have the services back up shortly.

Careers • A11yCore Join the A11yCore team and help build a more accessible web. View open positions in engineering, design, marketing, and customer success. Remote-friendly roles.

We're hiring remote Project Managers & QA Testers to join the A11yCore team.

If you're passionate about web accessibility and want to work with a mission-driven team, we'd love to hear from you.

www.a11ycore.org/careers/
www.linkedin.com/company/a11y...

Just submitted the free chrome extension version of A11yCore for Review, the plugin is the exact widget sell to companies to improve their accessibility, but the chrome extension allows you to surf the entire web with better accessibility

The Widget covers about 83% of WCAG 2.0/2.1/2.2 standards