no-distracting-elements
Ast Rule: html element
no-distracting-elements
const DISTRACTING_ELEMENTS = [
'marquee',
'blink',
];
function getTag(node) {
if (node && node.tag) {
return node.tag.value;
}
}
function visit(node, filename, code) {
const element = getTag(node);
if (DISTRACTING_ELEMENTS.includes(element)) {
const error = buildError(
node.start.line,
node.start.col,
node.end.line,
node.end.col,
`Do not use <${element}> elements as they can create visual accessibility issues and are deprecated.`,
"INFO",
"BEST_PRACTICES"
);
addError(error);
}
}
bad.jsx
Expected test result: has error