fbpx
WCAG Web Accessibility Agency

Proud to work with

The Four Guiding Principles of WCAG

The WCAG outlines four guiding principles, stating that your website should be ‘perceivable, operable, understandable and robust’ for all users. Following these principles is the most effective way to make sure your content is accessible to a wider range of people with disabilities and meets the latest accessibility standard, WCAG 2.2 Level AA.

Perceivable
Perceivable

Perceivable

Content must be presented in ways that users can perceive, such as through sight, hearing or touch. This includes providing text alternatives for non-text content, captions for videos and ensuring that users can adjust colour and font settings.

Operable
Operable

Operable

User interface components and navigation must be operable by everyone. This includes making all functionality available from a keyboard (for those who cannot use a mouse), giving users enough time to read and use content, and helping users navigate and find content.

Understandable
Understandable

Understandable

Information and the operation of the user interface must be understandable. This means making text readable and predictable and providing help for understanding and correcting mistakes.

Robust
Robust

Robust

Content must be robust enough so that a wide variety of user agents, including assistive technologies, can reliably interpret it. This includes using clean, standards-compliant HTML and CSS.

Why is Accessibility in Web Design Important?

Making the web accessible benefits society by ensuring equal access to information and services, fostering inclusivity, and improving the overall user experience. Accessibility allows individuals with disabilities, such as vision impairments, hearing loss, motor difficulties and cognitive impairments, to use the internet effectively. By designing websites that accommodate diverse needs, Priority Pixels promote a more inclusive digital space.

Web accessibility is not just an ethical consideration; it is also a legal requirement in many countries. Complying with accessibility guidelines ensures that everyone has equal access to online resources while fulfilling legal obligations. Furthermore, features that enhance accessibility, like clear navigation and simplified interfaces, improve usability for all users by making websites easier to navigate.

Accessible websites reach a broader audience, including older individuals and those with temporary disabilities. This expanded reach can increase business opportunities and market penetration. Additionally, many accessibility practices, such as proper HTML structure and alternative text for images, also improve search engine optimisation (SEO), helping websites perform better in search rankings.

