Maniphest T308320

Improve accessibility for Kartographer
Open, Needs TriagePublic
Actions

Assigned To

None

Authored By

	lilients_WMDE
	May 13 2022, 1:19 PM

Tags

Referenced Files

None

Subscribers

Description

To improve accessibility we want to:

check if all relevant elements are visible (buttons, links, etc.)
test keyboard usage (tab navigation, arrow keys, +/-, etc.)
test screen reader
check with a11y tools for issues

We can test for accessibility in:

full screen
embedded
mobile T326787: Test map features on mobile
desktop
dynamic mode
static mode
different browser
different skins

We want to improve the accessibility of the maps tools:

Map view in read mode

Kartographer in Visual Editor
- T308240: Tab navigation in VE Maps dialog
- notes in doc

Details

	Subject	Repo	Branch	Lines +/-
	Add a11y label to close sidebar button	mediawiki/extensions/Kartographer	master	+6 -1
	Properly hide the map dialog sidebar for a11y	mediawiki/extensions/Kartographer	master	+20 -1
	Mark the close map dialog button with role button	mediawiki/extensions/Kartographer	master	+2 -1

Customize query in gerrit

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T338318 Evaluate & improve accessibility of TechWish products
		Open		None	T308320 Improve accessibility for Kartographer
		Open		None	T308240 Tab navigation in VE Maps dialog
		Invalid	BUG REPORT	None	T307994 Make all VE maps dialog interactive elements reachable by tab key
		Resolved	BUG REPORT	thiemowmde	T307995 It's possible to tab from the location bar to elements in the document behind any OOUI modal dialog
		Resolved		Andrew-WMDE	T315997 Make focus on map more visible when using keyboard nav
		Open	BUG REPORT	None	T321435 Improve screen reader/voice over support of transcluded maps
		Resolved	BUG REPORT	thiemowmde	T326786 Can't press enter on mapframe fullscreen button in Chrome
		Resolved		None	T326787 Test map features on mobile
		Resolved		None	T320613 [beta cluster] Enable new Kartographer Nearby on minerva
		Open		None	T323467 Monitor Kartographer JavaScript errors
		Resolved		None	T326790 Only make map elements focusable that have an interaction
		Resolved		lilients_WMDE	T320701 Keyboard tab navigation to geoshapes
		Resolved	BUG REPORT	thiemowmde	T326804 Can not press enter on close button in map fullscreen
		Open		None	T328137 Add alternative title to maps
		Open		None	T328139 Add alternative title to image in nearby popup
		Open		None	T328140 Add titles to nearby markers and popups
		Open		None	T328142 Add title to maki icons
		Resolved		lilients_WMDE	T326808 No auto-focus when using the arrow keys

Event Timeline

lilients_WMDE created this task.May 13 2022, 1:19 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 13 2022, 1:19 PM

lilients_WMDE added a subtask: T308240: Tab navigation in VE Maps dialog.May 13 2022, 1:20 PM

• Amberhenderson247 triaged this task as Unbreak Now! priority.May 18 2022, 9:02 AM

RhinosF1 lowered the priority of this task from Unbreak Now! to Needs Triage.May 18 2022, 9:12 AM

Restricted Application added a subscriber: RhinosF1. · View Herald TranscriptMay 18 2022, 9:12 AM

ECohen_WMDE added a subtask: T320701: Keyboard tab navigation to geoshapes.Oct 13 2022, 10:09 AM

ECohen_WMDE added a subtask: T315997: Make focus on map more visible when using keyboard nav.

ECohen_WMDE added a project: WMDE-GeoInfo-FocusArea.Oct 19 2022, 8:41 AM

Lena_WMDE moved this task from Backlog to Epics / Watching on the WMDE-GeoInfo-FocusArea board.Oct 19 2022, 12:54 PM

I spent some time today playing with maps in iOS VoiceOver mode and found a few more things that should be good to fix:

