search

AutarkLabs / open-enterprise

A suite of apps that includes allocation, dot voting, issue curation, and other planning tools so organizations can collectively budget and design custom reward & bounty systems.
GNU General Public License v3.0
92 stars 54 forks source link

A11y issues we can address #1871

Open rkzel opened 4 years ago

rkzel commented 4 years ago

There are 3 main classes of a11y related problems highlighted by react-axe module:

  1. Issues in our code that could have been solved - mostly already dealt with,
  2. Aragon UI issues needing mutual agreement,
  3. UI issues we can fix on our own.

This ticket is for the third case: serious: Elements must have sufficient color contrast - below I listed all cases I found in our applications, for the record:

  1. Dot Voting: blue number of "dots remaining":

Screenshot from 2020-01-09 01-13-00.png

  1. Dot Voting and Projects, status of vote/application/work submission, both Rejected and Approved:

Screenshot from 2020-01-10 01-23-20.png

  1. Dot Voting and Projects, links to actions like "clear search":

Screenshot from 2020-01-09 01-20-00.png

  1. Projects FilterBar, "clear" and active filter tile [aragon x] is also highlighted as insufficient:

Screenshot from 2020-01-09 17-15-45.png

  1. Activities in Issue Details log:

Screenshot from 2020-01-10 01-33-45.png

  1. User's GH name in "Logged in":

Screenshot from 2020-01-09 16-40-24.png

  1. Bounty Widget, the link:

Screenshot from 2020-01-10 01-33-31.png

  1. Link to issue in GH, in Issue Card and all Panels:

Screenshot from 2020-01-09 18-02-25.png

  1. Amount label (2 ETH) contrast in Issue Card and Details:

Screenshot from 2020-01-09 18-17-11.png

  1. Titles of review buttons in Review panels:

Screenshot from 2020-01-10 01-22-16.png