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