Minor – AccessiCart Issue Tracker

A video presented in Spanish is labeled with an English title. When the visible title does not reflect the language of the content, users may not understand what to expect before interacting with the media.

User impacts

Follow the links for additional information on user impairments:

WCAG violation(s)

WCAG 3.1.2: Language of Parts (AA) (external link, opens in a new tab)

WCAG 2.4.4: Link Purpose (In Context) (A) (external link, opens in a new tab)

Example(s)

Point and Pay Online Payments (external link, opens in a new tab)

A screenshot of a list of 3 helpful videos. The second items says "Watch: How to Create an Account and Set Up Recurring Payments (Spanish)".

“Watch: How to Create an Account and Set Up Recurring Payments (Spanish)” is in English despite intending to appeal to Spanish speakers.

Remediation

For this issue to be remediated and marked Fixed, all the items below must be addressed.

Method

Change “Watch: How to Create an Account and Set Up Recurring Payments (Spanish)” to its Spanish counterpart (eg, “Mire: Cómo crear una cuenta y configurar pagos recurrentes (Español)” — not translated by someone who speaks Spanish)
Ensure its language tag is updated to es

Resources

Document and Content Language (external link, opens in a new tab) (WebAIM)

Some header links include title attributes that are empty or whitespace-only (title=" "). Empty title attributes can create inconsistent tooltip behavior and may be announced unpredictably depending on assistive technology and settings.

User impacts

Follow the links for additional information on user impairments:

Best practice violation

Best practice violations do not violate specific WCAG criteria but negatively impact user experience by violating a POUR principle:

Perceivable: If content on your site is not presented in a way that all users can perceive—like text without sufficient color contrast or images without alt text—some users might miss crucial information.
Operable: When interactive elements are not fully navigable or usable with a keyboard alone, they fail to be operable for users who rely on assistive technologies or non-mouse inputs.
Understandable: Content that is overly complex, uses inconsistent navigation, or includes unpredictable interactions can make your site difficult to understand for many users, leading to confusion or errors.
Robust: If your site relies on outdated technology or isn’t compatible with assistive devices, it might not be robust enough to support all users, particularly those using newer or more specialized tools.

Example(s)

<li id="menu-item-1235" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1235">
    <a href="/my-account" title="                        ">My Account
        ...
    </a>
</li>

This is at least on “My Account” and “Checkout” in the header menu.

Remediation

Remove empty title attributes or provide them with relevant values.

Several links on the site, particularly in the footer and navigation menu, are empty (<a href="#">), causing confusion for users trying to navigate the site. These links don’t lead anywhere and can mislead users into thinking they are interactive elements.

User impacts

Follow the links for additional information on user impairments:

WCAG violation(s)

WCAG 2.4.4: Link Purpose (A) (external link, opens in a new tab)

Remediation

Remove or replace empty links with either a valid destination URL.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This issue arises from the absence of an alt attribute for informative images, preventing screen reader users from accessing their content. Informative images, such as rating stars in review sections or text-based images, require descriptive alt text to convey their meaning. Without it, these images are announced as unlabelled, leading to a loss of critical information and hindering accessibility for visually impaired users across multiple pages.

User impacts

Follow the links for additional information on user impairments:

WCAG violation

WCAG 1.1.1: Non-text Content (A) (external link, opens in a new tab)

Examples

Global, all rating stars (Homemade Cruffins (external link, opens in a new tab))

A screenshot highlighting the star rating section of a recipe.

Global, Comment section (Strawberry Cake (external link, opens in a new tab))

A screenshot highlighting the star rating section of a user comment.

The alt attribute is missing for the informative ratings star images found in the “Homemade Cruffins”, “Recipe Rating”, and “Reader Comments and Reviews” sections.

Testing conditions

Chrome/JAWS

Steps to reproduce

Navigate to the mentioned informative image in the main content area.
Inspect the code of the image.
Notice that the alt attribute is not specified for the img tag.

Remediation

Add appropriate alt attributes to informative images, providing descriptive text that conveys their content. Regularly audit and update image attributes to ensure accessibility for screen reader users.

This issue arises from the absence of text transcripts for videos containing audio and video content, creating accessibility barriers for users with visual and hearing impairments, including deaf-blind individuals. Without a text transcript to provide a written representation of the audio and visual elements, screen readers and other assistive technologies cannot fully convey the video’s information. This omission prevents users who cannot access audio due to hearing disabilities or technical limitations, as well as those with visual impairments, from understanding the content effectively.

User impacts

Follow the links for additional information on user impairments:

WCAG violation

WCAG 1.2.3: Audio Description or Media Alternative (Prerecorded) (A) (external link, opens in a new tab)

Examples

Global, (Homemade Cruffins (external link, opens in a new tab))

Global, (About (external link, opens in a new tab))

A screenshot of a video highlighted on the about page.

Global, (Minimal Ingredient Baking (external link, opens in a new tab))

A screenshot of a video highlighted on the Minimal Ingredient Baking page.

These screenshots demonstrate that the videos lack a text transcript for the audio/video content. As a result, the audio/video content of the video will be inaccessible to visual and hearing impairment (deaf-blind users) users.

Testing conditions

Chrome/JAWS
FireFox/NVDA

Steps to reproduce

Navigate to the video in the specified section and activate it.
Play any of the videos.
Observe there is no text transcript for the audio/video content of the video.

Remediation

Provide text transcripts for all videos to offer a written representation of the audio and video content, ensuring accessibility for users with visual and hearing impairments. Regularly review and update video content with transcripts to maintain compliance and enhance user experience.