react-a11y-inspector
Version:
An advanced React accessibility inspection tool with real-time monitoring, screen reader simulation, and customizable rules.
19 lines (16 loc) • 547 B
JavaScript
export const checkAriaRoles = () => {
const issues = [];
const validRoles = ['button', 'checkbox', 'dialog', 'form', 'link'];
document.querySelectorAll('[role]').forEach((el) => {
const role = el.getAttribute('role');
if (!validRoles.includes(role)) {
issues.push({
type: 'Invalid ARIA Role',
message: `Element ${el.tagName} has an invalid ARIA role "${role}".`,
severity: 'Warning',
element: el,
});
}
});
return issues;
};