Skip to content

Make external links box on viewgame page more screen reader friendly #1389

Description

@alice-blue

The external links box has file type icons which are links and, beside them, text links that lead to the same destination.

For at least one screen reader user, the screen reader announces a file name when it gets to the icon link, presumably because no alt text is provided for the icons.

I got a suggestion to handle it this way:

  • Hide the icon links using aria-hidden and tabindex. (The story file type is usually mentioned in adjacent text anyway.)
  • Add alt-text to the graphic links as a fallback in case ARIA isn't honored. For story files, it was suggested that the alt text be "Download" followed by the same text used in the text link. For non-story files, just use the same text that's in the text link.

Related to #1388 and #1377

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