WCAG

WCAG

WCAG (Web Content Accessibility Guidelines) are international digital accessibility standards that define how to create websites and applications accessible to people with disabilities. Developed by the W3C consortium, they form the foundation of a modern approach to inclusive digital design.

Definition and Importance of WCAG

WCAG (Web Content Accessibility Guidelines) is a set of technical guidelines aimed at ensuring equal access to digital content for all users, regardless of their physical or cognitive abilities. These standards apply not only to users who are blind or visually impaired, but also to individuals with hearing impairments, motor limitations, cognitive disorders, or neurological conditions.

In the context of Polish legislation, WCAG has formed the legal basis for digital accessibility in the public sector since 2019. As of June 2025, the regulations will also apply to a significant portion of the private sector.

The evolution of WCAG standards

WCAG 2.1 (2018)

The first version introduced as mandatory in Poland for the public sector. It focuses on the basic aspects of accessibility, with particular emphasis on mobile devices and users with cognitive impairments.

WCAG 2.2 (2023)

The latest version, mandatory for the commercial sector from June 28, 2025. It introduces nine new criteria, including:

  • Better visibility of the focused element
  • Simplified authentication procedures
  • Larger minimum size of interactive elements
  • Optimized support for mobile devices

A key feature of WCAG 2.2 is backward compatibility—websites that meet the new standards automatically remain compliant with WCAG 2.1.

Four fundamental principles of web accessibility

1. Perceivable - content perceptibility

Information and user interface components must be presented in a way that is accessible to different senses:

Alternative text for images - every image must have descriptive alternative text or be marked as decorative. This is crucial for screen reader users.

Color contrast requirements - minimum 4.5:1 for normal text and 3:1 for large text. Enhanced contrast AA requires even higher values.

Captions and transcripts - all audio and video materials must have extended captions and transcripts for users with hearing impairments.

Resizable text - the text must be able to be enlarged to 200% without losing functionality, and at 400% zoom it must not require scrolling in two directions.

2. Operable - interface functionality

All interface components and navigation must be accessible to different modes of interaction:

Keyboard navigation - full keyboard navigation without focus traps. Focus indicators must be clearly visible. Skip links allow quick navigation between sections.

Timing controls - users must have control over temporary content. Auto-playing content can be paused or disabled.

Seizure prevention - no elements flashing more than 3 times per second, which could trigger epileptic seizures.

Input methods - support for various data entry methods, including voice control and eye tracking technologies.

3. Understandable - comprehensibility of content

Information and interface operation must be understandable to users with different cognitive abilities:

Language identification - the language of the website and individual sections must be programmatically specified for assistive technologies to function correctly.

Predictable navigation - predictable, uniform, and consistent navigation and page layouts. Elements must not change context without warning the user.

Input assistance - clear form labels, instructions for filling them out, and understandable error messages with suggestions for correction.

Error prevention - mechanisms preventing errors in critical processes such as financial transactions or the submission of legal documents.

4. Robust - compatibility with technologies

The content must be compatible with various assistive technologies, both now and in the future:

Semantic HTML markup - using the correct HTML elements according to their semantic meaning instead of visual styling.

ARIA implementation - correct use of Accessible Rich Internet Applications attributes for complex interface components.

Assistive technology compatibility - testing with popular screen readers such as NVDA, JAWS, VoiceOver, and Dragon NaturallySpeaking.

Future-proof code - code resistant to technological changes and compatible with emerging technologies in the field of accessibility.

WCAG compliance levels

Level A (minimum)

Basic accessibility requirements that every website should meet. This includes fundamental aspects such as alternative text and keyboard navigation.

Legally required level of compliance in Poland. Ensures good accessibility for most users with disabilities. Includes Level A requirements plus additional criteria for contrast, navigation, and functionality. (most common)

Level AAA (advanced)

The highest level of availability, difficult to fully implement in practice. Recommended only for specialized applications where availability is critical.

Technical implementation of WCAG

Semantic HTML

Accessibility is based on semantic HTML markup using appropriate elements:

