Use explicit labels by default: pair a visible <label for="…"> with the form control whose id matches it exactly. Implicit labels—where the control sits inside its <label>—are also valid, but W3C WAI recommends explicit association whenever possible and says explicit labels are generally better supported by assistive technology.
What is the difference between explicit and implicit labels?
Both patterns use the native HTML <label> element to associate text with a form control. The difference is how the association is made.
Explicit label: connect with for and id
The label’s for value must match the control’s id exactly:
<label for="email">Email address</label>
<input id="email" name="email" type="email">The matching values create a programmatic relationship that assistive technology can identify. W3C WAI advises: “Whenever possible, use the label element to associate text with form elements explicitly.” W3C WAI’s Labeling Controls tutorial also says that explicit labels are generally better supported by assistive technology.
Recommended Free Tools
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Implicit label: nest the control inside the label
With an implicit label, the label text and control are contained by the same <label> element:
<label>Email address
<input name="email" type="email">
</label>This is a valid HTML pattern recognized by W3C WAI. Keeping the text and control together in the markup can be convenient, for example when a generated control does not have a usable id. It is not, however, the preferred default when broad assistive-technology support is the priority.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Which pattern should you choose?
| Pattern | How it connects | Practical consideration |
|---|---|---|
| Explicit | for on the label matches id on the control |
Relationship is clear in the markup; W3C WAI recommends it whenever possible. |
| Implicit | Control is nested inside the label | Keeps text and control together; valid, but not W3C WAI’s preferred default for broad support. |
There is no quantitative head-to-head compatibility result in the cited guidance, so the recommendation is not a claim that implicit labels always fail. Choose one clear association per control, describe the control’s purpose, and check that the relationship works with your target users and assistive technologies.
Why does the label need a programmatic connection?
Text placed next to a control may look like its label, but visual proximity alone does not establish that relationship in the markup. A native label makes the association available to assistive technology and adds a practical interaction: clicking the label activates or selects its associated control.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Clear labels and instructions also help people enter information correctly, including users with cognitive, language, and learning disabilities. W3C WAI’s Understanding WCAG 3.3.2 guidance discusses the role of labels or instructions in helping users avoid input errors.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Does WCAG require explicit labels?
Do not treat one HTML technique as a universal WCAG mandate. W3C Technique H44 describes how an explicit label association can meet specified WCAG criteria in the contexts set out by that technique. W3C explains that techniques are examples, not requirements; conformance can be achieved in other ways. The practical goal is to label controls clearly, make their relationships programmatically determinable, and assess the success criteria that apply to the page.
Quick Recap
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Implementation checks
- Give each control a label or instruction that identifies its purpose.
- For an explicit label, confirm that the label’s
forand the control’sidmatch exactly. - For an implicit label, place the control inside its corresponding
<label>. - Use one clear association for each control rather than combining patterns without a reason.
- Check that the label is understandable and that activating it operates the intended control.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
