Page MenuHomePhabricator

MentorDashboard: Accessibility issues report
Open, MediumPublic

Description

Running Chrome Lighthouse, FF Accessibility and axe DevTools produce the following report:

(1) Form elements do not have associated labels

form#mentee-filters-form > section.ext-growthExperiments-MenteeFiltersForm__form-group > div.ext-growthExperiments-NumberInput > input.ext-growthExperiments-NumberInput__input
<input class="ext-growthExperiments-NumberInput__input ext-growthExperiments-NumberInput…" min="0" step="1" type="number">
form#mentee-filters-form > section.ext-growthExperiments-MenteeFiltersForm__form-group > div.ext-growthExperiments-NumberInput > input.ext-growthExperiments-NumberInput__input
<input class="ext-growthExperiments-NumberInput__input ext-growthExperiments-NumberInput…" min="0" step="1" type="number">

Screen Shot 2022-09-23 at 1.58.40 PM.png (828×1 px, 97 KB)

(2) Links do not have a discernible name

div.growthexperiments-mentor-dashboard-module-mentor-tools-message > div.growthexperiments-mentor-dashboard-module-mentor-tools-mentor-message-headline-container > span#growthexperiments-mentor-dashboard-mentor-tools-signup-button >a.oo-ui-buttonElement-button <a class="oo-ui-buttonElement-button" role="button" tabindex="0" href="/wiki/Special:EnrollAsMentor" rel="nofollow">
Screen Shot 2022-09-23 at 2.59.43 PM.png (366×518 px, 19 KB)

(3) button, link, and menuitem elements do not have accessible names.

div.growthexperiments-mentor-dashboard-module-section > div.oo-ui-widget > span#growthexperiments-mentor-dashboard-module-mentor-tools-cog-menu > a.oo-ui-buttonElement-button<a class="oo-ui-buttonElement-button" role="button" tabindex="0" rel="nofollow" aria-expanded="false" aria-haspopup="true" aria-owns="ooui-1">
Screen Shot 2022-09-23 at 3.01.37 PM.png (348×504 px, 16 KB)
div.growthexperiments-mentor-dashboard-module-section > div.growthexperiments-mentor-dashboard-module-mentor-tools-mentor-weight > span#growthexperiments-mentor-dashboard-module-mentor-tools-mentor-weight-info-icon > a.oo-ui-buttonElement-button <a class="oo-ui-buttonElement-button" role="button" tabindex="0" rel="nofollow">
Screen Shot 2022-09-23 at 3.02.35 PM.png (348×508 px, 25 KB)

(4) Heading elements are not in a sequentially-descending order

Mentor status <h4>
Screen Shot 2022-09-23 at 3.12.42 PM.png (654×922 px, 89 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Thanks for reporting @Etonkovidova! Based on T300532#8256905, I assume this
is testwiki/Vue related, is that correct?

Thanks for reporting @Etonkovidova! Based on T300532#8256905, I assume this
is testwiki/Vue related, is that correct?

Yes, these issues are reported for testwiki/Vue.

kostajh triaged this task as Medium priority.Oct 12 2022, 1:18 PM
kostajh added a project: Accessibility.

Accessibility issues for a recently shipped product, let's fix before we move on to other things.

@Urbanecm_WMF I see this is "In Progress" on the GrowthExperiments-Mentorship workboard. Should I assign to you?

Yeah, I'll have a look at this.