web-design-guidelines

To audit a web interface for accessibility, this skill scans HTML, CSS, and JS assets to identify semantic markup gaps, color-contrast problems, and UX inconsistencies. It cross-references your code against current guidelines to produce a concise, actionable report.

Checking HTML and CSS for color-contrast problems involves parsing UI artifacts to surface deviations from established design guidelines. This skill evaluates your provided project files and generates a line-numbered report detailing violations and recommended fixes.

Yes, you can scan a live site for semantic markup gaps by fetching current guidelines and applying checks directly to the live site's UI artifacts. The skill evaluates the assets and outputs a concise report detailing violations and recommended fixes.

No specific frontend frameworks or dependencies are required for this automated UI audit. The skill operates independently to parse your HTML, CSS, and JS assets, cross-referencing them against current Web Interface Guidelines without external component dependencies.

To run an automated accessibility check on your landing page, you simply need to provide your UI files or live site assets. The skill parses these inputs to apply checks for visual consistency and compliance, resulting in a line-numbered violation report.

An accessibility audit report shows line numbers for UX inconsistencies to pinpoint exact locations of violations in your HTML and JS code. This mapping cross-references current guidelines, providing developers with actionable recommendations for precise fixes.