Page MenuHomePhabricator

Improve accessibility of sidebar cards
Closed, ResolvedPublic1 Estimated Story Points

Description

Currently the screen reader focuses on them unintentionally when the donor is tabbing through the page. They should be skipped by either moving them to CSS or adding the aria-hidden attribute.

Acceptance Criteria

  • The headlines should follow semantic markup and use h2 tags.
  • Sidebar title icons are ignored by screen readers.

More sidebar related issues in T361817: Improve screen reader compatibility regarding numbers in the sidebar

Event Timeline

kai.nissen renamed this task from Hide sidebar icons from screen readers to Improve accessibility of sidebar cards.Apr 11 2024, 10:36 AM
kai.nissen updated the task description. (Show Details)
kai.nissen set the point value for this task to 3.

PR: https://github.com/wmde/fundraising-app-frontend/pull/378

If you update the content it shoudl also read the phone number as digits.

AbbanWMDE moved this task from Doing to Review on the WMDE-FUN-Sprint-2024-04-23 board.

deployed ( sidebar-accessibility-improvements / main ) to https://testing05.wikimedia.customers.manitu.net

In Abban's opinion the headlines in the sidebar (and form) should be black (#000),
instead of the gray (#363636) from our design ( which is also used in the navigation bar and was previously used in the form headers/questions ).

Please have a look if you agree while acceptance testing

gabriel-wmde changed the point value for this task from 3 to 1.May 7 2024, 10:03 AM