Accessibility Report for "logged_in"

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

Generated at: Sat Apr 26 2025 09:51:50 GMT+0000 (Coordinated Universal Time)

Overview of changes

✅ No change

All issues found

Errors (4)

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" data-event-name="ui.mainmenu" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

Links must have discernible text (https://dequeuniversity.com/rules/axe/4.8/link-name?application=axeAPI)

Rule: axe, link-name

Impact: serious

1 issue(s): 
  • #mw-mf-page-center > a
    <a class="mw-mf-page-center__mask" href="#"></a>

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>

Duplicate id attribute value "ca-edit" found on the web page.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

1 issue(s): 
  • #ca-edit
    <a role="button" id="ca-edit" href="/w/index.php?title=Test&amp;action=edit" data-event-name="menu.edit" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-b...

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" data-event-name="ui.mainmenu" 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" data-event-name="ui.mainmenu" 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 (3)

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

3 issue(s): 
  • #main-menu-input
    <input type="checkbox" id="main-menu-input" data-event-name="ui.mainmenu" 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" data-event-name="ui.usermenu" 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" data-event-name="ui.overflowmenu" aria-labelledby="page-actions-overflow-toggle" aria-expanded="false" aria-haspopup="true">

Errors (4)

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" data-event-name="ui.mainmenu" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">

Links must have discernible text (https://dequeuniversity.com/rules/axe/4.8/link-name?application=axeAPI)

Rule: axe, link-name

Impact: serious

1 issue(s): 
  • #mw-mf-page-center > a
    <a class="mw-mf-page-center__mask" href="#"></a>

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>

Duplicate id attribute value "ca-edit" found on the web page.

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

1 issue(s): 
  • #ca-edit
    <a role="button" id="ca-edit" href="/w/index.php?title=Test&amp;action=edit" data-event-name="menu.edit" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-b...

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" data-event-name="ui.mainmenu" 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" data-event-name="ui.mainmenu" 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 (3)

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

3 issue(s): 
  • #main-menu-input
    <input type="checkbox" id="main-menu-input" data-event-name="ui.mainmenu" 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" data-event-name="ui.usermenu" 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" data-event-name="ui.overflowmenu" aria-labelledby="page-actions-overflow-toggle" aria-expanded="false" aria-haspopup="true">