Skip to content

Links that contain icons with aria-labels are mistakenly skipped in the reading order #233

@adamcruse

Description

@adamcruse

Our website uses the pattern in this example from w3.org for icon links that do not have visible text.

The ANDI tool is skipping over valid links like these in the traverseReadingOrder() function on line 683 in the sandi.js file.

code for search icon:

<a class="mainlink_a" href="/search_e" class="search_clickify"><i class="fa-solid fa-magnifying-glass" role="img" aria-label="Search"></i></a>

screenshot of reading order where search is skipped:

ANDI

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions