wcag2.0

问题 I have a site that I'm coding to WCAG 2.0 AA Level compliance and one of the buttons has a colour contrast that does not pass. Background - #D57405 Foreground - #FFF Is it possible to use text-shadow to boost the contrast – would that be seen as a pass? I can serve up a different colour for browsers that don't support text-shadow, but I'd like to try to keep the button the same colour to match brand guidelines for the majority of users. As background - I'm using a web font that doesn't have a

问题 I have a site that I'm coding to WCAG 2.0 AA Level compliance and one of the buttons has a colour contrast that does not pass. Background - #D57405 Foreground - #FFF Is it possible to use text-shadow to boost the contrast – would that be seen as a pass? I can serve up a different colour for browsers that don't support text-shadow, but I'd like to try to keep the button the same colour to match brand guidelines for the majority of users. As background - I'm using a web font that doesn't have a

问题 I'm building a website that has to achieve the AA Conformance to WCAG. We are going to provide videos and to do it right there has to be a transcript of this video, my question is, in html were is the correct order to put this transcript before, after. there is a valid tag to comply this. Thanks for your time. 回答1: Ideally, the transcript should be placed before the video. There is no tag specifically for transcripts - you will need to mark up the speech and descriptions using paragraph tags

问题 I'm building a website that has to achieve the AA Conformance to WCAG. We are going to provide videos and to do it right there has to be a transcript of this video, my question is, in html were is the correct order to put this transcript before, after. there is a valid tag to comply this. Thanks for your time. 回答1: Ideally, the transcript should be placed before the video. There is no tag specifically for transcripts - you will need to mark up the speech and descriptions using paragraph tags

问题 In striving for WCAG 2.0 Compliance, I'm finding quite a bit of varied information regarding proper treatment of buttons, specifically what is required to consider the button accessible and compliant. What is the appropriate way to mark-up a <button> ? What attributes or combination do they need to have? My buttons fall into three categories: Buttons that have text that describes their intended action. (e.g. "Learn More" to launch a modal with more product information) Buttons that have text

问题 I simply can't get the answer to this question. The WCAG says it can be done by aria-hidden tag, but I've read it's not working at many screen readers. Can't get how display:none can help to hide some text only for screen readers(=visible to other devices than SR). This is also not clear how would screen reader act for display:none if it not supports css. Is there any technique or best practice or whatever I can use to hide some text only for screen readers? 回答1: aria-hidden should be used to

问题 I seem to be having troubles getting a screen reader to read simple tables. I have the HTML below: <table alt="Account Information"> <tr> <th scope='row'>Account Number:</th> <td>1111 1111 1111</td> <td>&nbsp&nbsp<td/> <th scope='row'>Reference Number:</th> <td>XXXX XXXX XXXX</td> </tr> </table> When the screen reader hits this table it says "Table. 0 Columns. 0 Rows." I have tried many examples online and tried to use that WCAG2.0 standards as a guide line, but it doesnt seem to work. I have

问题 So I am working on a project that requires a <div> with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the <div> and presses enter. I added a tabindex to the <div> which allows it to gain focus, but nothing happens when the user presses enter (or any other key). Can anyone help me with this? Or is what I want not even possible? Here is a jsfiddle demonstrating my problem. http://jsfiddle.net

问题 So I am working on a project that requires a <div> with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the <div> and presses enter. I added a tabindex to the <div> which allows it to gain focus, but nothing happens when the user presses enter (or any other key). Can anyone help me with this? Or is what I want not even possible? Here is a jsfiddle demonstrating my problem. http://jsfiddle.net

问题 As I understand it's not recommended to add duplicate roles to an element: <nav role="navigation"></nav> This is redundant because nav tells the screen reader what the semantics of content is already. So far so good. Now I want to invalid a form field. I understand that classical I should transform this: <input type="text" name="username"> … into <input type="text" name="username" aria-invalid="true"> … after form submission. However, we are using JavaScript and the HTML5 constraint