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 links - use Bootstrap defaults #25

Open
stefan-korn opened this issue Oct 15, 2024 · 0 comments
Open

Skip links - use Bootstrap defaults #25

stefan-korn opened this issue Oct 15, 2024 · 0 comments

Comments

@stefan-korn
Copy link

Our goal is to use Bootstrap 5.3 defaults whenever possible. In case of the skip links it seems that the current solution is not utilizing Bootstrap to the full extent, especially not the recipe Bootstrap's docs are giving for skip links.

Maybe the skip links could be transformed to something like this:

    <nav class="position-absolute top-0">
      <div class="list-group visually-hidden-focusable pt-3">
        <a class="list-group-item text-nowrap" href="#header-nav">Zur Navigation</a>
        <a class="list-group-item text-nowrap" href="#header-search">Zur Suche</a>
        <a class="list-group-item text-nowrap" href="#content">Zum Inhalt</a>
      </div>
    </nav>

This way most (or ideally all) of the scss for the skip links is not needed anymore.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant