Page MenuHomePhorge
Create Task
Maniphest T16072

Accessibility improvements (June 2025)
Open, Needs TriagePublic
Actions

Assigned To
aklapper
Authored By
aklapper
Sat, May 17, 02:08
Tags
Referenced Files
F4622346: T16072-a11y-05b.png
Sun, Jun 1, 11:02
F4622344: T16072-a11y-05a.png
Sun, Jun 1, 11:02
F4622342: T16072-a11y-04b.png
Sun, Jun 1, 11:02
F4622340: T16072-a11y-04a.png
Sun, Jun 1, 11:02
F4622337: T16072-a11y-03b.png
Sun, Jun 1, 11:02
F4622333: T16072-a11y-03a.png
Sun, Jun 1, 11:02
F4622330: T16072-a11y-02b.png
Sun, Jun 1, 11:02
F4622327: T16072-a11y-02a.png
Sun, Jun 1, 11:02
View All 11 Files
Subscribers
aklapper
chris
Cigaryno
Matthew
tobiaswiese
valerio.bozzolan

Description

There is some rather low-hanging fruit to improve accessibility (alt on images, aria-label on text fields or dropdowns, title on links) according to Lighthouse (docs) which is integrated in Chromium and useful to identify some trivial ones.

I plan to provide a bunch of patches.

Random screenshot to give other folks an idea:

Screenshot_20250510_203245.png (965×1 px, 108 KB)

Revisions and Commits

rP Phorge
AcceptedD26054 a11y: Add lang attribute to <html> element
AcceptedD26053 a11y: Do not mark top bar notifications area as aria-hidden
AcceptedD26052 a11y: Set aria-label attribute for PHUIListItemView Edit links in task lists
AcceptedD26051 a11y: Set aria-label for comment action options dropdown
AcceptedD26050 a11y: Set project workboard button tooltips as aria-label
AcceptedD26049 a11y: Add alt text to main picture on profile page
AcceptedD26048 a11y: Add aria-label to mini badges below user avatars
AcceptedD26047 a11y: Add "title" to <a> tags of PHUIObjectItemView images
AcceptedD26046 a11y: Add aria-label to calendar date picker button
AcceptedD26045 a11y: Set textarea name parameter also as aria-label
AcceptedD26044 a11y: Add aria-label to global search field in top bar

Related Objects

Event Timeline

aklapper created this task.Sat, May 17, 02:08
Herald added subscribers: Cigaryno, Matthew, chris, tobiaswiese. · View Herald TranscriptSat, May 17, 02:08
aklapper claimed this task.Sat, May 17, 02:08
aklapper added a project: Accessibility.
aklapper updated the task description. (Show Details)Sat, May 17, 02:29
valerio.bozzolan subscribed.Mon, May 19, 08:01
aklapper renamed this task from Accessibility improvements (May 2025) to Accessibility improvements (June 2025).Sat, May 31, 21:58
aklapper added a comment.Sun, Jun 1, 11:02

Before and after Chromium Lighthouse a11y result comparison of some Phorge pages for patches I'm going to attach.
(Goodhart's Law applies, as with any misguiding incentives.)

T16072-a11y-01a.png (420×1 px, 42 KB)

T16072-a11y-01b.png (420×1 px, 39 KB)

T16072-a11y-02a.png (420×1 px, 43 KB)

T16072-a11y-02b.png (420×1 px, 43 KB)

T16072-a11y-03a.png (420×1 px, 45 KB)

T16072-a11y-03b.png (420×1 px, 46 KB)

T16072-a11y-04a.png (420×1 px, 39 KB)

T16072-a11y-04b.png (420×1 px, 39 KB)

T16072-a11y-05a.png (420×1 px, 46 KB)

T16072-a11y-05b.png (420×1 px, 46 KB)

aklapper mentioned this in D26044: a11y: Add aria-label to global search field in top bar.Sun, Jun 1, 11:22
aklapper mentioned this in D26045: a11y: Set textarea name parameter also as aria-label.Sun, Jun 1, 11:24
aklapper mentioned this in D26046: a11y: Add aria-label to calendar date picker button.Sun, Jun 1, 11:26
aklapper mentioned this in D26047: a11y: Add "title" to <a> tags of PHUIObjectItemView images.Sun, Jun 1, 11:29
aklapper mentioned this in D26048: a11y: Add aria-label to mini badges below user avatars.Sun, Jun 1, 11:33
aklapper mentioned this in D26049: a11y: Add alt text to main picture on profile page.Sun, Jun 1, 11:35
aklapper mentioned this in D26050: a11y: Set project workboard button tooltips as aria-label.Sun, Jun 1, 11:37
aklapper mentioned this in D26051: a11y: Set aria-label for comment action options dropdown.
aklapper mentioned this in D26052: a11y: Set aria-label attribute for PHUIListItemView Edit links in task lists.Sun, Jun 1, 11:42
aklapper mentioned this in D26053: a11y: Do not mark top bar notifications area as aria-hidden.Sun, Jun 1, 11:44
aklapper mentioned this in D26054: a11y: Add lang attribute to <html> element.Sun, Jun 1, 11:47
aklapper added a revision: D26044: a11y: Add aria-label to global search field in top bar.Sun, Jun 1, 14:30
aklapper added a revision: D26045: a11y: Set textarea name parameter also as aria-label.
aklapper added a revision: D26046: a11y: Add aria-label to calendar date picker button.
aklapper added a revision: D26047: a11y: Add "title" to <a> tags of PHUIObjectItemView images.
aklapper added a revision: D26048: a11y: Add aria-label to mini badges below user avatars.
aklapper added a revision: D26049: a11y: Add alt text to main picture on profile page.
aklapper added a revision: D26050: a11y: Set project workboard button tooltips as aria-label.
aklapper added a revision: D26051: a11y: Set aria-label for comment action options dropdown.
aklapper added a revision: D26052: a11y: Set aria-label attribute for PHUIListItemView Edit links in task lists.
aklapper added a revision: D26053: a11y: Do not mark top bar notifications area as aria-hidden.
aklapper added a revision: D26054: a11y: Add lang attribute to <html> element.
aklapper mentioned this in Z1: Phorge.
Content licensed under Creative Commons Attribution-ShareAlike 4.0 (CC-BY-SA) unless otherwise noted; code licensed under Apache 2.0 or other open source licenses. · CC BY-SA 4.0 · Apache 2.0