ember-template-lint/lib/rules/no-accesskey-attribute.js

Linter for Ember or Handlebars templates.

import AstNodeInfo from '../helpers/ast-node-info.js';
import Rule from './_base.js';

const errorMessage =
  'No access key attribute allowed. Inconsistencies between keyboard shortcuts and keyboard comments used by screenreader and keyboard only users create a11y complications.';

export default class NoAccesskeyAttribute extends Rule {
  /**
   * @returns {import('./types.js').VisitorReturnType<NoAccesskeyAttribute>}
   */
  visitor() {
    return {
      ElementNode(node) {
        const accessKeyNode = AstNodeInfo.findAttribute(node, 'accesskey');
        if (accessKeyNode) {
          if (this.mode === 'fix') {
            node.attributes = node.attributes.filter((a) => a !== accessKeyNode);
          } else {
            this.log({
              message: errorMessage,
              isFixable: true,
              node: accessKeyNode,
            });
          }
        }
      },
    };
  }
}