Tag Archives: mobile

Prototyping accessibility in web and mobile UI design

Adaptable, interactive and coherent prototypes for users with disabilities. Covering accessibility in the prototyping phase of web and app design.

Pay close attention to color, contrast and visual hierarchy

Make your interactive UI elements more interactive

Don’t crowd me!

Make your app accessible by being adaptable

“Flexibility is the key to ensuring that your website is accessible to everyone.” Shaun Anderson, Hobo Web

Prototyping responsive design is actually pretty easy. With Justinmind prototyping tool, it really only involves creating a set of screens of different sizes (to represent the different screens sizes that your users use), adding the content to each screen, and adding linking events between the screens. In fact, we’ve created a nifty tutorial in our Support section to teach you step by step.

Don’t forget the user testing

Curated by (Lifekludger)
Read full article at Source: Prototyping accessibility in web and mobile UI design

Microsoft Tackles Office Mobile Accessibility, Adds Excel Toolset

Microsoft announces upcoming accessibility enhancements for Office 365 Android and iOS apps and adds several new data transformation options to Excel.

Building on Office’s existing accessibility options for visually impaired users, Microsoft revealed that it plans to add new capabilities.”

I am excited to announce that Office 365 teams are not only working on enhancing the usability of VoiceOver with Office 365 iOS apps and Narrator with Windows 10 Mobile apps, but also the usability of TalkBack with Office 365 Android apps,” stated John Jendrezak, accessibility lead and partner director of program management for the Microsoft Office Engineering group, in a recent blog post.

VoiceOver and TalkBack are text-to-speech technologies that help users navigate their software audibly.

Curated by (Lifekludger)
Read full article at Source: Microsoft Tackles Office Mobile Accessibility, Adds Excel Toolset

10 Apps That Are Designed For Mobile Accessibility – ARC

Mobile accessibility was one of the hot topics in 2015, especially when considering the fact that there are currently no hard guidelines for developers to follow when it comes to building apps that are accessible to all.

Mobile and Web accessibility has become more of a priority for some companies, especially when you take into account the legal ramifications of not having an accessible website or app but there are signs that the landscape is slowly changing.

… the following list showcases a few of the apps that have caught ARC’s roving eye. It should be noted that this list is only a taste of what is out there and is a quick guide to some of the apps that are accessibility-centric.

Curated by (Lifekludger)
Read full article at Source: 10 Apps That Are Designed For Mobile Accessibility – ARC – ARC

Screen Readers on Touchscreen Devices

In most browsers, hover over the video to display the controls if they’re not already visible.(You can try it yourself. Turn on your device’s screen reader in the Accessibility section. For iPhones, go to Settings > General > Accessibility > VoiceOver. For Android, go to Settings > Accessibility.  Give it a try for a few hours. Good luck. It takes a while to get the hang of it, but it will come.)

Browsing on touchscreen devices involves a range of gestures, many of which offer far more functionality than the tap and swipe gestures of the sighted world. To give you a better idea, here is a sample of some of the most common gestures for VoiceOver:

Drag one finger over the screen to explore the interface and hear the screen reader speak what’s under your finger.
Flick two fingers down the screen to hear it read the page from the top down.
Single tap brings a button or link in focus (so you know what it is); double tap activates the control.
3-finger horizontal flick is the equivalent of a regular swipe.
3-finger vertical flick scrolls the screen up or down.

As you can see, the vocabulary of gestures that users with low vision have to learn is quite wide. We know that gestures have low discoverability and learnability, yet for power users they do represent the only way to navigate efficiently through a system largely based on sequential access.

….

Excellent video on how VoiceOver gestures work can be viewed from source link below.

Curated by (Lifekludger)
Read full article at Source: Screen Readers on Touchscreen Devices

Smartphones, apps liberate the blind, visually impaired

Ruben Morales, a blind 59-year-old retired engineer who lives in this Silicon Valley city, has used a specialized screen-reading program for years to write and run spreadsheets on his desktop computer.

