Skip to content

Article galleys missing heading section #166

@israelcefrin

Description

@israelcefrin

Issue Description

The article galley links (PDF, XML, HTML) are displayed as a grouped list without an associated heading or accessible section label. As a result, the purpose of the group is not programmatically determinable for assistive technologies.

This affects navigation and orientation for screen reader users when accessing article landing pages.

How to reproduce / Current behavior

  1. Open an article landing page.
  2. avigate to the galley links section containing PDF, XML, and HTML links.
  3. Inspect the markup or navigate using a screen reader’s heading or region navigation.
  4. Inspect the markup or navigate using screen reader heading or region navigation.

Current behavior:

Screen readers announce the links individually (“PDF, link”, “XML, link”, etc.) but provide no context indicating that these links are article galleys or available formats.

What application are you using?

OJS version 3.4

Stack

  • Device: Laptop,
  • OS: MacOS
  • Browser: Firefox

Testing method

  • Method: Manual, Keyboard

Action

Add a semantic section label to the galley list so its purpose is clear to assistive technologies. This can be achieved by:

<h2>Article galleys</h2>
  • Associating the list with a heading using aria-labelledby, or
  • Wrapping the content in a semantic landmark (e.g., <section>) with an accessible name.

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

To do

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions