WCAG Principles

Operable

Users must be able to operate the interface and navigate through content. This involves making all functionality available via keyboard, giving users enough time to read and use content, and ensuring that users can easily navigate and understand the interface.

Implementing the Principles

Making a Website Operable

People must be able to operate the interface (the interface cannot require interaction that a user cannot perform). According to WCAG this includes items such as:

  • Ensuring every link’s purpose is understandable
  • Using clear and real headings and labels
  • Using helpful and clear page titles
  • Making all functionality available from a keyboard
  • Ensuring keyboard focus is visible and clear
  • Providing people enough time to read and use content
  • Providing a working “Skip to Content” link
  • Providing ways to help users navigate, find content and determine their location, such as breadcrumbs

Examples of Operable Website

Screenshot of partake's website displaying accessibility tools options, illustrating perceivable web design.
  • Partake‘s website is operable with both mouse and keyboard navigation, and includes an accessibility toggle for customizable text, cursor, image, and animation settings. Product pages feature simple layouts, tabbable elements, concise descriptions, and text-based nutrition facts for accessibility.
Screenshot of World Wide Web Consortium’s (W3C), illustrating operable web design.
  • The World Wide Web Consortium (W3C) excels in crafting concise and descriptive page titles, a key aspect of effective web design. Attention to detail in content and formatting not only enhances SEO rankings but also ensures accessibility for screen reader users.

This website, created by Chaerin Seok, is dedicated to empowering designers with tools and insights for inclusive web experiences. It shares accessibility tips, design best practices, and evaluation resources to enhance skills and make a positive digital impact.