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.
- 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
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
Technique: Using the
<label> element to label
Technique: Using the
<label> element to label controls
<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
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
id attribute may have the same value as the
but both must be provided, and the
id value must be unique in the Web page.
Example code: Control labeled using
<label for="t1">Label</label> <input name="input" type="text" id="t1">
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.