{"action":"opened","issue":{"url":"https://api.github.com/repos/einpraegsam/powermail/issues/251","repository_url":"https://api.github.com/repos/einpraegsam/powermail","labels_url":"https://api.github.com/repos/einpraegsam/powermail/issues/251/labels{/name}","comments_url":"https://api.github.com/repos/einpraegsam/powermail/issues/251/comments","events_url":"https://api.github.com/repos/einpraegsam/powermail/issues/251/events","html_url":"https://github.com/einpraegsam/powermail/issues/251","id":306259048,"number":251,"title":"Use explicit labeling for radio buttons and checkboxes","user":{"login":"slavanga","id":1077807,"avatar_url":"https://avatars0.githubusercontent.com/u/1077807?v=4","gravatar_id":"","url":"https://api.github.com/users/slavanga","html_url":"https://github.com/slavanga","followers_url":"https://api.github.com/users/slavanga/followers","following_url":"https://api.github.com/users/slavanga/following{/other_user}","gists_url":"https://api.github.com/users/slavanga/gists{/gist_id}","starred_url":"https://api.github.com/users/slavanga/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/slavanga/subscriptions","organizations_url":"https://api.github.com/users/slavanga/orgs","repos_url":"https://api.github.com/users/slavanga/repos","events_url":"https://api.github.com/users/slavanga/events{/privacy}","received_events_url":"https://api.github.com/users/slavanga/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-18T17:13:09Z","updated_at":"2018-03-18T17:13:09Z","closed_at":null,"author_association":"NONE","body":"Both Foundation and Bootstrap recommend to have radio buttons and checkboxes outside of their labels.\r\nThis is also required to do any kind of custom styling.\r\n\r\n**Implicit labeling in Powermail:**\r\n```html\r\n<label>\r\n  <input type=\"radio\" value=\"1\"> Radio Button\r\n</label>\r\n```\r\n\r\n\r\n**Explicit labeling in Foundation /  Bootstrap:**\r\n```html\r\n<input type=\"radio\" id=\"example-radio\" value=\"1\">\r\n<label for=\"example-radio\">Radio Button</label>\r\n```\r\n\r\nAccording to [w3.org](https://www.w3.org/WAI/tutorials/forms/labels/#associating-labels-implicitly) explicit labeling is better for accessibility.\r\n\r\n> Generally, explicit labels are better supported by assistive technology.\r\n\r\nCan we change the markup or add an option to support both cases?\r\n\r\n"}}
{"actor":{"display_login":"slavanga"}}