accessibility

问题 Is there any guidance on when to choose aria-describedby instead of aria-labelledby? Reading the MDN guidance on the two attributes, I get the feeling they are similar and interchangeable. Both seem to suggest that they can be used for input labels and other content but many compliance tools do not seem to like aria-describeby on input tags. I hate applying a particular attribute blindly just because a tool says I should and I would prefer to know something concrete about the when and why

问题 I learned that the <abbr> tag is supposed to be interpreted by screen readers in a way that its title attribute would replace its content when read by a screen reader. However, when I try that, neither MacOS (Firefox and Safari) Voiceover nor NVDA (Windows 10, Edge and Firefox) work that way. Here's the relevant code part: ... bla bla bla <abbr title="nervus">N.</abbr> peronaeus ... (that's a medical expression) IMO this should be read as "... bla bla bla nervus peronaeus ...", but it's read

问题 I learned that the <abbr> tag is supposed to be interpreted by screen readers in a way that its title attribute would replace its content when read by a screen reader. However, when I try that, neither MacOS (Firefox and Safari) Voiceover nor NVDA (Windows 10, Edge and Firefox) work that way. Here's the relevant code part: ... bla bla bla <abbr title="nervus">N.</abbr> peronaeus ... (that's a medical expression) IMO this should be read as "... bla bla bla nervus peronaeus ...", but it's read

问题 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

问题 I am styling a table that has table cells with (non-interactive) checkmarks in it. The checkmark icons are added via CSS. As there is no accessible content in it, I added an aria-label to it. Now I wonder if it is a good idea to use this attribute as a CSS selector to add those checkmark icons like this: td[aria-label="yes"] { &:after { content: '\f00c'; font-family: $font-family-icons; } } I learned that using ARIA attributes as selectors is generally a good practice, at least for state

问题 I have two buttons which toggle some additional information on screen. I added the buttons the aria-controls attribute und I render an id for the infobox. Now I still get an error, when I validate the html, because I show this infobox only if a variable in the vuex store is true . I render it with v-if . So that means if the button was not clicked the element is not in the DOM and therefore the corresponding id is missing and I get an error. I tried to use v-show because this would only hide

问题 I have two buttons which toggle some additional information on screen. I added the buttons the aria-controls attribute und I render an id for the infobox. Now I still get an error, when I validate the html, because I show this infobox only if a variable in the vuex store is true . I render it with v-if . So that means if the button was not clicked the element is not in the DOM and therefore the corresponding id is missing and I get an error. I tried to use v-show because this would only hide

问题 I'm trying to make my 97 years old grandma's laptop(Ubuntu 20.04) more accessible for her. She often is frustrated because text that she has written in LibreOffice Writer vanishes. Disabling the touchpad and using an external mouse already helped a lot. But I suspect that she still accidentally selects text, when she tries to place the text cursor with her mouse(by dragging or double-clicking). When she continues typing the selected text is being overwritten. Because she needs to focus on the

问题 I have a react SPA in which I have some links which navigate to other pages or other locations on the same page, These navigations are either decided programmatically or are dependent on javascript to go to another location on the same page. I might not know the link href when the link is displayed, so I render it with href="#" and event.preventDefault() in the click handler, after which I run the logic to decide where the link should navigate to. In case of anchor links, I need javascript to