Static maps, on iOS do not indicate their presence when you hover your finger over them. Only the Fullscreen button sort of indicates that there is a map. We should improve this, by making the entire map a focusable element, explaining there is a map and that clicking it fullscreens
The Attribution line (in static maps) doesn't really explain that it is for attribution of the map
The close dialog button announces as a link
The External maps sidepanel seems to always be active in the screen, it is not properly hidden from screenreaders (uses a transform to hide)
The sidebar close arrow announces as button, but does not detail what it does

Change 845689 had a related patch set uploaded (by TheDJ; author: TheDJ):

[mediawiki/extensions/Kartographer@master] Mark the close map dialog button with role button

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

Change 845690 had a related patch set uploaded (by TheDJ; author: TheDJ):

[mediawiki/extensions/Kartographer@master] Properly hide the map dialog sidebar for i18y

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

Change 845703 had a related patch set uploaded (by TheDJ; author: TheDJ):

[mediawiki/extensions/Kartographer@master] Add a18y label to close sidebar button

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

Change 845689 merged by jenkins-bot:

[mediawiki/extensions/Kartographer@master] Mark the close map dialog button with role button

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

ReleaseTaggerBot added a project: MW-1.40-notes (1.40.0-wmf.7; 2022-10-24).Oct 21 2022, 10:00 PM

TheDJ added a subtask: T321435: Improve screen reader/voice over support of transcluded maps.Oct 22 2022, 10:54 AM

WMDE-Fisch closed subtask T315997: Make focus on map more visible when using keyboard nav as Resolved.Oct 25 2022, 11:50 AM

Change 845690 merged by jenkins-bot:

[mediawiki/extensions/Kartographer@master] Properly hide the map dialog sidebar for a11y

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

Change 845703 merged by jenkins-bot:

[mediawiki/extensions/Kartographer@master] Add a11y label to close sidebar button

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

ReleaseTaggerBot edited projects, added MW-1.40-notes (1.40.0-wmf.8; 2022-10-31); removed MW-1.40-notes (1.40.0-wmf.7; 2022-10-24).Oct 25 2022, 7:00 PM

Maintenance_bot removed a project: Patch-For-Review.Oct 25 2022, 7:30 PM

TheresNoTime removed a subscriber: RhinosF1.Dec 15 2022, 11:35 PM

lilients_WMDE updated the task description. (Show Details)Jan 11 2023, 4:44 PM

thiemowmde added a subtask: T326786: Can't press enter on mapframe fullscreen button in Chrome.Jan 12 2023, 9:57 AM

lilients_WMDE updated the task description. (Show Details)Jan 12 2023, 10:16 AM

lilients_WMDE updated the task description. (Show Details)Jan 12 2023, 10:42 AM

lilients_WMDE added a subtask: T326790: Only make map elements focusable that have an interaction.Jan 12 2023, 10:58 AM

lilients_WMDE updated the task description. (Show Details)Jan 12 2023, 11:12 AM

lilients_WMDE mentioned this in T304076: Nearby feature for maps.Jan 16 2023, 4:46 PM

lilients_WMDE added a subtask: T326808: No auto-focus when using the arrow keys.Feb 1 2023, 2:20 PM

thiemowmde closed subtask T320701: Keyboard tab navigation to geoshapes as Resolved.Feb 13 2023, 10:38 AM

thiemowmde closed subtask T326804: Can not press enter on close button in map fullscreen as Resolved.Feb 13 2023, 10:44 AM

thiemowmde closed subtask T326808: No auto-focus when using the arrow keys as Resolved.

thiemowmde closed subtask T326786: Can't press enter on mapframe fullscreen button in Chrome as Resolved.Feb 13 2023, 11:04 AM

WMDE-Fisch closed subtask T326787: Test map features on mobile as Resolved.Feb 13 2023, 1:37 PM

thiemowmde closed subtask T326790: Only make map elements focusable that have an interaction as Resolved.Apr 4 2023, 9:12 AM

lilients_WMDE mentioned this in T338318: Evaluate & improve accessibility of TechWish products.Jun 13 2023, 8:51 AM

lilients_WMDE added a parent task: T338318: Evaluate & improve accessibility of TechWish products.Jun 15 2023, 12:08 PM