Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Skip link is not detected in Keyboard IGT #4478

Open
1 task done
joppekroon opened this issue May 27, 2024 · 2 comments
Open
1 task done

Skip link is not detected in Keyboard IGT #4478

joppekroon opened this issue May 27, 2024 · 2 comments
Labels
extension Axe Firefox or Chrome extension issues ungroomed Ticket needs a maintainer to prioritize and label

Comments

@joppekroon
Copy link

Product

axe Extension

Product Version

v4.80.1

Latest Version

  • I have tested the issue with the latest version of the product

Issue Description

Expectation

Not flag off-screen skip-links that come in on :focus as "skipped in tab order".

Actual

Depending on where focus is placed prior to the test, the Keyboard IGT will flag an off screen skip link, built as per the university entry for skip links, in step 3 as "skipped in tab order".

How to Reproduce

  • Clicking anywhere in the page to place focus on the page (but not a control!) results in the skip link not being picked up in step 1, and in step 3 the question is asked if there is an alternative. Screenshot is missing, but highlighting reveals it is the skip-link that is being flagged.

  • Placing focus in the browsers url-bar (i.e. focus starts definitely before the skip link) still results in the skip-link not being detected.

  • Making sure a control is focused triggers the initial question to start testing from the top of the page. Answering 'yes' here, causes the skip link to be found without issues and no problems are flagged.

@joppekroon joppekroon added the ungroomed Ticket needs a maintainer to prioritize and label label May 27, 2024
@github-actions github-actions bot added the extension Axe Firefox or Chrome extension issues label May 27, 2024
@joppekroon
Copy link
Author

Basic reproduction HTML page.
Click the H1 before running the Keyboard IGT, and the skip link will be flagged.

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Skip link missed in Keyboard IGT</title>
  <style>
    #skip a {
      display: block;
      position: absolute;
      left: -999px;
      top: -999px;
    }

    #skip a:focus {
      left: 0;
      top: 0;
      padding: 3px;
      background: #ffc;
      border:1px solid #990000;
    }
  </style>
</head>
<body>
<div id="skip">
  <a href="#main">Skip Content</a>
</div>
<header>
  <h1>Skip link missed in Keyboard IGT</h1>
  <button>menu button (skipped by link)</button>
</header>
<main id="main">
  <p>Some other content here including a button</p>
  <button>I am the first focusable item in main</button>
</main>
</body>
</html>

@Amandeque
Copy link

@joppekroon Thank you for bringing up this issue. I've created a ticket for it in our product backlog. We will prioritize and resolve it in one of our upcoming releases.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
extension Axe Firefox or Chrome extension issues ungroomed Ticket needs a maintainer to prioritize and label
Projects
None yet
Development

No branches or pull requests

2 participants