DEV Community

Cover image for A PAGE TALKS ABOUT (The 2-Minute Guide: Making the Mobile Web & App Accessible)
Kiran Edupuganti
Kiran Edupuganti

Posted on

A PAGE TALKS ABOUT (The 2-Minute Guide: Making the Mobile Web & App Accessible)

MY WORKOUTS: PICTURE THIS

Rewire Channel

reWireChannel Objectives

The Accessibility Landscape encompasses Design, Development, Authoring, Evaluation, and Accessibility Standards & Guidelines to ensure Mobile Content is accessible through sophisticated services to all users, including those with disabilities.

ACCESSIBILITY LANDSCAPE

Consider the story mentioned as a pre-requisite in the preceding post, which is an integral part of the Program Preview.

Program Preview

A PAGE TALKS ABOUT column from the @rewirebyautomation channel, which has published a short introduction to ‘The Glimpse, Accessibility evaluation”. If you haven’t read it yet, please navigate to this story first. I recommend reading the introductory story as a prerequisite before scanning below. It will help you to benefit from and establish connectivity throughout this journey.

ACCESSIBILITY PROGRAM

A PAGE TALKS ABOUT column from the @rewirebyautomation channel, which has published a short introduction to _‘The Glimpse, Accessibility evaluation” and “WCAG — Framework View”, “Approach & Methods” _ as a follow-up session. If you haven’t read it yet, please navigate to these stories first. I recommend reading the introductory story and subsequent session as a prerequisite before scanning below. It will help you to benefit from and establish connectivity throughout this journey.

PUBLISHED STORIES ON ACCESSIBILITY

This aims to outline the _‘Approach’ _to start the journey with “Mobile Solutions Overview: Making the Mobile Web & App Accessible”

Approach

Refer to the mind map below titled ‘Picture This: Program’ which serves as a starting point for the journey towards “Making the Mobile Web & App Accessible”.

Program

This approach is defined in the format of a ‘Top-Down Approach’ that starts from ‘Enterprise’ to ‘Strategy’ and concludes with ‘Build.’ The core objective is to bring the ‘Business Objectives’ into the ‘Enterprise’ direction to form objectives that support products and further strategize the objectives to achieve business goals as per enterprise needs. It is driven by the support of building necessary processes, standards, and guidelines to achieve product accessibility.

Refer to the mind map below titled _‘Picture This: Approach at Enterprise’ _which serves as a starting point for the journey towards “Accessibility Evaluation for Mobile Apps world”.

APPROACH — ENTERPRISE

Refer to the mind map below, which organizes the principles to encompass the four fundamental elements of accessibility: _Perceivable, Operable, Understandable and Robust. _ It also includes techniques associated with each principle that covers Mobile Web & Apps accessibility evaluation. Techniques are categorized under 3 categories (Sufficient: defines must satisfy guidelines check, Advisory: defines guidelines improvement and beyond, Failure: defines causes of failure of checks specific to Mobile Apps.

Mobile at WCAG

Refer to the mind map provided below, entitled ‘Picture This: Mobile Platforms’, which describes the platforms that are available to conduct the “Mobile Web and Apps Accessibility” Evaluation.

Mobile Platforms

Refer to the mind map provided below, entitled ‘Picture This: Approach @Methodology’ which is a critical element for understanding the Methodology that integrates with Product Development Methodology.

APPROACH — METHODOLOGY

Refer to the mind map provided below, entitled ‘Picture This: Methods @Evaluation’ which outlines the scope of methods, targets analysis on the App objects, and corresponding entity checks.

METHODS — EVALUATION

Refer to the mind map provided below, entitled ‘Picture This: Solutions Overview — Mobile Cloud Solutions’ which outlines the components of Mobile Web & App Accessibility evaluation from a Mobile Cloud Solutions perspective. It indicates the leverage of Android and iOS analyzers and screen readers. The Axe Dev Tools overview encompasses Axe Dev Tools analyzers and native libraries developed in multiple languages, powered by XCUITest, Espresso, and Appium in the form of plugins. It integrates with Mobile Cloud platforms to conduct Mobile Web and App accessibility in an automated fashion.

Mobile Cloud Solutions

The Conclusion: Picture This

THE CONCLUSION

Refer to the voiceover session below from the @rewirebyautomation YouTube channel.

As part of the upcoming stories, I will continue to publish advancements in Accessibility Evaluation technologies which are designed to offer valuable insights into AI-Powered solutions.

This is @rewirebyautomation, signing off!

Top comments (0)