Skip to content

[A11Y] Search select fields missing label  #133

@israelcefrin

Description

@israelcefrin

Issue Description

Form control element <select> has no associated label, it will not be announced correctly to users that rely on assistive technology as screenreaders.

How to reproduce / Current behavior

  1. Access the search page of a Journal that uses Immersion Theme. https://ojs34.demo.publicknowledgeproject.org/index.php/immersion/search
  2. Activate a screenreader and navigate to the select fields (years, months)
  3. Notice that the field name are not announced.

What application are you using?

OJS version 3.4

Stack

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

Testing method

  • Method: Manual, Keyboard
  • Screenreader: VoiceOver

Action

Add the attribute id to the select fields to make them relatable to the declared labels.

Additional information

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions