AI-Powered Accessibility Checker

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

1. Open the project in Visual Studio Code.
2. Open the view.xml file (for SAP UI5) or a React component file (e.g., .jsx, .tsx).
3. Select the code segment where you want to address accessibility issues.
4. Open the Command Palette (View → Command Palette).
5. 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.