Accessibility Report for "logged_in"

Run on: http://localhost:8080/wiki/Test?useskin=vector-2022

Page generated: 2026-05-27 02:03:29 UTC

Overview of changes

Errors (4)

This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Rule: htmlcs, WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

3 issue(s): 
  • #skin-client-prefs-vector-feature-custom-font-size > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-vector-feature-limited-width > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-skin-theme > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>

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

Rule: axe, aria-valid-attr-value

Impact: critical

1 issue(s): 
  • #ca-watch > a
    <a href="/w/index.php?title=Test&amp;action=watch" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" data-mw-interface="1" title="Add this page to your watchlist [alt-w]" access...

Warnings (7)

If these radio buttons or check boxes require a further group-level description, they should be contained within a fieldset element.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.SameName

3 issue(s): 
  • #skin-client-prefs-vector-feature-custom-font-size > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-vector-feature-limited-width > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-skin-theme > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>

This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206

2 issue(s): 
  • html > body > div:nth-child(5)
    <div class="vector-header-container vector-sticky-header-container no-font-mode-scale">
	<div id="vector-sticky-header...</div>
  • #p-dock-bottom
    <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom">
	<ul>
		
	</ul>
</div>

Form field must not have multiple label elements (https://dequeuniversity.com/rules/axe/4.11/form-field-multiple-labels?application=axeAPI)

Rule: axe, form-field-multiple-labels

Impact: moderate

1 issue(s): 
  • #vector-user-links-dropdown-checkbox
    <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools">

Anchor element found with link content, but no href, ID or name attribute has been supplied.

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

1 issue(s): 
  • #catlinks > span > a
    <a>edit</a>

Notices (1)

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

Rule: axe, aria-allowed-role

Impact: minor

1 issue(s): 
  • #vector-user-links-dropdown-checkbox-sticky-header
    <input type="checkbox" id="vector-user-links-dropdown-checkbox-sticky-header" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown-sticky-header" class="vector-dropdown-checkbox " aria-label="Personal tools" tabi...

All issues found

Errors (2)

Elements must only use permitted ARIA attributes (https://dequeuniversity.com/rules/axe/4.11/aria-prohibited-attr?application=axeAPI)

Rule: axe, aria-prohibited-attr

Impact: serious

1 issue(s): 
  • #bodyContent
    <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container="">
					<div class="vector-body-b...</div>

This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

1 issue(s): 
  • #vector-sticky-search-form > div > div > input
    <input class="cdx-text-input__input mw-searchInput" autocomplete="off" type="search" name="search" placeholder="Search mediawiki">

Warnings (5)

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

2 issue(s): 
  • #pt-notifications-alert > a > span:nth-child(2)
    <span>Alerts (0)</span>
  • #pt-notifications-notice > a > span:nth-child(2)
    <span>Notices (0)</span>

The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.

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

2 issue(s): 
  • #vector-toc > div > h2
    <h2 class="vector-pinnable-header-label">Contents</h2>
  • #vector-toc > div > h2
    <h2 class="vector-pinnable-header-label">Contents</h2>

Img element is marked so that it is ignored by Assistive Technology.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.2

1 issue(s): 
  • html > body > div:nth-child(3) > header > div:nth-child(1) > a > span > img:nth-child(2)
    <img class="mw-logo-tagline" alt="" src="https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;">

Notices (8)

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

Rule: axe, aria-allowed-role

Impact: minor

8 issue(s): 
  • #vector-main-menu-dropdown-checkbox
    <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu">
  • #vector-user-links-dropdown-checkbox
    <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools">
  • #p-lang-btn-checkbox
    <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="This article is only available in this language. Add th...
  • #vector-variants-dropdown-checkbox
    <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant">
  • #vector-page-tools-dropdown-checkbox
    <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools">
  • #vector-appearance-dropdown-checkbox
    <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance">
  • #vector-page-titlebar-toc-checkbox
    <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents">
  • #vector-sticky-header-toc-checkbox
    <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents">

Errors (6)

This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Rule: htmlcs, WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

3 issue(s): 
  • #skin-client-prefs-vector-feature-custom-font-size > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-vector-feature-limited-width > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-skin-theme > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>

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

Rule: axe, aria-valid-attr-value

Impact: critical

1 issue(s): 
  • #ca-watch > a
    <a href="/w/index.php?title=Test&amp;action=watch" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" data-mw-interface="1" title="Add this page to your watchlist [alt-w]" access...

Elements must only use permitted ARIA attributes (https://dequeuniversity.com/rules/axe/4.11/aria-prohibited-attr?application=axeAPI)

Rule: axe, aria-prohibited-attr

Impact: serious

1 issue(s): 
  • #bodyContent
    <div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
					<div class="vector-body-b...</div>

This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Rule: htmlcs, WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

1 issue(s): 
  • #vector-sticky-search-form > div > div > input
    <input class="cdx-text-input__input mw-searchInput" autocomplete="off" type="search" name="search" placeholder="Search mediawiki">

Warnings (12)

If these radio buttons or check boxes require a further group-level description, they should be contained within a fieldset element.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.SameName

3 issue(s): 
  • #skin-client-prefs-vector-feature-custom-font-size > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-vector-feature-limited-width > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>
  • #skin-client-prefs-skin-theme > div:nth-child(2) > ul > li > div > form
    <form><div class="cdx-radio"><input n...</form>

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

2 issue(s): 
  • #pt-notifications-alert > a > span:nth-child(2)
    <span>Alerts (0)</span>
  • #pt-notifications-notice > a > span:nth-child(2)
    <span>Notices (0)</span>

The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.

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

2 issue(s): 
  • #vector-toc > div > h2
    <h2 class="vector-pinnable-header-label">Contents</h2>
  • #vector-toc > div > h2
    <h2 class="vector-pinnable-header-label">Contents</h2>

This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206

2 issue(s): 
  • html > body > div:nth-child(5)
    <div class="vector-header-container vector-sticky-header-container no-font-mode-scale">
	<div id="vector-sticky-header...</div>
  • #p-dock-bottom
    <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom">
	<ul>
		
	</ul>
</div>

Form field must not have multiple label elements (https://dequeuniversity.com/rules/axe/4.11/form-field-multiple-labels?application=axeAPI)

Rule: axe, form-field-multiple-labels

Impact: moderate

1 issue(s): 
  • #vector-user-links-dropdown-checkbox
    <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools">

Img element is marked so that it is ignored by Assistive Technology.

Rule: htmlcs, WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.2

1 issue(s): 
  • html > body > div:nth-child(3) > header > div:nth-child(1) > a > span > img:nth-child(2)
    <img class="mw-logo-tagline" alt="" src="https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;">

Anchor element found with link content, but no href, ID or name attribute has been supplied.

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

1 issue(s): 
  • #catlinks > span > a
    <a>edit</a>

Notices (9)

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

Rule: axe, aria-allowed-role

Impact: minor

9 issue(s): 
  • #vector-main-menu-dropdown-checkbox
    <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu">
  • #vector-user-links-dropdown-checkbox
    <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools">
  • #p-lang-btn-checkbox
    <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="This article is only available in this language. Add th...
  • #vector-variants-dropdown-checkbox
    <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant">
  • #vector-page-tools-dropdown-checkbox
    <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools">
  • #vector-appearance-dropdown-checkbox
    <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance">
  • #vector-page-titlebar-toc-checkbox
    <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents">
  • #vector-sticky-header-toc-checkbox
    <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents">
  • #vector-user-links-dropdown-checkbox-sticky-header
    <input type="checkbox" id="vector-user-links-dropdown-checkbox-sticky-header" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown-sticky-header" class="vector-dropdown-checkbox " aria-label="Personal tools" tabi...