[QA task] Accessibility check for Wikifunctions pages
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Etonkovidova
	Jan 26 2023, 5:58 PM

Project Tags

Referenced Files

	F37130870: Screen Shot 2023-07-06 at 10.53.08 AM.png
	Jul 6 2023, 5:59 PM

	F37130858: Screen Shot 2023-07-06 at 10.41.29 AM.png
	Jul 6 2023, 5:59 PM

	F37130856: Screen Shot 2023-07-06 at 10.36.43 AM.png
	Jul 6 2023, 5:59 PM

Subscribers

Aklapper

Etonkovidova

Description

Function page

e.g. https://wikifunctions.beta.wmflabs.org/wiki/Z10014
Both tabs - About and Details were checked.

About tab

(1) Critical [role]s are not contained by their required parent element
Failing Elements

e.g. "Z1K1": "Z2",

<div class="ace_line" role="option" style="height: 16px; top: 16px;">

Details tab

(1) Critical Form elements do not have associated labels

<input class="cdx-checkbox__input" type="checkbox" value="false">

DONE <input class="ext-wikilambda-pagination__page-selector__input" max="2">`

DONE (2) [aria-hidden="true"] elements contain focusable descendents

Toggle limited content width
<button aria-hidden="true" class="mw-ui-icon mw-ui-icon-element mw-ui-button vector-limited-width-toggle" data-event-name="limited-width-toggle-off">

DONE (3) ARIA input fields do not have accessible names

Approved	`<div class="ext-wikilambda-chip_text ext-wikilambda-chip_input" role="textbox" contenteditable="false">`
Deactivated	`<div class="ext-wikilambda-chip_text ext-wikilambda-chip_input" role="textbox" contenteditable="false">`

DONE (4) Background and foreground colors do not have a sufficient contrast ratio.

Z10014	`<span class="ext-wikilambda-viewpage-header-zid">`
Jump to content Main menu Wikifunctions Create account Personal tools Close Tes…	`<div class="mw-page-container">`
Function (Z8)	`div class="ext-wikilambda-viewpage-header-type">`

Special:SpecialPages-Wikifunctions

DONE

Special:CreateZObject	(1) [role]s are not contained by their required parent element	`<div class="ace_line" role="option" style="height: 16px; top: 16px;">`
	(2) Form elements do not have associated labels	`td > div.ext-wikilambda-zstring > span > input.ext-wikilambda-zstring <input class="ext-wikilambda-zstring">`
		`div > div.ext-wikilambda-json > div.ext-wikilambda-codeEditor > textarea.ace_text-input <textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" readonly="" style="opacity: 0; font-size: 1px; transform: translate(0px, 0px);">`

Special:EvaluateFunctionCall

No issues

Special:ListZObjectsByType Serious (1) <dl>'s do not contain only properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements. Argument declaration (Z17) Argument reference (Z18) Boolean (Z40) Byte (Z80) Ca…<dl>

Special:ListDuplicateZObjectLabels

No issues

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Resolved		Etonkovidova	T328058 [QA task] Accessibility check for Wikifunctions pages
		Resolved		gengh	T326347 Accessibility check - not sufficient contrast for ext-wikilambda-viewpage-header elements

Event Timeline

Etonkovidova created this task.Jan 26 2023, 5:58 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 26 2023, 5:58 PM

Maintenance_bot added a project: Abstract Wikipedia team.Jan 26 2023, 6:30 PM

Etonkovidova updated the task description. (Show Details)Jan 26 2023, 7:55 PM

Etonkovidova updated the task description. (Show Details)Jan 30 2023, 8:19 PM

Etonkovidova updated the task description. (Show Details)Jan 30 2023, 8:52 PM

Etonkovidova mentioned this in T328627: Accessibility check: Background and foreground colors on disabled primary Codex buttons do not have a sufficient contrast ratio..Feb 2 2023, 2:56 AM

Jdforrester-WMF renamed this task from [QA task] Accessibility check for wikifuncitons pages to [QA task] Accessibility check for Wikifunctions pages .Feb 7 2023, 7:19 PM

Jdforrester-WMF moved this task from To Triage to Phase κ – Clean-up on the Abstract Wikipedia team board.Feb 7 2023, 7:45 PM

Jdforrester-WMF edited projects, added: Abstract Wikipedia team (Phase κ – Clean-up); removed: Abstract Wikipedia team.

Jdforrester-WMF added a subtask: T326347: Accessibility check - not sufficient contrast for ext-wikilambda-viewpage-header elements.Feb 8 2023, 1:58 PM

Jdforrester-WMF triaged this task as Medium priority.Mar 24 2023, 1:25 AM

Jdforrester-WMF moved this task from Phase κ – Clean-up to Phase λ – Launch on the Abstract Wikipedia team board.Jun 16 2023, 8:32 AM

Jdforrester-WMF edited projects, added: Abstract Wikipedia team (Phase λ – Launch); removed: Abstract Wikipedia team (Phase κ – Clean-up).

Jdforrester-WMF moved this task from Incoming to Engineering tasks on the Abstract Wikipedia team (Phase λ – Launch) board.Jun 16 2023, 8:35 AM

Re-checked - Function: And (Z10014) (Vector Legacy, Read mode, About tab, only relevant to wikifunction content issues are listed in the table below).

Chrome Lighthouse evaluate the accessibility of the page Function: And (Z10014) as 77% (e.g. Special:RecentChanges page's score - 92%)

axe DevTools reports 23 Critical issues (to compare, e.g. Special:RecentChanges - 1 Critical total)

Severity	Issue	Count	Details
Critical	Certain ARIA roles must be contained by particular parents	21	All issues refer to Current ZObject list e.g. `Element Location: .ace_line[role="option"]:nth-child(1) <div class="ace_line" role="option" style="height: 15.9091px; top: 365.909px;">`
Critical	ARIA roles used must conform to valid values	1	`Element Location: .ace_line[role="option"]:nth-child(1) <div class="ace_line"role="option" style="height: 15.9091px; top: 365.909px;">`
Critical	Form elements must have labels	1	`Element Location: textarea <textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" readonly="" style="opacity: 0; font-size: 1px; transform: translate(0px, 0px);"></textarea>`