A PAGE TALKS ABOUT (The 2-Minute Guide: Making the Mobile Web & App Accessible)
Tags: testing, a11y, automation, webdev
Published: 2024-06-30 23:27:45



> **_MY WORKOUTS: PICTURE THIS_**


![Rewire Channel](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3dctj1yxto1c2jzokqga.png)


![reWireChannel Objectives](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rv2slhbzwn0cfww8c0hp.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kemrrejgiz4m8f912kym.png)

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


![Program Preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/84b65hwurmy31jt7607d.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4lougfveyk49gf0j7z7.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yjt8axzgeo0cqupbyh2a.png)

{% embed https://dev.to/rewirebyautomation/a-page-talks-about-the-glimpse-accessibility-evaluation-dp %}

{% embed https://dev.to/rewirebyautomation/a-page-talks-about-wcag-framework-view-53b2 %}

{% embed https://dev.to/rewirebyautomation/a-page-talks-about-the-2-minute-guide-accessibility-evaluation-approach-methods-and-tools-2km %}

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


![Approach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i8iwr01ult7dkqls5oim.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6hnirmjbgr3wswit08rm.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gjvv9ddcc8cejxrj0wov.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pp4ckl8r1x26gctie8ip.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tedg5ne4aacr1f1k6kj6.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atrxgpz5tmig5nk415mw.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kxqzw34ds48tex3jzylw.png)

> 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m5yvoynnekjiyar6ynxi.png)

> **_The Conclusion: Picture This_**


![THE CONCLUSION](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/citbflg5rahflmej03pd.png)

> **_Refer to the voiceover session below from the @reWireByAutomation YouTube channel._**

{% embed https://youtu.be/ZfXFRhpeZqk %}

> 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!