html

<header>, <nav>, <main>, <article>, <section>, <aside>, <footer> <h1>-<h6> w logicznej hierarchii <button>, <a>, <input> z odpowiednimi atrybutami

ARIA (Accessible Rich Internet Applications)

A set of attributes that extend HTML semantics:

  • role - definition of the role of an element
  • aria-label - available element name
  • aria-describedby - additional description
  • aria-hidden - concealing elements from assistive technologies

Responsive Design and accessibility

WCAG 2.2 introduces new requirements for responsiveness:

  • Minimum size of interactive elements: 24x24 pixels
  • Support for vertical and horizontal orientation
  • Functionality at magnification up to 400%

Compliance testing tools

Automatic audits

  • axe-core - the most popular library for automated testing
  • Lighthouse - built into Chrome DevTools
  • WAVE - browser extension from WebAIM
  • Pa11y - command line tool

Manual testing

  • Keyboard navigation only (Tab, Shift+Tab, Enter, SpaceTechniczne)
  • Czytnik ekranu (NVDA, JAWS, VoiceOver)
  • Simulation of visual impairment (color filtering, blurring)
  • HTML validation and semantic checking

Testing methodologies

  1. Automated testing - initial scan for basic errors
  2. Manual keyboard testing - checking availability from the keyboard
  3. Screen reader testing - testing with assistive technologies
  4. User testing - tests with real users

WCAG in the context of different technologies

JavaScript applications (SPA)

  • Focus management when changing views
  • Dynamic updates communicated by aria-live
  • Client-side routing with proper focus management
  • Virtual DOM maintaining accessibility during re-rendering

Mobile Applications

  • Touch targets with a minimum size of 44x44 points
  • Gesture alternatives - alternatives to multi-point gestures
  • Orientation independence - operation in any orientation (horizontal - vertical)
  • Motion sensitivity - option to disable animation

E-commerce and forms

  • Error identification and suggestion in forms
  • Input purpose identification for autocomplete
  • Required field indication  with appropriate semantics
  • Shopping cart accessibility  with a clear structure and messages

Implementation challenges

Technical

  • Dynamic content requiring appropriate focus management
  • Complex UI components (e.g., date pickers, modal windows)
  • Multimedia with subtitling and audio description requirements
  • Interactive maps and complex data visualizations

Organizational

  • Training for project and development teams
  • Integration with development workflow and design 
  • Testing and QA at every stage of product development
  • Maintenance and updates of existing systems

WCAG 3.0 (W3C Accessibility Guidelines)

Future version of standards, currently under development:

  • New evaluation model based on actual user performance
  • A broader scope covering all digital technologies
  • A more flexible approach to different contexts of use

Automation and AI

  • Automated accessibility testing integrated with CI/CD
  • AI-powered alt text generation for images
  • Smart focus management in SPA applications
  • Predictive accessibility - anticipating problems at the design stage

The business importance of accessibility

Compliance with WCAG is not only a legal requirement, but also an investment in:

  • A wider audience - 15% of the population has some form of disability.
  • Better SEO - accessible pages are indexed more effectively
  • Better UX quality - accessibility improves the experience for all users
  • Legal risk reduction – avoiding penalties and potential litigation

ROI of availability

Research shows that investments in accessibility bring:

  • 13-20% increase in conversion thanks to improved UX
  • Greater reach by reaching new user groups
  • Improving our image as a socially responsible company
  • Long-term savings – easier and cheaper to implement accessibility from the outset

Summary

WCAG is a fundamental standard of modern web development. It is not just a technical legal requirement, but reflects the philosophy of inclusive design, which makes the internet accessible to everyone.

Proper implementation of WCAG requires a holistic approach—from the design phase, through development, to testing and maintenance. It is an investment that benefits not only users with disabilities, but everyone who uses our digital products.

In the context of upcoming legal changes in Poland, understanding and implementing WCAG is becoming a key competency for any team involved in creating digital solutions.

Share

Questions? icon Questions?
+48 538 537 623