accessibility

问题 Right now, my app implements AVSpeechSynthesizer to read out instructions for each screen. The app also takes into consideration when Voiceover accessibility feature is enabled. The problem I'm facing now is that the text to speech feature overlaps with the voiceover feature. Is there a solution to detect that when a user navigates to another element on the screen, TTS stops speaking, or when TTS is speaking, voiceover doesn't speak until TTS finishes (the former is preferred though). The

问题 What should I add to this html snippet to improve accessibility and allow a disabled user to understand the meaning of the check next to the "no" list item? <h5>Selected Answer</h5> <ul> <li>Yes</li> <li>No <i class="fas fa-check"></i></li> </ul> 回答1: As per the comments the OP decided that using semantically correct HTML was a better option (which it nearly always is). An example of this is located under the level 2 heading "Are you sure your semantics are correct?" further down this answer.

问题 What should I add to this html snippet to improve accessibility and allow a disabled user to understand the meaning of the check next to the "no" list item? <h5>Selected Answer</h5> <ul> <li>Yes</li> <li>No <i class="fas fa-check"></i></li> </ul> 回答1: As per the comments the OP decided that using semantically correct HTML was a better option (which it nearly always is). An example of this is located under the level 2 heading "Are you sure your semantics are correct?" further down this answer.

问题 I have a form with 3 input element. the accessibility team requires to focus the element on tab press . it works well. event doing well by shift+tab as well. but the issue is after the submit button reached by focus they want to continue from first input element instead of leaving the page and focusing the address bar. Is it possible? how can i make focus to loop my form in tab and shif+tab instead of moving out? I am showing the form in popup modal. <form action="/action_page.php"> <label

问题 In Calendar, when you create a new event, if you tap on the All Day cell with VoiceOver enabled, Siri says "All Day switch button on/off, double tap to change setting". And indeed double tapping will toggle the switch. Also, it's not possible to tap on just the toggle switch itself - you have to interact with the cell itself to toggle the switch, the switch itself is not an accessible element. In my app I have the exact same setup with a label and a switch. But when I tap the cell with

问题 The following example is a typical form field for collecting a first name. I have an aria-describedby on the input referencing two different text-areas that help describe the inputs function. The first aria-describedby reference is what I called "Hint" and is basically the placeholder attribute text on the input (aka the shadow text you see in the back of the text box). The “Hint” text area is a span with a class to visibly hide it but will still be read by screen readers. The second aria

问题 I currently have this div with aria-live=assertive: <div id="accesibility__ready" aria-live="assertive" aria-atomic="true"></div> Currently in my js file I have a method for setting everything in page with a tabindex (first headlines) then the <p> 's. Once this method is finished I want to notify user through my aria live that he can now navigate with tab: var ariaAlert = document.getElementById('accesibility__ready'); ariaAlert.setAttribute('aria-label','Content updated tab navigation ready'

问题 I currently have this div with aria-live=assertive: <div id="accesibility__ready" aria-live="assertive" aria-atomic="true"></div> Currently in my js file I have a method for setting everything in page with a tabindex (first headlines) then the <p> 's. Once this method is finished I want to notify user through my aria live that he can now navigate with tab: var ariaAlert = document.getElementById('accesibility__ready'); ariaAlert.setAttribute('aria-label','Content updated tab navigation ready'

问题 I have a React/TypeScript project, and I am trying to detect if a user has any of Mac OS's high contrast accessibility settings enabled: Invert colors, Use grayscale, Differentiate without color, Increase contrast, or an increased Display contrast setting. I want to detect these using JavaScript/TypeScript. So far, I can detect only Invert colors. How do I detect if a user has any of the other Mac OS accessibility settings enabled? More information: The prefers contrast media query is not yet

问题 I have a React/TypeScript project, and I am trying to detect if a user has any of Mac OS's high contrast accessibility settings enabled: Invert colors, Use grayscale, Differentiate without color, Increase contrast, or an increased Display contrast setting. I want to detect these using JavaScript/TypeScript. So far, I can detect only Invert colors. How do I detect if a user has any of the other Mac OS accessibility settings enabled? More information: The prefers contrast media query is not yet