Datenschutz in menu cannot be tabbed to

🐜 Bug report

When tabbing through the menu overlay, the tabbing wraps around before reaching the Datenschutz link

What is the expected behaviour?

The tabbing should wrap around after the last tabbable element

What is the actual behaviour?

The tabbing wraps around after the Impressum link

Steps to Reproduce

1. Open the app
2. Open the menu
3. hit the tab button until reaching "Impressum"
4. Tab again

Files

A list of relevant files for this issue. This will help people navigate the project and offer some clues of where to start.

• main-menu-body.component.ts

Related code:

            <a
                #lastFocusableItem
                class="dialog-footer"
                [routerLink]="'/legal'"
                (click)="closeDialog()"
            >{{'MAIN_MENU.IMPRESSUM' | translate }}</a>
            <a
                #lastFocusableItem
                class="dialog-footer"
                [routerLink]="'/privacy-policy'"
                (click)="closeDialog()"
            >{{'PRIVACY_POLICY.TITLE' | translate }}</a>

Any possible solutions?

We're currently basing our tabbing decision based around the marker of #lastFocussableItem, which was accidentally duplicated.

The simplest solution would be to remove this from the first item, but we might want to consider determining the last focussable item in code, so this doesn't happen again