[Link Item] Underline styling is applied to a non-link container instead of the link itself

[coseeian]

Title

[Link Item] Underline styling is applied to a non-link container instead of the link itself

Description

The page contains underlined link text, but the text-decoration style is applied to a non-link parent element (

) rather than the interactive link element (). While this does not break accessibility functionality, it may reduce semantic clarity and confuse users — especially those with cognitive disabilities or relying on visual cues for navigation. Applying Underline styling directly to the link element helps improve maintainability and accessibility best practices.

Steps to Reproduce

1. go to /reference/p5/arc/
2. Locate to the following element:
   ._linklabel_aobbt_1052.current (CSS Selector)
   (This issue is since to be a global issue)

Actual Behavior

The link text appears underlined, but the underline style is applied to the <li> element rather than the <a> element.

Expected Behavior

The underline should be applied directly to the <a> element to ensure that the visual style matches the interactive element.

Environments

No response

Suggested Fix

Move the underline style from the parent <li> element to the child <a> element.

Reference

This issue is not a direct WCAG violation but is closely related to WCAG 2.2 Success Criterion 1.3.1 - Info and Relationships.
It is flagged as a best-practice warning by accessibility evaluation tools.

What is your operating system?

None

Web browser and version

No response

[Mayank2142]

Hi! I would like to work on this issue. It seems like a good beginner-friendly accessibility fix.

Can I take this up?

[davepagurek]

Thanks @Mayank2142! When looking into this, let us know if you notice the CSS class responsible for this being applied elsewhere in the codebase, in case more places than the reference index in the sidebar are affected.