Verifies if every element on the webpage has an ID and highlights those without IDs.

Latest Version

Version
1.0
Update
December 20, 2024
Size
3.74KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Scripting
ActiveTab
See more

Check Elements ID Extension

ID Validator for Web Elements is a powerful and lightweight Chrome extension designed to help developers ensure proper ID usage on input and label elements in their web pages. This tool is perfect for debugging and validating accessibility compliance in web development.

Features:

Automatically scans all input and label elements on the current webpage.
Highlights elements without IDs with a mild red overlay for quick identification.
Leaves elements with valid IDs unchanged to minimize distractions.
Works seamlessly on any webpage with just a single click.

This extension is particularly useful for:

Frontend developers aiming for clean and semantic HTML.
Accessibility testing to ensure proper label associations.
General web development best practices.

Simplify your web development workflow with ID Validator for Web Elements. No more missed IDs or accessibility errors—click the extension and let it do the work for you!

Permissions Required:

Active Tab: To scan and modify the current webpage content.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Check Elements ID", "version": "1.0", "description": "Verifies if every element on the webpage has an ID and highlights those without IDs.", "permissions": ["scripting", "activeTab"], "background": { "service_worker": "background.js" }, "action": { "default_title": "Check IDs" }}
Read more