A PAGE TALKS ABOUT (The 2-Minute Guide: Accessibility Evaluation Approach, Methods, and Tools)
Tags: a11y, testing, automation, qa
Published: 2024-06-12 02:33:00

**_MY WORKOUTS: PICTURE THIS_**


![TOOLS, SOLUTIONS & TECHNOLOGIES](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tsvi9vvh1s5v9nkhti7u.png)


![CHANNE L OBJECTIVES](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1q7smx27srr86nksmql6.png)

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


![ACCESSIBILITY LANDSCAPE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5f3fcn21sctkbtkktfzo.png)

> Please 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/27bmk85raop2xazn1pj0.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'** as the next 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/7704bvioirqyvmy76c6c.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 %}

> Refer to the image below for a Program Preview that links to a series of narratives on the Accessibility Landscape.


![ACCESSIBILITY PROGRAM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21g791aq5mgwhw4dgrh0.png)

> This aims to outline the ‘Approach’ to start the journey with Approach, Methods, and Tools.


![Approach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdnkjoxqt5u6r0owim4l.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”.


![APPORACH — ENTERPRISE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p5p67724v0di1v3eej10.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/xcru0lym310xkisaee6b.png)

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


![METHODS — EVALUATION](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t31500okxrs58h1e11tt.png)

> Refer to the mind map provided below, entitled **‘Picture This: Static Analysis at DOM Objects’** which outlines browser extension tools and entity checks.


![DOM OBJECTS ANALYSIS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t9j9ci7fa1rx13pdzr60.png)

> Refer to the mind map provided below, entitled **‘Picture This: Static Read & Interaction Analysis at Dom Objects’** which outlines Screen Reader Tools and entity checks.


![SCREEN READERS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8sjdj0wifvcqeefol36.png)

> Refer to the mind map provided below, entitled ‘**Picture This: Automation In Brief’** which outlines the scope of automation integration in accessibility evaluation.


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

> The Conclusion: Picture This


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

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

{% embed https://youtu.be/XGf_-59rtGE %}

> As part of the upcoming stories, I will soon publish **Making the Mobile Web & App Accessible** which is designed to offer valuable insights into Accessibility Evaluation.


![MOBILE WEB-APP](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o11i8putk7mn09oi1h6w.png)

**_This is @reWireByAutomation, signing off!_**