GitHub Action 'antd-A11y Guard' catches Ant Design accessibility bugs missed by standard tools
A developer has released antd-A11y Guard, a free, MIT-licensed GitHub Action designed to detect accessibility issues specific to React apps built with Ant Design. Standard tools like eslint-plugin-jsx-a11y and axe fail to catch these bugs because jsx-a11y lacks awareness of Ant Design's component rendering, while axe reports DOM selectors rather than source file locations. The tool ships with ten Ant Design-aware rules covering issues such as unlabelled buttons, unnamed modals, and tooltips wrapping disabled elements, each mapped to a WCAG 2.2 success criterion. It runs automatically on pull requests, scanning only changed files and surfacing results as inline PR annotations, GitHub Code Scanning entries, and a sticky PR comment. Teams can configure rule severity and declare custom component aliases, allowing gradual adoption without requiring all issues to be fixed immediately.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in