Accessibility examples
There are a lot of examples of using the WAI-ARIA and HTML Accessibility features, but there aren't many that concentrate solely on mobile hybrid apps. In this section, we'll go over a few examples that should give you a good idea of how you can create accessible widgets in your app.
Separation of presentation and content
If you are new to this concept, it's time to get very familiar with separating your app's presentation and content. This will make it much easier for assistive technologies to properly render your app to your end user. Of course, with the web technologies at our disposal, this is actually very easy to accomplish; visual presentation should reside in your CSS (or Sass) and the content should reside in your HTML. If you're saying "well, of course!" right now, you're probably wondering why I even brought it up—it seems pretty obvious. But sometimes, it isn't always immediately obvious as to what constitutes content and what constitutes presentation.