{"action":"created","issue":{"url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/91","repository_url":"https://api.github.com/repos/humanmade/hm-pattern-library","labels_url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/91/labels{/name}","comments_url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/91/comments","events_url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/91/events","html_url":"https://github.com/humanmade/hm-pattern-library/issues/91","id":185878524,"number":91,"title":"Accessibility","user":{"login":"mattheu","id":494927,"avatar_url":"https://avatars.githubusercontent.com/u/494927?v=3","gravatar_id":"","url":"https://api.github.com/users/mattheu","html_url":"https://github.com/mattheu","followers_url":"https://api.github.com/users/mattheu/followers","following_url":"https://api.github.com/users/mattheu/following{/other_user}","gists_url":"https://api.github.com/users/mattheu/gists{/gist_id}","starred_url":"https://api.github.com/users/mattheu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattheu/subscriptions","organizations_url":"https://api.github.com/users/mattheu/orgs","repos_url":"https://api.github.com/users/mattheu/repos","events_url":"https://api.github.com/users/mattheu/events{/privacy}","received_events_url":"https://api.github.com/users/mattheu/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-10-28T09:28:48Z","updated_at":"2016-10-28T09:41:39Z","closed_at":null,"body":"Some accessibility concerns have been raised, I'm creating a big issue for all of them here. Feel free to edit this and add more tasks. \r\n\r\n- [ ] The secondary blue buttons with white text do not meet contrast accessibility even for large text. I'm adding some screenshots of how it would look if we tried to meet at least WACG AA for large text below. Personally, I would like to avoid changing the shade of blue, as this is a brand color, and we're pretty committed on that side, but also I'm not a fan of the dark text on the buttons, but maybe I'm just to close to the original design to be objective. Also, it would be a shame to loose the blue across the site as I think it really breaks up the red which is a very dominant colour when used on its own.\r\n- [ ] The HM red brand colour is used for link text color, but at 18px it doesn't meet WACG AA guidelines for contrast. Its ok for larger text ([18pt+ according to this tool](https://snook.ca/technical/colour_contrast/colour.html#fg=CA4A37,bg=FFFFFF) but what does that mean in px sizes? @rianrietveld said 19px) \r\n- [ ] Jenny raised some concerns about all caps for headings/menus/buttons over here: https://github.com/humanmade/hm-pattern-library/issues/75\r\n\r\nObviously, we'd like to be as committed to accessibility as we can be, so I'd like to try and find a solution to this. One thing to note, there will be some big changes coming to the pattern library when we update it to fit in with the new HMN website redesign. Probably our best hope of fixing this is to feed back to barbara so she can work on that with this in mind.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/494927/19801650/03171ec2-9cf8-11e6-83da-381c9ebbfceb.png)\r\n\r\n![image](https://cloud.githubusercontent.com/assets/494927/19801681/266a202c-9cf8-11e6-9b9b-360274070255.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/comments/256879396","html_url":"https://github.com/humanmade/hm-pattern-library/issues/91#issuecomment-256879396","issue_url":"https://api.github.com/repos/humanmade/hm-pattern-library/issues/91","id":256879396,"user":{"login":"mattheu","id":494927,"avatar_url":"https://avatars.githubusercontent.com/u/494927?v=3","gravatar_id":"","url":"https://api.github.com/users/mattheu","html_url":"https://github.com/mattheu","followers_url":"https://api.github.com/users/mattheu/followers","following_url":"https://api.github.com/users/mattheu/following{/other_user}","gists_url":"https://api.github.com/users/mattheu/gists{/gist_id}","starred_url":"https://api.github.com/users/mattheu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattheu/subscriptions","organizations_url":"https://api.github.com/users/mattheu/orgs","repos_url":"https://api.github.com/users/mattheu/repos","events_url":"https://api.github.com/users/mattheu/events{/privacy}","received_events_url":"https://api.github.com/users/mattheu/received_events","type":"User","site_admin":false},"created_at":"2016-10-28T09:41:39Z","updated_at":"2016-10-28T09:41:39Z","body":"CC @grarighe "}}
{"actor":{"display_login":"mattheu"}}