{"action":"created","issue":{"url":"https://api.github.com/repos/w3c/wcag/issues/80","labels_url":"https://api.github.com/repos/w3c/wcag/issues/80/labels{/name}","comments_url":"https://api.github.com/repos/w3c/wcag/issues/80/comments","events_url":"https://api.github.com/repos/w3c/wcag/issues/80/events","html_url":"https://github.com/w3c/wcag/issues/80","id":62417752,"number":80,"title":"Clarify the meaning of \"is also available\" in step #3 of F3 test","user":{"login":"awkawk","id":4228257,"avatar_url":"https://avatars.githubusercontent.com/u/4228257?v=3","gravatar_id":"","url":"https://api.github.com/users/awkawk","html_url":"https://github.com/awkawk","followers_url":"https://api.github.com/users/awkawk/followers","following_url":"https://api.github.com/users/awkawk/following{/other_user}","gists_url":"https://api.github.com/users/awkawk/gists{/gist_id}","starred_url":"https://api.github.com/users/awkawk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/awkawk/subscriptions","organizations_url":"https://api.github.com/users/awkawk/orgs","repos_url":"https://api.github.com/users/awkawk/repos","events_url":"https://api.github.com/users/awkawk/events{/privacy}","received_events_url":"https://api.github.com/users/awkawk/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/w3c/wcag/labels/Added%20to%20Survey","name":"Added to Survey","color":"eb6420"},{"url":"https://api.github.com/repos/w3c/wcag/labels/Ready%20for%20Survey","name":"Ready for Survey","color":"fbca04"}],"state":"open","locked":false,"assignee":{"login":"awkawk","id":4228257,"avatar_url":"https://avatars.githubusercontent.com/u/4228257?v=3","gravatar_id":"","url":"https://api.github.com/users/awkawk","html_url":"https://github.com/awkawk","followers_url":"https://api.github.com/users/awkawk/followers","following_url":"https://api.github.com/users/awkawk/following{/other_user}","gists_url":"https://api.github.com/users/awkawk/gists{/gist_id}","starred_url":"https://api.github.com/users/awkawk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/awkawk/subscriptions","organizations_url":"https://api.github.com/users/awkawk/orgs","repos_url":"https://api.github.com/users/awkawk/repos","events_url":"https://api.github.com/users/awkawk/events{/privacy}","received_events_url":"https://api.github.com/users/awkawk/received_events","type":"User","site_admin":false},"milestone":null,"comments":8,"created_at":"2015-03-17T14:47:22Z","updated_at":"2016-01-05T15:16:47Z","closed_at":null,"body":"Name: Detlev Fischer\r\nAffiliation: 3needs\r\nDocument: TD\r\nItem Number: F3\r\nPart of Item: Tests\r\nComment Type: technical\r\nComment (Including rationale for any proposed change):\r\nThe third step in the test of F3 says \"If an image does convey important information, the information is provided to assistive technologies and is also available when the CSS image is not displayed\". \r\nSince assistive technologies are mentioned immediately before the bit \"is also available\", it is no unambiguously clear that the intent here is to require also the  *visible* presence of replaced text when content is viewed with CSS disabled (i.e. in cases where background images disappear and some suitable alternative text that is off-screen-positioned when CSS is active is shown instead). \r\nAn additional suggestion: The use of CSS background images for controls is now very frequent, so I wonder whether a sufficient technique describing replaced text (off-screen positioned when CSS is active, replacing the image when CSS is off) would be a good idea. Such a technique currently does not exist, I bevieve. Should I draft something?\r\n\r\nProposed Change:\r\nChange third step of F3 test to:\r\n\"If an image does convey important information, the information is provided to assistive technologies and is available both visually and programmatically when the CSS image is not displayed\"."},"comment":{"url":"https://api.github.com/repos/w3c/wcag/issues/comments/169032047","html_url":"https://github.com/w3c/wcag/issues/80#issuecomment-169032047","issue_url":"https://api.github.com/repos/w3c/wcag/issues/80","id":169032047,"user":{"login":"mraccess77","id":5640755,"avatar_url":"https://avatars.githubusercontent.com/u/5640755?v=3","gravatar_id":"","url":"https://api.github.com/users/mraccess77","html_url":"https://github.com/mraccess77","followers_url":"https://api.github.com/users/mraccess77/followers","following_url":"https://api.github.com/users/mraccess77/following{/other_user}","gists_url":"https://api.github.com/users/mraccess77/gists{/gist_id}","starred_url":"https://api.github.com/users/mraccess77/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mraccess77/subscriptions","organizations_url":"https://api.github.com/users/mraccess77/orgs","repos_url":"https://api.github.com/users/mraccess77/repos","events_url":"https://api.github.com/users/mraccess77/events{/privacy}","received_events_url":"https://api.github.com/users/mraccess77/received_events","type":"User","site_admin":false},"created_at":"2016-01-05T15:16:47Z","updated_at":"2016-01-05T15:16:47Z","body":"Ø  If the text is simply \"Error\" for every icon, can the user say with which control each error icon is associated: the previous control or the next one?\r\n\r\nI agree this is an issue, I’ve always been struck by the definition of text alternative which indicates the text alternative must be associated with or refer to the non-text content.\r\n\r\ntext alternative\r\nText<http://www.w3.org/TR/2008/REC-WCAG20-20081211/#textdef> that is programmatically associated with non-text content<http://www.w3.org/TR/2008/REC-WCAG20-20081211/#non-text-contentdef> or referred to from text that is programmatically associated with non-text content. Programmatically associated text is text whose location can be programmatically determined from the non-text content.\r\nExample: An image of a chart is described in text in the paragraph after the chart. The short text alternative for the chart indicates that a description follows.\r\nNote: Refer to Understanding Text Alternatives<http://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-text-alternatives-head> for more information.\r\n\r\nØ  There is another dimension with CSS images: one cannot use image navigation unless the container for the CSS image has role=image with an aria-label for text equivalence.\r\nDoes it fail CR-4 because functionality that is available when standard HTML image is used is no longer available?\r\nSeems like this could be brought up under SC 1.3.1 or 4.1.1.  Historically to my knowledge people have not flagged this but I have seen some cases where AT respond differently when the role is added – so there could be an accessibility supported issue as well if role is not indicated.\r\n\r\nJonathan\r\n\r\nJonathan Avila\r\nChief Accessibility Officer\r\nSSB BART Group\r\njon.avila@ssbbartgroup.com\r\n703.637.8957 (o)\r\nFollow us: Facebook<http://www.facebook.com/#!/ssbbartgroup> | Twitter<http://twitter.com/#!/SSBBARTGroup> | LinkedIn<http://www.linkedin.com/company/355266?trk=tyah> | Blog<http://www.ssbbartgroup.com/blog> | Newsletter<http://eepurl.com/O5DP>\r\n\r\nFrom: spanchang [mailto:notifications@github.com]\r\nSent: Tuesday, January 05, 2016 9:29 AM\r\nTo: w3c/wcag\r\nCc: Jonathan Avila\r\nSubject: Re: [wcag] Clarify the meaning of \"is also available\" in step #3 of F3 test (#80)\r\n\r\n\r\nThe focus of F3 IMO is when the user has configured viewing preferences in a manner that CSS images are not displayed possibly even, without disabling author supplied CSS.\r\nAnd it is likely the user may not be using any AT or is using AT that supports ARIA as well as screen readers do.\r\nIf this is the case, should the equivalent text for the CSS image be available to the user in a manner that conveys any association that was apparent when the image is displayed?\r\nExample: Consider an error icon next to a form control and multiple controls have failed validation.\r\nIf the text is simply \"Error\" for every icon, can the user say with which control each error icon is associated: the previous control or the next one?\r\nThis is different from an ARIA method that allows for text to be programmatically determinable say for screen readers users.\r\n\r\nThere is another dimension with CSS images: one cannot use image navigation unless the container for the CSS image has role=image with an aria-label for text equivalence.\r\nDoes it fail CR-4 because functionality that is available when standard HTML image is used is no longer available?\r\n\r\n—\r\nReply to this email directly or view it on GitHub<https://github.com/w3c/wcag/issues/80#issuecomment-169016194>.\r\n"}}