eslint-plugin-vuejs-accessibility
Version:
An eslint plugin for checking Vue.js files for accessibility
50 lines (49 loc) • 1.84 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const utils_1 = require("../utils");
const rule = {
meta: {
type: "problem",
docs: {
url: (0, utils_1.makeDocsURL)("anchor-has-content")
},
messages: {
default: "Anchors must have content and the content must be accessible by a screen reader."
},
schema: [
{
type: "object",
properties: {
components: {
type: "array",
items: { type: "string" }
},
accessibleChildren: {
type: "array",
items: { type: "string" }
},
accessibleDirectives: {
type: "array",
items: { type: "string" }
}
}
}
]
},
create(context) {
return (0, utils_1.defineTemplateBodyVisitor)(context, {
VElement(node) {
const { components = [], accessibleChildren = [], accessibleDirectives = [] } = context.options[0] || {};
const elementTypes = ["a"].concat(components.map(utils_1.makeKebabCase));
const accessibleChildTypes = accessibleChildren.map(utils_1.makeKebabCase);
const elementType = (0, utils_1.getElementType)(node);
if (elementTypes.includes(elementType) &&
!(0, utils_1.hasContent)(node, accessibleChildTypes, accessibleDirectives) &&
!(0, utils_1.hasAriaLabel)(node)) {
context.report({ node, messageId: "default" });
}
}
});
}
};
exports.default = rule;