The Web Content Accessibility Guidelines (WCAG) are internationally recognised standards that help make websites, applications, digital documents, and online services accessible to people with disabilities. Developed by the World Wide Web Consortium through its Web Accessibility Initiative, these guidelines provide a framework for creating inclusive digital experiences that can be accessed and used by everyone, regardless of their abilities or the technology they use.
WCAG stands for Web Content Accessibility Guidelines. These guidelines were developed by the World Wide Web Consortium (W3C) to ensure that digital content remains accessible to people with diverse needs and abilities.
As technology becomes a part of daily life, accessibility plays an important role in ensuring equal access to information, education, employment, healthcare, communication, and public services. WCAG provides practical recommendations that help organisations create websites and digital platforms that are easier to use for everyone, including people with visual, hearing, cognitive, neurological, and physical disabilities.
Today, WCAG serves as the foundation for accessibility standards followed by governments, educational institutions, financial organisations, healthcare providers, businesses, and public sector agencies around the world.
WCAG is built around four fundamental principles, commonly known as POUR.
Information and user interface components must be presented in ways that users can perceive.
Users should be able to access content through different methods, regardless of their abilities or assistive technologies.
Examples include:
• Meaningful alternative text for images
• Captions for videos
• Readable text with sufficient colour contrast
• Information that does not rely solely on colour
For example, an error message should not appear only in red colour. It should also include text or visual indicators that clearly explain the issue.
Users must be able to navigate and interact with all website features.
Every visitor should be able to use a website whether they rely on a mouse, keyboard, voice commands, or assistive technologies.
Examples include:
• Full keyboard accessibility
• Clear navigation systems
• Accessible menus and buttons
• Sufficient time to complete forms and actions
For example, a user who cannot operate a mouse should still be able to access every page and feature using only a keyboard.
Information and functionality must be easy to understand.
Websites should use clear language, consistent navigation, and helpful instructions to improve the user experience.
Examples include:
• Simple and readable content
• Predictable page layouts
• Clearly labelled forms
• Helpful error messages
Instead of displaying a message such as “Invalid Input,” a website should provide guidance such as “Password must contain at least eight characters.”
Content must be compatible with assistive technologies and different devices.
Websites should be built in a way that allows screen readers, magnifiers, voice recognition software, and future technologies to interpret content accurately.
Examples include:
• Screen reader compatibility
• Properly structured content
• Accessible navigation elements
• Technology friendly coding practices
A robust website ensures that users can continue accessing information as technologies evolve over time.
WCAG defines three levels of accessibility compliance.
Level A represents the minimum accessibility requirements. It addresses the most basic barriers that may prevent users from accessing content.
Level AA provides a stronger level of accessibility and is considered the standard most organisations aim to achieve. Many legal and regulatory requirements are based on WCAG Level AA compliance.
Level AAA represents the highest level of accessibility. While highly beneficial, achieving full AAA compliance across an entire website can be challenging for many organisations.
Most public organisations, businesses, and institutions target WCAG 2.1 AA or WCAG 2.2 AA compliance.
Text should be clearly distinguishable from its background to ensure readability for users with low vision or colour perception difficulties.
Recommended contrast ratios:
• Normal Text: 4.5:1
• Large Text: 3:1
Good colour contrast improves readability for all users, especially on mobile devices and in varying lighting conditions.
Every website feature should remain accessible without requiring a mouse.
This includes:
• Menus
• Forms
• Buttons
• Links
• Popups
• Dropdown menus
Keyboard accessibility is essential for many users who rely on alternative input methods.
Images should include meaningful alternative descriptions that communicate the purpose and content of the image to users who rely on screen readers.
Poor Example:
image123.jpg
Good Example:
Woman using a wheelchair entering a metro station through an accessible entrance.
Effective alternative text helps users understand visual information even when they cannot see the image.
Multimedia content should include accessible alternatives whenever possible.
Examples include:
• Captions for videos
• Transcripts for audio content
• Accessible alternatives for recorded presentations
These features help individuals with hearing impairments access information more effectively.
Content should remain usable across different devices and viewing preferences.
Websites should support:
• Mobile devices
• Tablets
• Desktop computers
• Zoom levels up to 200 percent
• Portrait and landscape viewing modes
Users should be able to enlarge content without losing functionality or readability.
WCAG standards are used by a wide range of organisations across the world.
Examples include:
• Government departments
• Banks and financial institutions
• Universities and educational organisations
• Healthcare providers
• Ecommerce platforms
• Public service organisations
• Mobile application developers
• Technology companies
Many countries have adopted WCAG based accessibility requirements as part of their digital inclusion and disability rights frameworks.
Accessibility helps create a digital environment where everyone can participate equally.
Accessible websites improve access to information, education, employment opportunities, public services, and communication tools. They help remove barriers that may prevent people with disabilities from fully participating in society.
Accessibility also improves usability for many other users, including older adults, people using mobile devices, individuals with temporary injuries, and those accessing websites in challenging environments.
Creating accessible digital experiences supports inclusion, dignity, independence, and equal opportunity.
A website should include:
✓ Proper heading structure from H1 to H6
✓ Accessible keyboard navigation
✓ Alternative text for images
✓ Properly labelled forms
✓ Adequate colour contrast
✓ Captions for video content
✓ Screen reader compatibility
✓ Visible focus indicators
✓ Responsive layouts
✓ Clear and helpful error messages
✓ Accessible buttons and links
✓ Consistent navigation across pages
✓ No automatic audio playback
✓ Readable typography and spacing
✓ Accessible downloadable documents
The following resources provide additional information about accessibility standards and best practices.
WCAG Overview
https://www.w3.org/WAI/standards-guidelines/wcag/
WCAG 2.2 Recommendation
https://www.w3.org/TR/WCAG22/
WAVE Accessibility Checker
https://wave.webaim.org/
axe DevTools
https://www.deque.com/axe/devtools/
Lighthouse Accessibility Audit
https://developer.chrome.com/docs/lighthouse/accessibility/
WebAIM Contrast Checker
https://webaim.org/resources/contrastchecker/
At Snehankit Helpline, accessibility is more than a technical requirement. It is a step towards inclusion, independence, and equal opportunity. We encourage organisations, developers, institutions, and individuals to adopt accessible practices that help create digital experiences where everyone can participate, learn, connect, and thrive without barriers.
