Accessibility Report for "default"

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

Page generated: 2026-05-25 22:07:40 UTC

Overview of changes

Errors (3)

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>

Warnings (5)

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>

All issues found

Errors (5)

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>

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

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>

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>

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">
  • #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-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">
  • #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 (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 (3)

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">
  • #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-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">
  • #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">