{"action":"created","issue":{"url":"https://api.github.com/repos/NixOS/hydra/issues/406","repository_url":"https://api.github.com/repos/NixOS/hydra","labels_url":"https://api.github.com/repos/NixOS/hydra/issues/406/labels{/name}","comments_url":"https://api.github.com/repos/NixOS/hydra/issues/406/comments","events_url":"https://api.github.com/repos/NixOS/hydra/issues/406/events","html_url":"https://github.com/NixOS/hydra/issues/406","id":184691188,"number":406,"title":"Improve accessibility of Hydra","user":{"login":"grahamc","id":76716,"avatar_url":"https://avatars.githubusercontent.com/u/76716?v=3","gravatar_id":"","url":"https://api.github.com/users/grahamc","html_url":"https://github.com/grahamc","followers_url":"https://api.github.com/users/grahamc/followers","following_url":"https://api.github.com/users/grahamc/following{/other_user}","gists_url":"https://api.github.com/users/grahamc/gists{/gist_id}","starred_url":"https://api.github.com/users/grahamc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/grahamc/subscriptions","organizations_url":"https://api.github.com/users/grahamc/orgs","repos_url":"https://api.github.com/users/grahamc/repos","events_url":"https://api.github.com/users/grahamc/events{/privacy}","received_events_url":"https://api.github.com/users/grahamc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-10-23T13:46:16Z","updated_at":"2016-10-23T15:39:01Z","closed_at":null,"body":"With the current iconset of Hydra, I have a very difficult time deciphering the build statuses. It is difficult for me to discern:\r\n\r\n -  ? and the check-mark icons (similar color, small interior symbol inside the circle)\r\n - The different \"X\" and \"!\" icons\r\n\r\nHere is an example of how users with different types of color-blindness perceive Hydra build icons: \r\n\r\n![color-blind](https://cloud.githubusercontent.com/assets/76716/19626654/6a961b5e-9904-11e6-9e0f-78f961b2d7b9.png)\r\n\r\nNote that when viewing a build matrix, the icons are _much_ smaller.\r\n\r\nI'd propose changing the icons to:\r\n\r\n1. Not have a colored circle around the symbol\r\n2. Use a larger symbol\r\n\r\nPerhaps also using different symbols for different build failures.\r\n\r\nHere is such an example of proposal items 1 and 2:\r\n![proposed](https://cloud.githubusercontent.com/assets/76716/19626707/47cd64be-9905-11e6-8c61-fda5c9c58eac.png)\r\n\r\nNote that in this proposed version, there is also screen-reader specific indicators of build status, and on-hover tool-tips.\r\n\r\nBefore I put forth the effort to get it in to hydra proper, I'd like to know that the change would be accepted in the first place. May I have some feedback regarding that? If this change is unwanted, I would rather spend the effort implementing this change as a greasemonkey script.\r\n\r\nThank you!\r\nGraham"},"comment":{"url":"https://api.github.com/repos/NixOS/hydra/issues/comments/255595460","html_url":"https://github.com/NixOS/hydra/issues/406#issuecomment-255595460","issue_url":"https://api.github.com/repos/NixOS/hydra/issues/406","id":255595460,"user":{"login":"groxxda","id":5701271,"avatar_url":"https://avatars.githubusercontent.com/u/5701271?v=3","gravatar_id":"","url":"https://api.github.com/users/groxxda","html_url":"https://github.com/groxxda","followers_url":"https://api.github.com/users/groxxda/followers","following_url":"https://api.github.com/users/groxxda/following{/other_user}","gists_url":"https://api.github.com/users/groxxda/gists{/gist_id}","starred_url":"https://api.github.com/users/groxxda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/groxxda/subscriptions","organizations_url":"https://api.github.com/users/groxxda/orgs","repos_url":"https://api.github.com/users/groxxda/repos","events_url":"https://api.github.com/users/groxxda/events{/privacy}","received_events_url":"https://api.github.com/users/groxxda/received_events","type":"User","site_admin":false},"created_at":"2016-10-23T15:39:01Z","updated_at":"2016-10-23T15:39:01Z","body":"Yes please. I don't think there are valid reasons against cosmetic changes that improve accessibility.\r\n\r\n\r\nHere is a list of the states that are currently distinguished (at least in alt) and a selection of icons that could be used in my opinion (to support the discussion).\r\n\r\nQueued | Succeeded | Cancelled | Failed | Failed with output | Other failure | Dependency failed | Aborted | Timed out | Log limit exceeded | Output size limit exceeded\r\n--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---\r\n![Queued](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/help_256.png) | ![Succeeded](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/checkmark_256.png) | ![Cancelled](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/forbidden_256.png) | ![Failed](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/error_256.png) | ![Failed with output](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/error_256.png) | ![Other failure](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/error_256.png) | ![Dependency failed](https://raw.githubusercontent.com/NixOS/hydra/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/dependency_256.png) | ![Aborted](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/warning_256.png) | ![Timed out](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/warning_256.png) | ![Log limit exceeded](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/warning_256.png) | ![Output size limit exceeded](https://github.com/NixOS/hydra/raw/fb5e7f95707e58207c7ed696d462247f5e37c9c9/src/root/static/images/warning_256.png)\r\n![zzz](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/1f4a4.png) | ![white check mark](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2705.png) | ![octogonal sign](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/1f6d1.png) | ![negative squared cross mark](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/274e.png) | --- | --- | ![no entry sign](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/1f6ab.png) | ![stop button](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/23f9.png) | ![stopwatch](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/23f1.png) | ![warning](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/26a0.png) | ---\r\n![grey question](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2754.png) | ![heavy check mark](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2714.png) | ![heavy minus sign](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2796.png) | ![x](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/274c.png) | --- | --- | ![heavy multiplication x](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2716.png) | ![grey exclamation](https://raw.githubusercontent.com/Ranks/emojione/master/assets/png/2755.png) | --- | --- | ---\r\n\r\nI think using different base shapes (circle, square, ...) already helps distinguishing the icons.\r\n\r\nBtw: Does cancelled mean that it should be built as part of this evaluation and aborted means it was cancelled during a previous evaluation?"}}
{"actor":{"display_login":"groxxda"}}