mobile-html: optimize accessibility
Open, MediumPublic
Actions

Assigned To

None

Authored By

	cooltey
	Jan 7 2020, 10:56 PM

Description

Parent ticket: T226401#5780144

09) The Edit link is not labeled.

The edit pencil should have a correct label for the accessibility tool on a mobile device to say "Edit $title section"

(13) When using the Black theme, the color contrast between links and the background is 3.2:1. It should be at least 4.5:1. This was the only color contrast issue observed with the theme settings. Can we use colorAccent (color_group_3) for the links in dark and black mode?

The color hex should be ~~#69f~~#C8CCD1 (See comments from design).

(15) The superscript link on articles is 13dp x 14dp. Please increase to 48dp.

This comment might be helpful: https://phabricator.wikimedia.org/T226401#5348504

(16) The edit link within articles is 25dp x 26dp. Please increase to 48dp.

Add margin or padding on the edit pencil should be enough.

Related Objects
Search...

Status	Assigned	Task
Open	None	T242175 mobile-html: optimize accessibility
Resolved	• bearND	T251205 Change external link icon to SVG
Resolved	• bearND	T251206 Fix minifying of CSS
Resolved	JoeWalsh	T251352 change edit pencil link color for dark mode
Open	None	T251353 Add a11y label for edit links
Resolved	vadim-kovalenko	T251354 Increase touch target for superscript links
Resolved	Art.tsymbar	T251355 Increase touch target for edit links

Event Timeline

cooltey created this task.Jan 7 2020, 10:56 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 7 2020, 10:56 PM

LGoto triaged this task as Low priority.Jan 8 2020, 4:34 PM

LGoto moved this task from Needs triage to Needs investigation on the Product-Infrastructure-Team-Backlog-Deprecated board.

Can Design please sign off that this change is ok for both platforms in terms of color before we get to it?

Thanks!

@Jhernandez would it be possible to use #C8CCD1 for the edit pencil instead? This has a contrast ratio of 13.01 against black and more closely matches the relationship between the text / blue link / edit pencil on default. @schoenbaechler would this work for you?

@cmadeo

@Jhernandez would it be possible to use #C8CCD1 for the edit pencil instead? This has a contrast ratio of 13.01 against black and more closely matches the relationship between the text / blue link / edit pencil on default. @schoenbaechler would this work for you?

Works for me!

• Jhernandez updated the task description. (Show Details)Mar 18 2020, 3:49 PM

• Jhernandez moved this task from Needs investigation to Backlog on the Product-Infrastructure-Team-Backlog-Deprecated board.

• Jhernandez unsubscribed.Apr 2 2020, 6:46 PM

cooltey mentioned this in T226401: Optimize accessibility based on findings from external report.Apr 8 2020, 10:25 PM

• Charlotte subscribed.Apr 13 2020, 8:15 PM

Hey @LGoto - can we re-up this on the PI radar? Would be good to have these accessibility tweaks taken care of. Not burning down the house urgent, but nice to have from an accessibility point of view.

LGoto edited projects, added Product-Infrastructure-Team-Backlog-Deprecated (Kanban); removed Product-Infrastructure-Team-Backlog-Deprecated.Apr 14 2020, 3:46 PM

• bearND moved this task from To Do to Doing on the Product-Infrastructure-Team-Backlog-Deprecated (Kanban) board.Apr 21 2020, 3:38 PM

• bearND claimed this task.Apr 21 2020, 10:25 PM

Change 592771 had a related patch set uploaded (by BearND; owner: BearND):
[mediawiki/services/mobileapps@master] mobile-html: change link color

https://gerrit.wikimedia.org/r/592771

gerritbot added a project: Patch-For-Review.Apr 27 2020, 9:57 PM

Created subtasks for the individual items in the task description.

• bearND removed • bearND as the assignee of this task.May 5 2020, 8:26 PM

• bearND subscribed.

• bearND moved this task from Doing to To Do on the Product-Infrastructure-Team-Backlog-Deprecated (Kanban) board.May 5 2020, 8:28 PM

• bearND removed a project: Patch-For-Review.May 5 2020, 11:20 PM

• bearND moved this task from Kanban to Needs investigation on the Product-Infrastructure-Team-Backlog-Deprecated board.