JetBlue is a brand that takes accessibility seriously, and this value doesn’t stop at their mobile applications. According to the World Health Organization, about 15% of the world’s population has a disability. With a total of 4 billion mobile users worldwide, it is becoming increasingly important to incorporate accessibility into apps to cater to these audiences from an ethical, legal, and business standpoint.

VML Apps strives to help JetBlue make their apps as accessible as possible. We try to plan for accessibility from the start for brand new features, while for existing features, our team performs audits and fixes issues in order of priority. In all cases, some of the important features we focus on for accessibility are dynamic sizing, the screen reader, color and contrast, and using native controls.

Dynamic Sizing

Dynamic sizing allows users to customize the text size on their device to either be larger or smaller than the default font size. This is accomplished with Dynamic Type on iOS and scalable pixels on Android. With dynamic sizing, our team aims to make sure all of the app’s content is available in all font sizes, that the content doesn’t overlap or get cut off, and that the layout of the content is still presented clearly in all font sizes. The booker within the iOS JetBlue app is one place dynamic sizing can be found, as seen below.

Screen Reader

To support users who are blind or have low vision, iOS and Android both offer screen readers that speak out the content on the screen to the user. On iOS, the screen reader is also referred to as VoiceOver and on Android it’s called TalkBack.

For the JetBlue app’s screen reader, one of the key components we focus on is making sure we provide context to accessible elements. An example of this for the JetBlue iOS app can be found within the calendar, as seen below.

If we don’t consider the use of the screen reader for the app’s calendar, as the user starts to navigate through the view, they would hear very basic feedback such as “S, M, T, W, February 2020, 4 button” etc. However, if we provide more context within the app for the screen reader, the user will be given more details such as “Tuesday, February 4, 2020, Button.”

An accessibility label on iOS is usually applied to informative and actionable images. An added benefit of adding such labels is that this same copy can be used for iOS 13’s Voice Control feature. For example, the plus icon that is outlined below has an accessibility label of “Add,” so with Voice Control, a user could say “Tap Add” to have the device tap on that plus icon.

Color & Contrast

Colorblind and low vision users may have trouble distinguishing color differences within an application. To make certain that the JetBlue app considers this - we integrated other factors for identifying information. For instance, since JetBlue already uses shapes for visuals for their seat maps, we carried that visual cue into their mobile applications. As seen below, available seats are squares, selected seats are circles, and unavailable seats are Xs.

Another example of how the JetBlue app is accessible can be seen through error messages on forms. By adding icons and error messages to forms, errors are made more clear for all users as opposed to just indicating an error with a red color. Lastly, contrast is another factor that our team designs for, and by doing so, we confirm that the foreground and background colors meet the contrast ratio guidelines for the visually impaired.

Using Native Controls

One of the simplest ways to integrate accessibility into mobile applications is to take advantage of all that iOS and Android have built into their platforms. Native system fonts and system controls come with some great accessibility features already built-in. Within the JetBlue app, system fonts can be found throughout the majority of the app, one benefit of this on iOS is shown below, when the bold text accessibility setting is enabled on a user’s device, the system font becomes bold with no extra development effort.

Flyers Take Kindly to Accessibility

From building in more accessibility features into the JetBlue app, users took kindly to the inclusive changes. Reviews were left with comments such as:

I am officially a pleased flyer due to this app’s font and text size being perfect and easy reading for someone like me. Easy to read. Easy to navigate. Easy to access and re-access boarding pass and related information. For this 55 year-old the text is easy to read, the icons make sense, and I’m able to accomplish everything I need to do without an IT degree. Well done. Perfect app for airline and travel. Very easy to use. Good color scheme.

The app’s redesign also won a Webby Award in 2018 for Best User Experience, has 4.9 stars on the App Store, and 4.5 stars on Google Play. While accessibility is constantly a work in progress, the VML team continues to keep it top of mind for JetBlue. By doing so - VML Apps strives to make all of its clients’ apps user-friendly for all.

Please provide your contact information to continue.

Before submitting your information, please read our Privacy Policy as it contains detailed information on the processing of your personal data and how we use it.

Related Content

Campaign US AOY 2024 Hero 2
News

VML Commerce's Michelle Baumann Wins Strategist of the Year

VML's Brian Yamada and Tasha Gilroy also honored — recognizing excellence in advertising and marketing leadership and innovation
Read Article
Minute Maid
In The Press

Jon Hamm is Cast Aside in Minute Maid Zero Sugar's First Global Campaign

Minute Maid Zero Sugar introduced its worldwide campaign “Sells Itself” from Studio X, the execution arm of WPP Open X, for The Coca-Cola Company
Read More