web-accessibility

问题 There are ten gazillion threads on here re. how to disable browser autocomplete behavior, e.g. How do you disable browser Autocomplete on web form field / input tag?. I do not want to set autocomplete="off" for my form fields. As the MDN documentation for how to do that states: It is important to know that if you turn off autocomplete, you are breaking [WCAG rule 1.3.5] So as an alternative to disabling autocomplete, I want to understand whether as a developer I can help the browser make its

问题 There are ten gazillion threads on here re. how to disable browser autocomplete behavior, e.g. How do you disable browser Autocomplete on web form field / input tag?. I do not want to set autocomplete="off" for my form fields. As the MDN documentation for how to do that states: It is important to know that if you turn off autocomplete, you are breaking [WCAG rule 1.3.5] So as an alternative to disabling autocomplete, I want to understand whether as a developer I can help the browser make its

问题 JAWS says the description twice: "Back to Google's website link graphic. Google's Test Lon and dash back to Google's website". Investigations reported this appears to be repeated twice as it is stated once for the image/graphic link and once for the title of the hyperlink. I was wondering what the best practice is for this accessibility/disability coding wise, I'm I doing it the correct way or is their a best practice for this? please feel free to modify answer. <div class="col-md-2"> <a href

问题 For a webpage with multiple images of a single product, such as with different angles. Is there a requirement for alt tags for each image? Viewing examples on Amazon it seems they only have an alt tag on the first product image, but after which there is no alt tag or aria related tags. The first example here says that the stars have empty alt tags. My question is, to follow proper standards, is it required to have an empty alt tag after the first image? To completely hide the extra non

问题 In my code I have a list of buttons stored in an unordered list. If you enable a screen reader and you tab into any li element, most readers will read out which element you're on out of how many is on the list (e.g. "List item 1, item 2 of 4"). What I was curious about is it possible to merge the two so that when you tab, you tab onto the button but you also get the list item information read out by the screen reader. Below is example code of my current code (first) and the second is just to

问题 In my code I have a list of buttons stored in an unordered list. If you enable a screen reader and you tab into any li element, most readers will read out which element you're on out of how many is on the list (e.g. "List item 1, item 2 of 4"). What I was curious about is it possible to merge the two so that when you tab, you tab onto the button but you also get the list item information read out by the screen reader. Below is example code of my current code (first) and the second is just to

问题 In my code I have a list of buttons stored in an unordered list. If you enable a screen reader and you tab into any li element, most readers will read out which element you're on out of how many is on the list (e.g. "List item 1, item 2 of 4"). What I was curious about is it possible to merge the two so that when you tab, you tab onto the button but you also get the list item information read out by the screen reader. Below is example code of my current code (first) and the second is just to

来源： https://stackoverflow.com/questions/48269381/warning-react-modal-app-element-is-not-defined-please-use-modal-setappeleme

问题 How to resolve accessibility error for ag grid i.e.Form control label is missing text. When i am scanning my application through siteimprove accessibility checker, i am getting this error. Form control label is missing text 1.3.1 Info and Relationships The form element has a label but text has not been added (enter image description herelabel is empty). Add the text for the form element within the label-tag or WAI-ARIA 'aria-label' or 'aria-labelledby' attribute that is already present. I

问题 How to resolve accessibility error for ag grid i.e.Form control label is missing text. When i am scanning my application through siteimprove accessibility checker, i am getting this error. Form control label is missing text 1.3.1 Info and Relationships The form element has a label but text has not been added (enter image description herelabel is empty). Add the text for the form element within the label-tag or WAI-ARIA 'aria-label' or 'aria-labelledby' attribute that is already present. I