Conversation
| export const ImagesTemplate = () => { | ||
| return ( | ||
| <> | ||
| <img src="/images/imagesTemplate/oldPaperTexture.jpg"></img> |
There was a problem hiding this comment.
WCAG 1.1.1: Image element missing alt attribute.
Images must have alternate text. Add an alt attribute to <img> elements. Decorative images may use an empty alt attribute (alt=""), role='none', or role='presentation'.
Details
Adjacent text: /* eslint-disable jsx-a11y/no-noninteractive-tabindex /
/ eslint-disable jsx-a11y/alt-text */
impo
Every image needs an alt attribute. For informative images, describe the content or function concisely. For decorative images (backgrounds, spacers, purely visual flourishes), use alt='' to hide them from screen readers. Never omit alt entirely—screen readers may read the filename instead.
| <img src="/images/imagesTemplate/oldPaperTexture.jpg"></img> | ||
| <div role="button"> | ||
| Testing | ||
| <div role="menuitem">123</div> |
There was a problem hiding this comment.
WCAG 1.3.1: Role "menuitem" must be contained within: menu, menubar, group.
Certain ARIA roles must be contained within specific parent roles.
Details
Some ARIA roles represent items that must exist within specific container roles. For example, a listitem must be within a list, a tab must be within a tablist. Wrap the element in the appropriate parent, or use native HTML elements that provide this structure (e.g., <li> inside <ul>).
Describe your changes
Screenshots - If Any (Optional)
Link to issue
Closes #
Checklist before requesting a review
and it shows no errors.
Additional Information (Optional)
Any additional information that you want to give us.