Website Accessibility

  • What is WCAG 2.2?

    WCAG 2.2 refers to the latest version of the Web Content Accessibility Guidelines, a set of recommendations for making web content more accessible, primarily for people with disabilities—but also for all user interactions on the web. Developed through the W3C process in cooperation with individuals and organisations around the world, the goal of WCAG is to provide a single shared standard for web content accessibility that meets the needs of individuals, organisations and governments internationally.

    Key Updates in WCAG 2.2

    WCAG 2.2 builds upon the earlier guidelines provided in WCAG 2.0 and WCAG 2.1, focusing on improving accessibility for three major groups of users: those with cognitive or learning disabilities, users with low vision and users with disabilities on mobile devices. While it includes all the guidelines of its predecessors, it introduces additional success criteria. Some notable additions in WCAG 2.2 are:

    1. Accessible Authentication: Ensuring that authentication processes do not require cognitive function tests that some users would find impossible to complete, unless an alternative authentication method is provided or assistance is available for completing the cognitive test.
    2. Dragging Movements: Making functionalities that require dragging movements accessible through other means, such as keyboard inputs.
    3. Findable Help: Availability of help options like human contact, self-help, or fully automated contact information that can be easily found.
    4. Consistent Help: The location or method of accessing help must be consistent across multiple web pages.
    5. Redundant Entry: Minimising the amount of repeated information input from the user across multiple sections of a website.
  • Importance of WCAG 2.2

    The guidelines are designed to make content accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity and combinations of these, as well as to accommodate older individuals with changing abilities due to aging. WCAG 2.2 helps organisations comply with legal requirements, as web accessibility is a requirement under laws in many countries including the Equality Act in the UK and the ADA (Americans with Disabilities Act) in the US.

    Implementation and Compliance

    Complying with WCAG 2.2 guidelines is typically framed in three levels of conformance: Level A (the lowest), Level AA and Level AAA (the highest). Most regulations require compliance at least to Level AA, which balances the significant accessibility improvements with moderate implementation effort.

    The adoption of WCAG 2.2 guidelines ensures that digital spaces are more inclusive, reducing barriers for users with disabilities and providing a better user experience for all visitors. Organisations are encouraged to view these guidelines as part of their best practices in digital development to enhance usability, inclusivity and reach.

  • What is the difference between A, AA and AAA levels in WCAG?

    The Web Content Accessibility Guidelines (WCAG) are organised into three levels of conformance to help developers, designers and content creators meet various degrees of accessibility: Level A, Level AA and Level AAA. These levels are intended to offer a gradient of accessibility that meets different degrees of needs for individuals with disabilities. Here’s an explanation of each:

    Level A (Minimum Level)​

    • Level A is the most basic web accessibility features, which must be satisfied for some users to access web content. Compliance at this level is generally easier to achieve and is considered the minimum standard for accessibility.​
    • Requirements under this level often include providing text alternatives for non-text content, ensuring that all functionality is available from a keyboard and using basic HTML to structure content and titles correctly.​

    ​Level AA (Mid Range)

    • Level AA includes all Level A requirements plus additional provisions that address the biggest and most common barriers for disabled users. This level is typically aimed at making sites accessible to individuals with a wider range of disabilities, including the most common barriers to accessibility.
    • Meeting Level AA often involves improving colour contrast, making text resizable without assistive technology by up to 200 percent, providing captions for videos and ensuring consistent navigation across the site. This level is regarded as the gold standard for most websites and is the level often specified as a requirement under laws and regulations.​

    ​Level AAA (Highest Level)

    • Level AAA includes all Level A and Level AA requirements plus the highest and most complex level of web accessibility that helps make sites accessible to the greatest extent possible. This level attempts to provide an enhanced accessibility experience but is not required by most policies due to its stringent criteria, which might not be possible to meet for all content or may be deemed over-demanding for some types of content.​
    • Requirements at this level might include providing sign language interpretation for videos, offering detailed help and guidance for complex or non-standard website functions and ensuring a lower level of background noise for audio content.​

    ​Practical Application​

    While it is often recommended that websites aim to meet at least Level AA conformance to accommodate legal standards and a broader range of accessibility needs, reaching Level AAA might not be feasible for all content. For instance, it may not be possible to provide detailed documentation or sign language interpretations for all media on a site, especially if resources are limited.​​

    Each level builds on the previous one, meaning that to achieve Level AA, a site must first meet all Level A criteria. The choice of which level to target depends on several factors, including the audience, legal requirements and organisational capabilities. Most accessibility legislation, such as the Equality Act 2010 require conformance to at least WCAG 2.1 Level AA.

  • Legal Requirements

    There are legal requirements in the UK that mandate website accessibility. These regulations are primarily driven by the Equality Act 2010 and the Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations 2018.

    Equality Act 2010

    The Equality Act 2010 requires that service providers, including those operating websites, must not discriminate against disabled people. This act mandates that reasonable adjustments be made to avoid disabled people being put at a substantial disadvantage. This encompasses making websites and other digital platforms accessible to individuals with various disabilities.

    Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations 2018

    These regulations specifically target public sector bodies, requiring them to ensure their websites and mobile applications meet certain accessibility standards. This includes making them more accessible by making them perceivable, operable, understandable and robust, often aligned with the WCAG 2.1 AA guidelines. The requirements apply to:

    • Websites and mobile apps of all public sector bodies, with some exceptions such as broadcasters and public sector broadcasters.
    • New websites (published after September 23, 2018) had to comply from September 23, 2019.
    • Older websites (those published before September 23, 2018) had to comply by September 23, 2020.
    • Mobile applications had to meet compliance by June 23, 2021.

    Compliance and Enforcement

    Non-compliance can lead to legal challenges under the Equality Act or direct enforcement action under the Accessibility Regulations. In practice, enforcement is often preceded by an opportunity to resolve issues, but continued non-compliance can result in legal action.

    For private sector businesses, while the 2018 regulations might not directly apply, the principles of the Equality Act 2010 do apply and businesses are expected to ensure that their digital services are accessible to avoid discrimination claims.

    It is recommended for all organisations, public or private, to consider accessibility as a fundamental aspect of web development to promote inclusivity and to comply with legal standards.

  • Publish an Accessibility Statement

    For all public sector organisations in the UK, as well as a recommended best practice for businesses, publishing an accessibility statement is mandatory. You can learn more about how to write an accessibility statement in this blog.

FAQs

What is website accessibility?

Website accessibility refers to the inclusive practice of designing and developing websites that people with disabilities can use effectively. It ensures that all users, regardless of their abilities, can perceive, understand, navigate, interact with and contribute to the web.

Why is web accessibility important?

Web accessibility is important because it promotes inclusivity and ensures equal access to information and services for everyone, including people with disabilities. It also complies with legal requirements in many regions and improves overall user satisfaction and SEO.

What are the WCAG guidelines?

The Web Content Accessibility Guidelines (WCAG) are a series of recommendations for making web content more accessible to people with disabilities. The guidelines are part of the international standard set by the World Wide Web Consortium (W3C).

What does WCAG 2.2 include?

WCAG 2.2 builds on previous versions by adding more criteria to improve accessibility for users with cognitive and learning disabilities, users with low vision and users on mobile devices. It includes guidelines on accessible authentication, consistent help and redundant entry.

What is the difference between A, AA, and AAA levels in WCAG?