But recently, he figuratively cut the cord to his desktop and joined the mobile revolution. Morales was visiting an area Veterans Affairs blind rehabilitation center, learning how to use an iPhone’s features for vision-impaired people.

“It’s pretty amazing.” Morales said, demonstrating how he can call up a song and play it with a few taps. “Whatever I can do on the computer I can basically do it on the iPhone. It has the same capability.

”The smartphone, a gadget designed for the sighted, has turned out to be a godsend for the blind and visually impaired, making them more independent than ever before.

Curated by (Lifekludger)
Read full article at Source: Smartphones, apps liberate the blind, visually impaired

Smartphones, apps are liberating the blind and visually impaired

Ruben Morales, a blind 59-year-old retired engineer who lives in this Silicon Valley city, has used a specialized screen-reading program for years to write and run spreadsheets on his desktop computer.

But recently, he figuratively cut the cord to his desktop and joined the mobile revolution.

… learning how to use an iPhone’s features for vision-impaired people… “It’s pretty amazing.” Morales said, demonstrating how he can call up a song and play it with a few taps. “Whatever I can do on the computer I can basically do it on the iPhone. It has the same capability.

”The smartphone, a gadget designed for the sighted, has turned out to be a godsend for the blind and visually impaired, making them more independent than ever before.”

Curated by (Lifekludger)
Read full article at Source: Smartphones, apps are liberating the blind and visually impaired

How to Convert Word Documents to HTML

///with more people accessing the web via mobile devices, opening a Word document or PDF is problematic.

Many users don’t have Mobile Viewers for Microsoft Office installed on their mobile devices…

Text in the PDF or Word document may not reflow to fit the screen, resulting in users sliding the content left and right, up and down, and pinching and zooming in order to read the content.

Instead of reading your content, your readers leave your website, …

When you convert Word documents to HTML,

 … you make your content available to everyone in a format that any device can read since HTML is the standard language used to create web pages.

 … Content can be formatted and structured so it can be easily read,

… Search engines can index your content so users can easily find it.

Curated by (Lifekludger)
Read full article at Source: How to Convert Word Documents to HTML

Mobile Web Accessibility for Developers – Slides and Video – Marcy Sutton

Mobile Web Accessibility for Developers

We are web developers creating responsive websites and hybrid mobile apps with our HTML, CSS and JavaScript skills. How can we ensure our mobile experiences are accessible to all people, including those with disabilities? In this talk, we’ll discuss mobile web accessibility fundamentals, pain points and development tips you can use in your next project.

Curated by (Lifekludger)
Read full article at Source: Mobile Web Accessibility for Developers

Moto G 2015 accessibility options – Android Central

Moto G 2015 accessibility options
Android Central
Android phones have come a long way in the accessibility department, and the Moto G 2015 is no exception. Using the features and tools Google has provided for Android Lollipop, the Moto G 2015 has plenty of options for those with trouble seeing or

(curated by Lifekludger)
Complete story at source: accessibility – Google News

Float Label Pattern – Building Better Interfaces

Float Label Pattern

The Float Label Pattern was originally conceived by Matt D. Smith, where he needed to solve the issue of input field labels and space issues on mobile forms.  … the Float Label Interaction, which combines the idea of using both placeholder text and a label to identify form fields.

The challenge with form field labels on mobile devices is that they take up a lot of space.  If you left align a label, the input field would have limited horizontal length, and a top aligned label would increase the vertical length of the page. Using placeholders (or inline labels) does not completely solve the problem either, once they the placeholder disappears the user will lose the defining context around the input field.

In Mobile Form Usability: Never Use Inline Labels, Jamie Appleseed has a detailed study of the usability problems with inline labels.

The Float Label Interaction proposed by Matt, is a compromise between field label visibility and maximizing the space available.

Floating the label element over an empty input field defines the input expected, upon user input the label is shrunk and placed above the input.  This pattern allows the user never to lose context around the input field, while allowing the form to maximize the space of the viewable screen area.

Curated by (Lifekludger)
Read full article at Source: Float Label Pattern – Building Better Interfaces