--- name: web-html cluster: web-dev description: "HTML5: semantic markup, ARIA/WCAG accessibility, forms, Web Components, Shadow DOM, SEO" tags: ["html","accessibility","semantic","web"] dependencies: [] composes: [] similar_to: [] called_by: [] authorization_required: false scope: general model_hint: claude-sonnet embedding_hint: "html5 semantic accessibility aria forms web components shadow dom" --- ## Purpose This skill enables OpenClaw to generate, edit, and optimize HTML5 code, focusing on semantic markup for structure, ARIA and WCAG compliance for accessibility, form handling, Web Components for encapsulation, Shadow DOM for styling isolation, and SEO techniques like meta tags and structured data. ## When to Use Apply this skill when building web pages requiring accessible, semantic HTML, such as creating e-commerce product pages with ARIA roles or dynamic forms in single-page apps. Use it for SEO-heavy content like blog posts or when integrating custom Web Components to avoid global style conflicts. ## Key Capabilities - Generate semantic HTML: Create elements like `

` or `

` for better readability and SEO. Example: Use `

web-html

Install this skill

Comments