The Web Content Accessibility Guidelines (WCAG) are organised into three levels of conformance to help developers, designers and content creators meet various degrees of accessibility: Level A, Level AA and Level AAA. These levels are intended to offer a gradient of accessibility that meets different degrees of needs for individuals with disabilities. Here’s an explanation of each:

Level A (Minimum Level)

  • Level A is the most basic web accessibility features, which must be satisfied for some users to access web content. Compliance at this level is generally easier to achieve and is considered the minimum standard for accessibility.
  • Requirements under this level often include providing text alternatives for non-text content, ensuring that all functionality is available from a keyboard and using basic HTML to structure content and titles correctly.

Level AA (Mid Range)

  • Level AA includes all Level A requirements plus additional provisions that address the biggest and most common barriers for disabled users. This level is typically aimed at making sites accessible to individuals with a wider range of disabilities, including the most common barriers to accessibility.
  • Meeting Level AA often involves improving colour contrast, making text resizable without assistive technology up to 200 percent, providing captions for videos and ensuring consistent navigation across the site. This level is regarded as the gold standard for most websites and is the level often specified as a requirement under laws and regulations.

Level AAA (Highest Level)

  • Level AAA includes all Level A and Level AA requirements plus the highest and most complex level of web accessibility that helps make sites accessible to the greatest extent possible. This level attempts to provide an enhanced accessibility experience but is not required by most policies due to its stringent criteria, which might not be possible to meet for all content or may be deemed over-demanding for some types of content.
  • Requirements at this level might include providing sign language interpretation for videos, offering detailed help and guidance for complex or non-standard website functions and ensuring a lower level of background noise for audio content.

Practical Application

While it is often recommended that websites aim to meet at least Level AA conformance to accommodate legal standards and a broader range of accessibility needs, reaching Level AAA might not be feasible for all content. For instance, it may not be possible to provide detailed documentation or sign language interpretations for all media on a site, especially if resources are limited.

Each level builds on the previous one, meaning that to achieve Level AA, a site must first meet all Level A criteria. The choice of which level to target depends on several factors, including the audience, legal requirements and organisational capabilities. Most accessibility legislation, such as the Equality Act 2010 require conformance to at least WCAG 2.1 Level AA.

What are some common barriers to web accessibility?

Ensuring web accessibility involves overcoming various barriers that can prevent people with disabilities from using the web effectively. Here are some of the most common barriers to web accessibility:

  1. Poor Colour Contrast: Insufficient contrast between text and background colours can make content difficult to read for people with visual impairments, including those with colour blindness.
  2. Lack of Alt Text for Images: Images without alternative text descriptions prevent screen readers from conveying what the image depicts to users who are blind or have severe visual impairments.
  3. Non-Keyboard-Navigable Interfaces: Websites that cannot be navigated using a keyboard alone can exclude users with motor disabilities who cannot use a mouse. This includes missing keyboard focus indicators which show where the keyboard actions will occur in the interface.
  4. Missing Video Captions and Audio Descriptions: Videos without captions or audio descriptions can exclude users who are deaf or have hearing impairments. Captions are also helpful for users who are in a noisy environment or where sound is not feasible.
  5. Complex and Inconsistent Navigation: Inconsistent or complex navigation mechanisms can make it difficult for users, particularly those with cognitive disabilities, to find their way around a site. Consistent, clear and predictable navigation is crucial.
  6. Use of Language or Jargon: Overly complex language or jargon can be a barrier for individuals with cognitive disabilities, those who have difficulty with reading or users for whom the site’s language is not their first language.
  7. Time-Limited Content: Content that requires a user to act within a limited timeframe can be inaccessible to users with cognitive or physical disabilities who may need more time to read or interact with content.
  8. Lack of Form Input Labels: Forms without properly associated labels can be confusing for everyone, particularly for people using screen readers, as they may not understand the purpose of each input field.
  9. Over-reliance on JavaScript or Dynamic Content: Websites that rely heavily on JavaScript or dynamically generated content can pose challenges for screen readers unless properly coded with accessibility in mind.
  10. Pop-ups and Modal Dialogs: Pop-ups and modal dialogs can be disorienting for users, particularly if they are not properly coded to trap focus and manage screen reader interaction.

By addressing these barriers, web developers can create more inclusive web environments that allow people of all abilities to access and use web content effectively. Addressing these issues not only helps to comply with legal requirements but also improves the overall user experience, potentially increasing the site’s audience and engagement.

How can web accessibility improvements benefit all users?

Enhancements aimed at improving accessibility can also enhance the overall user experience. For example, clear navigation and readable fonts benefit all users, not just those with disabilities. Additionally, accessible websites tend to perform better in search engine rankings.

What is an accessibility statement and why is it important?

An accessibility statement is a document that explains the accessibility features of a website, including the level of compliance with standards such as WCAG. It’s important because it communicates the website owner’s commitment to accessibility and provides information on accessibility accommodations and how to report issues.

Can accessibility benefit SEO?

