{"action":"created","issue":{"url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/45","repository_url":"https://api.github.com/repos/rwjblue/ember-template-lint","labels_url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/45/labels{/name}","comments_url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/45/comments","events_url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/45/events","html_url":"https://github.com/rwjblue/ember-template-lint/issues/45","id":154589537,"number":45,"title":"Rule: img tags must have alt attributes","user":{"login":"sarenji","id":167743,"avatar_url":"https://avatars.githubusercontent.com/u/167743?v=3","gravatar_id":"","url":"https://api.github.com/users/sarenji","html_url":"https://github.com/sarenji","followers_url":"https://api.github.com/users/sarenji/followers","following_url":"https://api.github.com/users/sarenji/following{/other_user}","gists_url":"https://api.github.com/users/sarenji/gists{/gist_id}","starred_url":"https://api.github.com/users/sarenji/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sarenji/subscriptions","organizations_url":"https://api.github.com/users/sarenji/orgs","repos_url":"https://api.github.com/users/sarenji/repos","events_url":"https://api.github.com/users/sarenji/events{/privacy}","received_events_url":"https://api.github.com/users/sarenji/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-05-12T21:49:41Z","updated_at":"2016-05-12T22:23:03Z","closed_at":null,"body":"Hello! Please let me know if this is the way I should do it. If this issue is cool, I'll add more rule proposals.\r\n\r\nBad:\r\n\r\n```\r\n<img src=\"hello.jpg\">\r\n<img src=\"//cdn.verylongurl.com/1234/bucket/hello.jpg\">\r\n```\r\n\r\nGood:\r\n\r\n```\r\n<img src=\"hello.jpg\" alt=\"\">\r\n<img src=\"logo.jpg\" alt=\"Your Website Name\">\r\n<img src=\"save-icon.jpg\" alt=\"Save draft\">\r\n<img src={{userGeneratedUrl}} alt={{userGeneratedCaption}}>\r\n```\r\n\r\nScreen readers read images as text. Without `alt` attributes, screen readers fallback to reading the full `src` for an image out loud. With CDNs, that will get very annoying :-) To mitigate, always provide `alt` attributes for images. The value of the attribute should present the content and function of the image. Blank alt attributes are preferred if the image is purely presentational, but if it displays information (e.g. an image of text), transcribe the text; or if it's tied to functionality, write what it does as if it were a button. Ref: http://webaim.org/techniques/alttext/"},"comment":{"url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/comments/218903138","html_url":"https://github.com/rwjblue/ember-template-lint/issues/45#issuecomment-218903138","issue_url":"https://api.github.com/repos/rwjblue/ember-template-lint/issues/45","id":218903138,"user":{"login":"Robdel12","id":2072894,"avatar_url":"https://avatars.githubusercontent.com/u/2072894?v=3","gravatar_id":"","url":"https://api.github.com/users/Robdel12","html_url":"https://github.com/Robdel12","followers_url":"https://api.github.com/users/Robdel12/followers","following_url":"https://api.github.com/users/Robdel12/following{/other_user}","gists_url":"https://api.github.com/users/Robdel12/gists{/gist_id}","starred_url":"https://api.github.com/users/Robdel12/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Robdel12/subscriptions","organizations_url":"https://api.github.com/users/Robdel12/orgs","repos_url":"https://api.github.com/users/Robdel12/repos","events_url":"https://api.github.com/users/Robdel12/events{/privacy}","received_events_url":"https://api.github.com/users/Robdel12/received_events","type":"User","site_admin":false},"created_at":"2016-05-12T22:23:03Z","updated_at":"2016-05-12T22:23:03Z","body":"@rwjblue I think so, yes.\r\n\r\n@sarenji do we think having an empty alt attribute is okay? If so and they're truly just presentational should we check for an `aria-hidden=\"true\"` attribute? "}}