hello,
Sorry I didn’t explain the issue clearly — in fact, the main problem is this:
The problem concerns adjacent <a> elements that all point to the same destination (href="#"). This pattern causes accessibility and usability concerns, as multiple links leading to the same non-functional target can confuse users—especially those relying on screen readers or keyboard navigation.
Here’s a simplified example of the current implementation:
var el_a = document.createElement('a');
el_a.href = "#"; // All links share this non-functional href
Issue Summary:
- Multiple adjacent links with identical
href="#" values.
- Fails WCAG 2.1 Success Criterion 2.4.4 (Link Purpose) and 4.1.2 (Name, Role, Value).
- Flagged by AccessMonitor and other accessibility validators.