17781003248

Committed 16 Sep 2025 10:42PM UTC coverage: 97.074%. First build

Build # 17781003248

Build Type

push

github

Committed by

rbitting

Commit Message

Added rule to require alt text on image

Run Details

492 of 517 branches covered (95.16%)

Branch coverage included in aggregate %.

11 of 12 new or added lines in 1 file covered. (91.67%)

802 of 816 relevant lines covered (98.28%)

39.16 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

87.5

/lib/rules/image-needs-alt.ts

// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.

const elementType = require("jsx-ast-utils").elementType;
import { ESLintUtils, TSESTree } from "@typescript-eslint/utils";
import { hasNonEmptyProp } from "../util/hasNonEmptyProp";

//------------------------------------------------------------------------------
// Rule Definition
//------------------------------------------------------------------------------

const rule = ESLintUtils.RuleCreator.withoutDocs({
    meta: {
        type: "problem",
        docs: {
            description: "Accessibility: Image must have alt attribute",
            recommended: "error"
        },
        messages: {
            imageNeedsAlt: "Accessibility: Image must have alt attribute with a meaningful description of the image"
        },
        schema: []
    },
    defaultOptions: [], // no options needed
    create(context) {
        return {
            // Listen for variable declarations
            JSXOpeningElement(node: TSESTree.JSXOpeningElement) {
                // No error if the element is not an Image
                if (elementType(node) !== "Image") {
                    return;
                }

                // No error if alt prop exists and is non-empty
                if (hasNonEmptyProp(node.attributes, "alt")) {
                    return;
                }

                context.report({
                    node,
                    messageId: "imageNeedsAlt"
                });
            }
        };
    }
});

export default rule;

1	// Copyright (c) Microsoft Corporation.
2	// Licensed under the MIT License.
3
4	const elementType = require("jsx-ast-utils").elementType;	1✔
5	import { ESLintUtils, TSESTree } from "@typescript-eslint/utils";	1✔
6	import { hasNonEmptyProp } from "../util/hasNonEmptyProp";	1✔
7		1✔
8	//------------------------------------------------------------------------------
9	// Rule Definition
10	//------------------------------------------------------------------------------
11		1✔
12	const rule = ESLintUtils.RuleCreator.withoutDocs({
13	meta: {
14	type: "problem",
15	docs: {
16	description: "Accessibility: Image must have alt attribute",
17	recommended: "error"
18	},
19	messages: {
20	imageNeedsAlt: "Accessibility: Image must have alt attribute with a meaningful description of the image"
21	},
22	schema: []
23	},
24	defaultOptions: [], // no options needed
25	create(context) {	6✔
26	return {
27	// Listen for variable declarations
28	JSXOpeningElement(node: TSESTree.JSXOpeningElement) {
29	// No error if the element is not an Image	6!
NEW 30	if (elementType(node) !== "Image") {	×
31	return;
32	}
33		6✔
34	// No error if alt prop exists and is non-empty	2✔
35	if (hasNonEmptyProp(node.attributes, "alt")) {
36	return;	4✔
37	}
38
39	context.report({
40	node,
41	messageId: "imageNeedsAlt"
42	});
43	}
44	};	1✔
45	}
46	});
47
48	export default rule;

microsoft / eslint-plugin-fluentui-jsx-a11y / 17781003248

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous