Accessibility Report for "logged_in"

Run on: http://mediawiki-web:8080/wiki/Test?useskin=minerva

Generated at: Thu Dec 26 2024 12:49:54 GMT+0000 (Coordinated Universal Time)

Overview of changes

✅ No change

All issues found

Errors (3)

ARIA attributes must conform to valid values (https://dequeuniversity.com/rules/axe/4.8/aria-valid-attr-value?application=axeAPI)

Rule: axe, aria-valid-attr-value

Impact: critical

1 issue(s):

#ca-watch
<a role="button" id="ca-watch" href="/w/index.php?title=Test&amp;action=watch" data-event-name="menu.watch" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cd...

Form elements must have labels (https://dequeuniversity.com/rules/axe/4.8/label?application=axeAPI)

Rule: axe, label

Impact: critical

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

Anchor element found with a valid href attribute, but no link content has been supplied.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent

1 issue(s):

#mw-mf-page-center > a
<a class="mw-mf-page-center__mask" href="#"></a>

Warnings (4)

Ensures landmarks are unique (https://dequeuniversity.com/rules/axe/4.8/landmark-unique?application=axeAPI)

Rule: axe, landmark-unique

Impact: moderate

1 issue(s):

#mw-mf-page-center > header > div > nav:nth-child(1)<nav class="navigation-drawer toggle-list view-border-box">
					<input type="checkbox" id...</nav>

This form control contains an aria-labelledby attribute, however it includes an ID "mw-mf-main-menu-button" that does not exist on an element. The aria-labelledby attribute will be ignored for labelling test purposes.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.ARIA16,ARIA9

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

This form control contains an aria-labelledby attribute, however it includes an ID "mw-mf-main-menu-button" that does not exist on an element. The aria-labelledby attribute will be ignored for labelling test purposes.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1.ARIA16,ARIA9

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

The heading structure is not logically nested. This h4 element should be an h3 to be properly nested.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

1 issue(s):

```
#p-lang > h4
<h4>Languages</h4>
```

Notices (6)

ARIA role should be appropriate for the element (https://dequeuniversity.com/rules/axe/4.8/aria-allowed-role?application=axeAPI)

Rule: axe, aria-allowed-role

Impact: minor

6 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

#minerva-user-menu-checkbox
<input type="checkbox" id="minerva-user-menu-checkbox" class="toggle-list__checkbox" role="button" aria-labelledby="minerva-user-menu-toggle" aria-expanded="false" aria-haspopup="true">

#page-actions-overflow-checkbox
<input type="checkbox" id="page-actions-overflow-checkbox" class="toggle-list__checkbox" role="button" aria-labelledby="page-actions-overflow-toggle" aria-expanded="false" aria-haspopup="true">

#mw-mf-main-menu-button
<label role="button" for="main-menu-input" id="mw-mf-main-menu-button" aria-hidden="true" data-event-name="ui.mainmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button...

#minerva-user-menu-toggle
<label role="button" id="minerva-user-menu-toggle" for="minerva-user-menu-checkbox" aria-hidden="true" data-event-name="ui.usermenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-on...

#page-actions-overflow-toggle
<label role="button" id="page-actions-overflow-toggle" for="page-actions-overflow-checkbox" aria-hidden="true" data-event-name="ui.overflowmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-but...

Errors (3)

ARIA attributes must conform to valid values (https://dequeuniversity.com/rules/axe/4.8/aria-valid-attr-value?application=axeAPI)

Rule: axe, aria-valid-attr-value

Impact: critical

1 issue(s):

#ca-watch
<a role="button" id="ca-watch" href="/w/index.php?title=Test&amp;action=watch" data-event-name="menu.watch" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cd...

Form elements must have labels (https://dequeuniversity.com/rules/axe/4.8/label?application=axeAPI)

Rule: axe, label

Impact: critical

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

Anchor element found with a valid href attribute, but no link content has been supplied.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent

1 issue(s):

#mw-mf-page-center > a
<a class="mw-mf-page-center__mask" href="#"></a>

Warnings (4)

Ensures landmarks are unique (https://dequeuniversity.com/rules/axe/4.8/landmark-unique?application=axeAPI)

Rule: axe, landmark-unique

Impact: moderate

1 issue(s):

#mw-mf-page-center > header > div > nav:nth-child(1)<nav class="navigation-drawer toggle-list view-border-box">
					<input type="checkbox" id...</nav>

This form control contains an aria-labelledby attribute, however it includes an ID "mw-mf-main-menu-button" that does not exist on an element. The aria-labelledby attribute will be ignored for labelling test purposes.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.ARIA16,ARIA9

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

This form control contains an aria-labelledby attribute, however it includes an ID "mw-mf-main-menu-button" that does not exist on an element. The aria-labelledby attribute will be ignored for labelling test purposes.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1.ARIA16,ARIA9

1 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

The heading structure is not logically nested. This h4 element should be an h3 to be properly nested.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

1 issue(s):

```
#p-lang > h4
<h4>Languages</h4>
```

Notices (6)

ARIA role should be appropriate for the element (https://dequeuniversity.com/rules/axe/4.8/aria-allowed-role?application=axeAPI)

Rule: axe, aria-allowed-role

Impact: minor

6 issue(s):

#main-menu-input
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

#minerva-user-menu-checkbox
<input type="checkbox" id="minerva-user-menu-checkbox" class="toggle-list__checkbox" role="button" aria-labelledby="minerva-user-menu-toggle" aria-expanded="false" aria-haspopup="true">

#page-actions-overflow-checkbox
<input type="checkbox" id="page-actions-overflow-checkbox" class="toggle-list__checkbox" role="button" aria-labelledby="page-actions-overflow-toggle" aria-expanded="false" aria-haspopup="true">

#mw-mf-main-menu-button
<label role="button" for="main-menu-input" id="mw-mf-main-menu-button" aria-hidden="true" data-event-name="ui.mainmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button...

#minerva-user-menu-toggle
<label role="button" id="minerva-user-menu-toggle" for="minerva-user-menu-checkbox" aria-hidden="true" data-event-name="ui.usermenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-on...

#page-actions-overflow-toggle
<label role="button" id="page-actions-overflow-toggle" for="page-actions-overflow-checkbox" aria-hidden="true" data-event-name="ui.overflowmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-but...