{"action":"opened","issue":{"url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/4860","labels_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/4860/labels{/name}","comments_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/4860/comments","events_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/4860/events","html_url":"https://github.com/silverstripe/silverstripe-framework/issues/4860","id":123319286,"number":4860,"title":"3.x-dev - reduced CMS accessibility due to low contrast","user":{"login":"kinglozzer","id":1655548,"avatar_url":"https://avatars.githubusercontent.com/u/1655548?v=3","gravatar_id":"","url":"https://api.github.com/users/kinglozzer","html_url":"https://github.com/kinglozzer","followers_url":"https://api.github.com/users/kinglozzer/followers","following_url":"https://api.github.com/users/kinglozzer/following{/other_user}","gists_url":"https://api.github.com/users/kinglozzer/gists{/gist_id}","starred_url":"https://api.github.com/users/kinglozzer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kinglozzer/subscriptions","organizations_url":"https://api.github.com/users/kinglozzer/orgs","repos_url":"https://api.github.com/users/kinglozzer/repos","events_url":"https://api.github.com/users/kinglozzer/events{/privacy}","received_events_url":"https://api.github.com/users/kinglozzer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-21T17:11:21Z","updated_at":"2015-12-21T17:11:21Z","closed_at":null,"body":"3.2 labels/descriptions:\r\n![screen shot 2015-12-21 at 16 54 35](https://cloud.githubusercontent.com/assets/1655548/11936125/c166377c-a803-11e5-9d68-88c85a4872a1.png)\r\n\r\n3.x (3.3) labels/descriptions:\r\n![screen shot 2015-12-21 at 16 54 09](https://cloud.githubusercontent.com/assets/1655548/11936129/c6731d0c-a803-11e5-87e5-d9b122510c59.png)\r\n\r\nWhen in doubt, I use a colour contrast checker:\r\n\r\n- [3.2 labels](http://snook.ca/technical/colour_contrast/colour.html#fg=444444,bg=E6EAED) - Fully WCAG 2 AA and AAA compliant\r\n- [3.2 descriptions](http://snook.ca/technical/colour_contrast/colour.html#fg=777777,bg=E6EAED) - WCAG 2 AA compliant at 18pt+ only (i.e. fail, as font is too small)\r\n- [3.x labels](http://snook.ca/technical/colour_contrast/colour.html#fg=66727D,bg=ECEFF1) - WCAG 2 AA compliant at 18pt+ only (i.e. fail, as font is too small)\r\n- [3.x descriptions](http://snook.ca/technical/colour_contrast/colour.html#fg=9BA5AE,bg=ECEFF1) - not compliant\r\n\r\nDescriptions are arguably non-essential, but I think we should at least darken the field labels and input colours a bit to ensure the critical parts of the CMS are accessible. The same issue applies to tabs and “Add new page” button text too.\r\n\r\n"}}