Accessibility Report for "default"

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

Generated at: Sat Sep 07 2024 12:45:01 GMT+0000 (Coordinated Universal Time)

Overview of changes

✅ No change

All issues found

Errors (2)

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 (2)

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...