iOS VoiceOver is ignoring user-scalable=no

A colleague found this issue yesterday 4/13/17. Try using pinch an zoom on the following page using an iPhone 6+. http://www.chrislane.info/examples/noResize.html You will see that you can still resize the page using pinch and zoom but you should not be able to due to the following meta tag. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no”> This… Read more iOS VoiceOver is ignoring user-scalable=no

iOS VoiceOver is ignoring table semantics when display:block is applied

It seems that OS VoiceOver is ignoring table semantics when display:block is applied. The only way I’ve come up with to deal with this issue is dispense with the table headers and label the data inline. See the following example using a mobile screensize. http://www.chrislane.info/aria_examples/mobileTable.php See the bug report at https://bugs.webkit.org/show_bug.cgi?id=141524. A colleague also discovered that… Read more iOS VoiceOver is ignoring table semantics when display:block is applied

CSUN 2017 – Angular 2: Prototyping & Testing Accessible Widgets

Thanks to Nat Tarnoff for helping me get ready for this talk. We talked about Angular 2’s strange relationship with attributes and addressed the ambiguity on how to work with native DOM elements from within an Angular application. Finally, we ended with a Demo of how to use Visual ARIA with Protractor to catch ARIA… Read more CSUN 2017 – Angular 2: Prototyping & Testing Accessible Widgets

A2 A11y Quickstart

An easy way to get started using ARIA in Angular 2. Also, see how Protractor and Visual ARIA combine to catch ARIA errors in your-end to-end tests. https://github.com/clane/A2A11yQuickstart

Angular 2 doesn’t like attributes but still offers attribute bindings

Data binding is a relationship between an HTML widget and data source. This relationship allows applications to display data values to a user and respond to user actions (clicks, touches, keystrokes). This relationship facilitates this, without needing to manually push application data values into the HTML, attach event listeners, pull changed values from the screen,… Read more Angular 2 doesn’t like attributes but still offers attribute bindings

Angular 2 Beta 17 actually ships with native key-combination support.

https://www.bennadel.com/blog/3088-native-key-combination-event-binding-support-in-angular-2-beta-17.htm keydown.a keydown.b keydown.c keydown.dot keydown.Spacebar keydown.meta.Enter keydown.alt.Enter keydown.control.Enter keydown.shift.Enter keydown.meta.o keydown.meta.s keydown.meta.f keydown.escape The “special key” modifiers are: alt control meta – The Command key on Mac and the Windows key on Windows. shift There are then two replacement keys that are there just keep the syntax from breaking: Space – Or, you can… Read more Angular 2 Beta 17 actually ships with native key-combination support.