ARC KnowledgeBase

Dedicated practice is the key to mastering digital accessibility. But with hundreds of rules and guidelines, it’s confusing and time-consuming to rely on a variety of sources for guidance. That’s when TPG’s KnowledgeBase comes in handy.

Your trustworthy resource for accessibility techniques

You’ll be able to access everything you need to know about website accessibility in our comprehensive HTML-based digital repository. Maintained by our team of expert engineers, this robust accessibility resource contains detailed instructions for creating accessible code for your digital content. TPG has been a leader in the field of accessibility since 2002. Our experts are second to none; many are involved with the creation of the W3C guidelines themselves.

Benefits

  • Reliable and accurate accessibility techniques from an expert source
  • Robust and broadranging information in one easy-to-access location
  • Accessible via ARC, TPG’s accessibility platform
Home page for KnowledgeBase, featuring three modules: desktop and responsive web, iOS Mobile Native, and Android Mobile Native

Our comprehensive catalog

You’ll get access to three different resources to suit your needs: desktop/web, Android Native, and iOS Native. KnowledgeBase is structured around a comprehensive catalogue of digital elements like forms, images, tables, etc. Each element section has three parts:

  • The group of people with disabilities impacted by the element’s accessibility issues
  • Techniques for making the element accessible
  • A reference to the WCAG guidelines that define the suggested technique
screenshot of the KB technique - using the label element
Technique: Using the <label> element to label controls

Technique: Using the <label> element to label controls

Recommendation

Use the <label> element to explicitly associate a labelable form control with a visible label. A label is attached to a specific form control through the use of the for attribute (or by wrapping the <label> element around the form control(s)). The value of the for attribute must be the same as the value of the id attribute of the form control.

An additional benefit of this technique is a larger clickable area for the control, since clicking on the label or the control will activate the control. This can be helpful for users with impaired motor control.

Note

The id attribute may have the same value as the name attribute, but both must be provided, and the id value must be unique in the Web page.

Example code: Control labeled using for and id

<label for="t1">Label</label>
<input name="input" type="text" id="t1">

Accessing KnowledgeBase

KnowledgeBase is accessible through ARC, TPG’s Accessibility Resource Center. ARC is a platform through which you and your team can access analytics, issue reports, eLearning modules, an extensive library of developer techniques, and support in a single location.

For more information about KnowledgeBase, please use the form below. All fields are required.