AI-Powered Accessibility Checker VS Code extension bridges the gap by enforcing SAP UI5 and React Webcomponents specific rules and ensuring Copilot generates fixes aligned with SAP UI5 accessibility standards.
Running the Extension Locally
Open the project in Visual Studio Code.
Open the view.xml file (for SAP UI5) or a React component file (e.g., .jsx, .tsx).
Select the code segment where you want to address accessibility issues.
Open the Command Palette (View → Command Palette).
Choose Accessibility checker: Generate code fix to automatically generate an accessibility fix for the selected code.
Supported Frameworks
SAP UI5: Enforces SAP UI5-specific accessibility rules.
React: Enforces accessibility rules for common React Web components such as Button, Icon, Input, CheckBox, Panel, and more.
Pre-requisites
Visual Studio Code Copilot extension installed
Troubleshooting
If code is not generated after running the command, try opening the Copilot Chat panel manually and run the command again.