Yes, accessibility can significantly benefit SEO (Search Engine Optimisation). Many of the principles that improve accessibility also enhance SEO, making your website more discoverable and usable, which can lead to better rankings in search engine results. Here are some key ways in which implementing accessibility practices can boost SEO:

  1. Alt Text for Images: Providing descriptive alternative text (alt text) for images helps screen readers interpret what an image depicts for users who are visually impaired. For SEO, alt text improves the indexing of images, as search engines use this text to understand the content of images, which can enhance the visibility of your site in image searches.
  2. Heading Structure: Proper use of heading tags (H1, H2, H3 etc.) helps users and assistive technologies understand the organisation of content on a page. For search engines, clear headings can help understand the structure and hierarchy of content, improving content indexing and relevance in search results.
  3. Link Anchor Text: Accessible websites use descriptive text in links rather than vague references like “click here.” This clarity helps users with screen readers and also informs search engines about the content of the linked page, contributing to SEO by establishing relevant connections between pages.
  4. Site Navigation: Accessibility requires that sites be navigable via keyboard and easy to understand, which often leads to improved site architecture and internal linking. This structured and logical navigation is also favoured by search engines, as it makes it easier to crawl and index site content.
  5. Transcripts and Captions for Multimedia: Providing transcripts for audio and captions for videos not only makes multimedia content accessible but also creates additional text content that can be indexed by search engines. This improves the findability of multimedia content and can drive additional traffic to your site.
  6. Mobile Responsiveness: Accessibility emphasises mobile accessibility, including the use of responsive design to ensure that content works well on various devices. Since search engines prioritise mobile-friendly sites (especially after Google’s mobile-first indexing), this can greatly enhance your SEO.
  7. Page Loading Speed: Many accessible websites are optimised for performance to ensure that they load quickly even on slower connections, which is crucial for users with certain types of cognitive disabilities. Faster loading times are a critical factor in SEO rankings.
  8. Reduced Bounce Rates and Increased Time on Site: Accessible sites are generally more user-friendly, leading to better user engagement, longer time spent on the site and lower bounce rates. Search engines use these metrics as indicators of a site’s quality and relevance, which can boost SEO.

By aligning your website’s accessibility improvements with SEO best practices, you can enhance your site’s usability, reach a broader audience and improve your overall online presence. This synergy between accessibility and SEO not only helps to meet regulatory requirements but also contributes to a more inclusive web environment.

How can I make multimedia content accessible?

Making multimedia content accessible is crucial for ensuring that all users, including those with disabilities, can fully engage with your website’s content. Here are some effective strategies to enhance the accessibility of multimedia such as videos, audio files and images:

Videos

  1. Captions: Provide captions for all videos. Captions should accurately reflect spoken words and other relevant sounds. This helps users who are deaf or hard of hearing to follow along.
  2. Audio Descriptions: Include audio descriptions that describe important visual details in videos, which might not be clear through the soundtrack alone. This is particularly helpful for users who are blind or have low vision.
  3. Transcripts: Offer full transcripts of videos and audio files. Transcripts help users who prefer to read rather than listen, and they are also useful for those who have difficulty processing auditory information.
  4. Accessible Player: Ensure that your media player is accessible, meaning it can be navigated using a keyboard and is compatible with assistive technologies like screen readers.
  5. Control Options: Provide options to pause, stop or control the volume of videos without requiring mouse interaction. This makes it easier for users with motor disabilities to control playback.

Audio

  1. Transcripts: As with videos, provide transcripts for audio-only content. This allows users who cannot hear the audio to still access the information.
  2. Clear and Distinct Speaking: Ensure that audio content is clear and speakers use a moderate pace, which helps those who may have processing disorders or are not native speakers of the language.

Images

  1. Alternative Text: Provide alternative (alt) text for all images. The alt text should convey the content and function of the image succinctly. This is crucial for screen reader users or when the image fails to load.
  2. Complex Images: For complex images like graphs or charts, provide longer descriptions either within the context of the document or linked near the image.

Additional Considerations

  • Ensure Compatibility: Make sure that all multimedia content is compatible with common assistive technologies.
  • Sign Language: For highly informative content, consider providing a sign language interpretation within the video frame to assist users who are deaf and use sign language as their primary means of communication.
  • Avoid Seizure-Triggering Content: Be cautious with visuals that flash or flicker, especially if they do so more than three times per second, as they can trigger seizures for people with photosensitive epilepsy.

By implementing these strategies, you not only make your multimedia content more accessible but also improve the overall user experience for a broader audience. This approach reflects a commitment to inclusivity and can help your content reach as many people as possible.

B2B Marketing Agency

We're ready to help you

We know how daunting the digital world can be; whatever your project, we're here to help. Book a call or drop us an email and we can discuss your exact requirements.

Start your project
Web Design Agency
Start Your Project