Accessibility Testing on Foldable Smartphones

Foldable smartphones are next generation smartphones. A new analytical report claims that foldable smartphones will hit 50 million units by 2021.

Keep reading to learn more about testing foldable smartphones. And see how to do accessibility testing on these devices.

Accessibility testing is a way of making your web and mobile apps accessible to as many people as possible. It makes apps accessible to those with disabilities, such as vision impairment, hearing disabilities, and other physical or cognitive conditions.

Accessibility Testing Guide >>

With the emergence of these new devices, DevOps teams will have to prepare their apps. Learn all about testing foldable phones and how to optimize your app’s performance. Learn how foldable phones will change non functional testing — like accessibility, security, performance, and UX testing.

The Complete Guide to Mobile Automation Testing >>

Teams need to pay special attention to accessibility testing. Accessibility testing is not just a type of testing, but now it’s also the law. Between the Web Content Accessibility Guidelines (WCAG), Section 508, and the Americans With Disabilities Act (ADA), you have plenty of regulations to meet. Failure to do so could result in fines of $75,000-$150,000. 

How to Do Accessibility Testing With Perfecto

Below, you’ll find two methods of accessibility testing with Perfecto — one for when the phone is open, and one for when the phone is folded.

Accessibility Testing With Open Mode

Accessibility Testing With Folded Mode

Results

The accessibility scanner scans the current opened page in the device and reports the violations. The attachment can be downloaded from Perfecto’s execution reports.

The attachment contains a snapshot highlighting the violation with JSON report:    

JSON Result:

[

    {

        "id": 1,

        "type": "ERROR",

        "message": "This item's height is 32dp. Consider making the height of this touch target 48dp or larger.",

        "package": "io.perfecto.expense.tracker",

        "class": "android.widget.CheckBox",

        "text": "Enable Biometric",

        "resource name": "io.perfecto.expense.tracker:id\/login_biometric_check_box",

        "leftX": 527,

        "rightX": 1009,

        "topY": 1264,

        "bottomY": 1348

    },

    {

        "id": 2,

        "type": "WARNING",

        "message": "The item's text contrast ratio is 4.07. This ratio is based on an estimated foreground color of #0086BF and an estimated background color of #FFFFFF. Consider using colors that result in a contrast ratio greater than 4.50 for small text, or 3.00 for large text.",

        "package": "io.perfecto.expense.tracker",

        "class": "android.widget.TextView",

        "text": "EXPENSE TRACKER",

        "resource name": "io.perfecto.expense.tracker:id\/tv_login_head",

        "leftX": 484,

        "rightX": 1051,

        "topY": 853,

        "bottomY": 923

    },

    {

        "id": 3,

        "type": "WARNING",

        "message": "The item's text contrast ratio is 2.68. This ratio is based on an estimated foreground color of #9E9E9E and an estimated background color of #FFFFFF. Consider using colors that result in a contrast ratio greater than 4.50 for small text, or 3.00 for large text.",

        "package": "io.perfecto.expense.tracker",

        "class": "android.widget.EditText",

        "text": "Email*",

        "resource name": "io.perfecto.expense.tracker:id\/login_email",

        "leftX": 100,

        "rightX": 1436,

        "topY": 942,

        "bottomY": 1091

    },

    {

        "id": 4,

        "type": "WARNING",

        "message": "The item's text contrast ratio is 2.68. This ratio is based on an estimated foreground color of #9E9E9E and an estimated background color of #FFFFFF. Consider using colors that result in a contrast ratio greater than 4.50 for small text, or 3.00 for large text.",

        "package": "io.perfecto.expense.tracker",

        "class": "android.widget.EditText",

        "text": "Password*",

        "resource name": "io.perfecto.expense.tracker:id\/login_password",

        "leftX": 100,

        "rightX": 1436,

        "topY": 1110,

        "bottomY": 1259

    }

] 

From the JSON report, there are four accessibility violations in the Expense Tracker Login page. Reported violations include:

Error:
    Violations: 1
    Violation Type - Touch Target Size
    Description - Accessibility Scanner looks for small touch targets that could cause difficulty for users with motor impairments.

Warnings:
    Violations: 3
    Violation Type – Low Contrast
    Description - Accessibility Scanner suggests improvements to color contrast ratios to make your app more accessible to visually impaired users.

Learn more about how to read accessibility scanner results.

Bottom Line

Foldable phones will soon be in the hands of consumers. While this is an exciting development, it also poses many challenges for DevOps teams in functional and non function testing flows. 

Fortunately, with Perfecto, accessibility testing is a seamless and free add-on to existing test automation cycles — for both web and mobile apps. See how you can align accessibility testing within your test cycle and synch results all within one place with a free, two-week trial of Perfecto.

With Perfecto, you can:

• Scale testing across platforms on web and mobile.
• Test from anywhere in the world with the cloud.
• Test on real mobile devices.
• Automate advanced testing scenarios.
• Find bugs quickly with advanced reporting.
• Fully integrate into your CI/CD pipeline.
• And more.

Give it a try for free today.

Try Perfecto

Related Content

• How to Achieve Automated Accessibility Testing
• Everything You Need to Know About Testing Foldable Phones 
• Testing Foldable Phones: Top 7 Things You Need to Know