accessibility

问题 I'm using the jquery UI datepicker control but do not want the 'keyboard' to display on mobile/tablet when a user clicks on the input field. A way to prevent this is to add 'readyonly=readonly' to the input. However, I'm concerned that this will negatively affect accessibility. Will users, using a screen reader, still be able to edit the field / select a date. https://jqueryui.com/datepicker/ 回答1: The short answer is yes, it will be very difficult for visually impaired users to select a date.

问题 Is there any way to create a custom gesture in iOS specifically for VoiceOver users? Thank you 回答1: I think this MIGHT be possible. The iOS Mail app (at least in iOS 6) seems to contain custom Voiceover actions (you can swipe up or down to enable a "delete" operation on a mail item in the list). My guess is (and I haven't verified this, is that if you add a swipe recogonizer only when UIAccessibilityIsVoiceOverRunning() returns true. I haven't tested this yet. 回答2: I'm almost certain that

问题 I recently noticed a very weird problem with VoiceOver's web navigation on tabs and tab panels. In particular, if the wrapper wrapping the tabs and tab panels has attribute aria-label set, then VoiceOver navigation cannot navigate to tab panel when switching tabs. The problem may be hard to describe by words, thus I created this fiddle to demonstrate. Notice that the outside wrapper div has aria-label="Wrapper" . Below are the steps to recreate the problem: Run the jsFiddle to get the result

问题 In the old times before responsive design, people used to put a font size switcher (like the image attached) to allow changing the font size of a web site. Questions: Is there any good website explain why we should or should not do it any more? Would it be considered as not implementing accessibility (e.g. failed by the Australia Accessibility Standards) on a web site if not providing a font size switcher? According to Responsive typography, the font size should depend on the reading distance

问题 I have the following requirements: On my webpage there are anchor links for navigation (thinks like skip to content etc.). These anchors are supposed to bring the target element into view and focus it. (Focus is important, because else screenreaders don't get positioned correctly. so far my code looks like this: <a href="#content" class="navbtn">Skip to content</a> <!-- somewhere else...--> <div id="content" tabindex="-1"> Lorem ipsum... </div> <script> $(".navbtn").click(function(e) { e

问题 I know It's impossible to enable the Accessibility service for apps programmatically, so I'd like to direct users to this screen: System settings --> Accessibility --> app name --> enable/disable screen . Is that possible ? 回答1: You can get them to the Accessibility screen on most devices using ACTION_ACCESSIBILITY_SETTINGS. However: that may not work on all devices, so you will want to just send them to Settings as a fallback, if you get an ActivityNotFoundException there is no way to get

问题 Concerning the SO swipe code, Android lint gave the warning OnSwipeTouchListener#onTouch should call View#performClick when a click is detected [ClickableViewAccessibility] In the description of the warning, it says: If a View that overrides onTouchEvent or uses an OnTouchListener does not also implement performClick and call it when clicks are detected, the View may not handle accessibility actions properly. Logic handling the click actions should ideally be placed in View#performClick as

问题 I have set content descriptions for the webview and I have overridden dispatchPopulateAccessibilityEvent but talk back keeps saying webview when the webview first loads. Is there anyway to turn that off. Thanks. 来源： https://stackoverflow.com/questions/11123904/android-talkback-keeps-saying-webview

问题 I'm working on fixing some accessibility issues on a web page. I have this div that acts as a dialog, and inside at one point a div containing a loading animation and a text "Working..." is displayed. I am unsure as to how to label these two items in order to correctly notify the blind user that there is a progress animation and that it's working and he should wait. <div id="loading" style="display: none;"> <div class="mgBot15"><span class="txt16" role="alert">Working...</span></div> <img src

问题 Is it Allow and Ok to use multiple <header> and in HTML 5, if yes then is it not semantically incorrect and will confuse to screen reader users? I saw many site uses like <body class="home"> <header class="hd1"> <hgroup> <h1>HTML5 Documnet</h1> <h2>tagline</h2> </hgroup> </header><!-- .hd1 --> <div class="main"> <section class="hs1"> <header> <h1>This is a Page Sub Title</h1> </header> <p>Some content...</p> <h2>Demonstrating EM and STRONG</h2> <p><strong>This text will have more importance