A PAGE TALKS ABOUT (WCAG — Framework View)
Tags: webdev, testing, a11y, wcag
Published: 2024-05-27 03:10:53


![WCAG FRAMEWORK VIEW](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rx32vrqojixq53ytxccp.png)

**_MY WORKOUTS: PICTURE THIS_**


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


![CHANNEL OBJECTIVES](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h58k6hc7sjakke5b9nc8.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/bj4l4r7cvbpxrhevl71i.png)


![PROGRAM PREVIEW](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kh5hm9llnouuqyldrdvb.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.

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

**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/u1466k690s7meu0nyi08.png)

Refer to the mind map below titled **_‘Picture This: An Overview of W3C and WAI’_** which serves as a starting point for the journey towards ‘Making the Web Accessible.


![W3C AND WAI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ah0ln1sgfspwj7dftgi3.png)

Refer to the mind map provided below, entitled **_‘Picture This: WCAG — Framework’_** which is a crucial element in understanding the Accessibility Journey that covers **Principles, Guidelines, and Success Criteria.**


![WCAG — FRAMEWORK](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/66bbhuzcziwbekpd7efs.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 a classification of the guidelines associated with each principle.


![PRINCIPLES STRUCTURE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93zqootg0mmmrulu1c4j.png)

Refer to the mind map below, which illustrates the WCAG recommendations, compliance levels, and technologies utilized in the implementation of web pages/content.


![WCAG -DECODE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r1kpv9egv3ieckds8c18.png)

Refer to the mind map below, which depicts the components used in web pages/content implementation and outlines the corresponding evaluation methods. These are categorized into three major segments: **_‘Controls Analysis,’ ‘Readability,’ and ‘Interactive & Navigation.’_**


![COMPONENTS & EVALUATION](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/awl5huzlpo6t2e1bo4j3.png)

**_The Conclusion: Picture This_**


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

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

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

As part of the upcoming stories, I will soon publish **‘Approach & Methods’** which is designed to offer valuable insights into Accessibility Evaluation.


![APPROACH & METHODS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqctfgoff12ff1leh65d.png)

**_With this, @reWireByAutomation is signing off!_**