Overall, you should not need to trigger a ‘re-read’, and depending on your UI that might not be a good thing anyway. My experience has been with angular.js (as an accessibility person rather than the developer), and our overall approach was to manage the focus rather than trigger a re-read. (We do extensive accessibility testing.) … Read more
Be sure to use the Spy++ utility when you want to reverse-engineer something like this. Included with Visual Studio, you need the 64-bit version in Common7\Tools\spyxx_amd64.exe. Use Search > Find Window and drag the bullseye to a UWP app, like Weather. You’ll see the window you’ll find with GetForegroundWindow(), it has at least 3 child … Read more
Starting from iOS 7, Apple provides this API. Objective-C #import <AVFoundation/AVFoundation.h> … AVSpeechUtterance *utterance = [AVSpeechUtterance speechUtteranceWithString:@”Hello World!”]; AVSpeechSynthesizer *synth = [[AVSpeechSynthesizer alloc] init]; [synth speakUtterance:utterance]; Swift import AVFoundation … let utterance = AVSpeechUtterance(string: “Hello World!”) let synth = AVSpeechSynthesizer() synth.speakUtterance(utterance)
DISCLAIMER: Forcing focus on Activity load to be anywhere but at the top bar is always (okay, always should almost never be said), but really, just don’t do it. It is a violation of all sorts of WCAG 2.0 regulations, including 3.2.1 and 3.2.3, regarding predictable navigation and context changes respectively. You are, likely, actually … Read more
No, it’s not correct (since, as you note, a label is associated with exactly one form input). To label a group of inputs that belong together, use a <fieldset> and a <legend>: <fieldset> <legend>Range</legend> <label for=”min”>Min</label> <input id=”min” name=”min” /> <label for=”max”>Max</label> <input id=”max” name=”max” /> </fieldset> References: <input />HTML 5 spec. <fieldset>HTML 5 spec. … Read more
After some digging, I found some somewhat official recommendations. Unfortunately, most are not functional at this point in time. Both the browsers and the screen readers have a lot of to implement before Math and SVG can be considered accessible, but things are starting to look up. Disclaimer: the below recommendations are what I have … Read more
The recommended way of doing this is to query the AccessibilityManager for the enabled state of accessibility services. AccessibilityManager am = (AccessibilityManager) getSystemService(ACCESSIBILITY_SERVICE); boolean isAccessibilityEnabled = am.isEnabled(); boolean isExploreByTouchEnabled = am.isTouchExplorationEnabled();
I use a js-framework (spine.js in my case) in my latest site. Still I make sure that non-js browsers (certainly not over zealous: think SEO) can navigate my site and digest the contents. As an example I’m going with a search-page with products being shown. Products can be paged, filtered, sorted. Of course this is … Read more
You can do it in HTML5, but otherwise, you must use JavaScript. HTML5 allows you to add autofocus to your form element, eg: <input type=”text” name=”myInput” autofocus /> This does work in browsers which support HTML5 (Or rather, browsers which support this particular part of HTML5) but as you know, not everybody can use it … Read more
It’s an attribute designed to help assistive technology (e.g. screen readers) attach a label to an otherwise anonymous HTML element. So there’s the <label> element: <label for=”fmUserName”>Your name</label> <input id=”fmUserName”> The <label> explicitly tells the user to type their name into the input box where id=”fmUserName”. aria-label does much the same thing, but it’s for … Read more