Task Details and Methodology

Task Details and Methodology

Guidelines Referred - Web Content Accessibility Guideline (WCAG) 2.1

Tools used - Mac OS, Voiceover Screen reader, Google Chrome (120.0.6099.109) Browse, WAVE (Web Accessibility Evaluation Tool)


An assessment of the “Home” and the “Take Action” pages was reviewed to determine whether they conformed with the WCAG 2.1 guidelines up to an AA conformance level. The issues listed are for both the pages and a severity level is assigned to each one of them based on the impact it will cause on the user experience of individuals with disabilities.

Guidelines Referred - Web Content Accessibility Guideline (WCAG) 2.1

Tools used - Mac OS, Voiceover Screen reader, Google Chrome (120.0.6099.109) Browse, WAVE (Web Accessibility Evaluation Tool)


An assessment of the “Home” and the “Take Action” pages was reviewed to determine whether they conformed with the WCAG 2.1 guidelines up to an AA conformance level. The issues listed are for both the pages and a severity level is assigned to each one of them based on the impact it will cause on the user experience of individuals with disabilities.

Project Summary (Inclusive Design)

Project Summary (Inclusive Design)

An expert accessibility review was conducted for a non-profit organisation website “Refuge Network International” to learn about how accessible the website is for people with access needs. The review provided steps to be taken to fix the most important accessibility issues for using the website’s service.


The review was conducted for the following pages :

Home Page

Take action

An expert accessibility review was conducted for a non-profit organisation website “Refuge Network International” to learn about how accessible the website is for people with access needs. The review provided steps to be taken to fix the most important accessibility issues for using the website’s service.


The review was conducted for the following pages :

Home Page

Take action

Duration :

Duration :

October 2023 - December 2023

October 2023 - December 2023

Tools Used :

Tools Used :

Mac OS, Voiceover Screen reader, Google Chrome (120.0.6099.109) Browse, WAVE (Web Accessibility Evaluation Tool)

Mac OS, Voiceover Screen reader, Google Chrome (120.0.6099.109) Browse, WAVE (Web Accessibility Evaluation Tool)

Severity Level

Severity Level

Critical

Critical

A part of the website is not accessible by the user which can get them stuck or return to the start of the website. Very likely to cause the user to become frustrated and leave the website.

A part of the website is not accessible by the user which can get them stuck or return to the start of the website. Very likely to cause the user to become frustrated and leave the website.

High

High

The user can access the part of the website but they will face difficulty in understanding the element. Also, it may make the user leave the website due to confusion.

The user can access the part of the website but they will face difficulty in understanding the element. Also, it may make the user leave the website due to confusion.

Medium

Medium

The user can access the part of the website and understand the elements with minimum confusion and moderate amount of effort. Less likely to leave the website.

The user can access the part of the website and understand the elements with minimum confusion and moderate amount of effort. Less likely to leave the website.

Low

Low

The error causes minimum discomfort which does not impact the user’s ability to access or understand that part of the website. Highly unlikely to leave the website.

The error causes minimum discomfort which does not impact the user’s ability to access or understand that part of the website. Highly unlikely to leave the website.

Description

Description

Expert Accessibility Review Findings

Expert Accessibility Review

Findings

Below are the 10 identified Critical and High-severity errors. For each error, the following details are provided: the problem, a description of the problem, the error's location, the significance of the error, its severity, the identification method used, the specific WCAG 2.2 guidelines it violates, the disability personas it affects, a screenshot of the error, and the suggested corrective action.

Below are the 10 identified Critical and High-severity errors. For each error, the following details are provided: the problem, a description of the problem, the error's location, the significance of the error, its severity, the identification method used, the specific WCAG 2.2 guidelines it violates, the disability personas it affects, a screenshot of the error, and the suggested corrective action.

Appendix Screenshots

Appendix Screenshots

Conclusion and Recommendations

Conclusion and

Recommendations

Several UI elements on the “Refuge Network International” website do not comply with certain WCAG 2.2 Guidelines at both Level A (Basic) and Level AA (Better) conformance. Additionally, some elements fail to meet the WCAG Guidelines, with a high level of importance.

Several UI elements on the “Refuge Network International” website do not comply with certain WCAG 2.2 Guidelines at both Level A (Basic) and Level AA (Better) conformance. Additionally, some elements fail to meet the WCAG Guidelines, with a high level of importance.

The organisation should conduct an assessment of all the accessibility issues on their website. They should make use of WCAG guidelines and disability profiles from GOV.UK website. Furthermore, the organisation should also use of automated testing tools like WAVE for identifying other issues on the website. Lastly, after implementing the above changes, they should check their website with assistive technologies like screen-readers to ensure that the fixes are working correctly.

The organisation should conduct an assessment of all the accessibility issues on their website. They should make use of WCAG guidelines and disability profiles from GOV.UK website. Furthermore, the organisation should also use of automated testing tools like WAVE for identifying other issues on the website. Lastly, after implementing the above changes, they should check their website with assistive technologies like screen-readers to ensure that the fixes are working correctly.

Copyright © Rucha Patel | UI/UX Designer

Copyright © Rucha Patel | UI/UX Designer

Website Accessibility Audit

Website Accessibility Audit