skills.rest
WesleySmits
WesleySmitsCOMMUNITY
Explore all skills by this author →
Website𝕏@iamwesleysmitsGitHub

html-standards

Standardize HTML accessibility and semantic guidelines for WordPress FSE themes.

Updated Jan 5, 2026
Search Tags:#html#accessibility#semantics#aria#web-standards#block-templates
One-click install
npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill html-standards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-standards
Source: https://github.com/WesleySmits/oh-my-brand-wp-fse/tree/main/.github/skills/html-standards
Command: npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill html-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a standardized set of HTML accessibility and semantic guidelines for the Oh My Brand! WordPress FSE theme, reducing inconsistent markup and accessibility issues.

Core Features & Use Cases

  • Semantic element guidance for articles, sections, headers, and figures to ensure meaningful document structure.
  • ARIA patterns and attributes guidance for interactive components such as dialogs, tabs, and live regions.
  • Accessible media and images guidance on alt text, lazy loading, and descriptive captions for better inclusivity.
  • Reference-driven validation with example blocks and patterns to apply directly in render templates.

Quick Start

Review and apply these HTML standards when drafting block templates or render outputs.

Frequently Asked Questions about html-standards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize HTML accessibility for WordPress FSE block templates?▼

To standardize HTML accessibility for WordPress FSE block templates, apply semantic element usage, ARIA patterns, heading hierarchy, and proper image attributes using provided reference files and validation guidelines.

What are the best ARIA patterns for interactive components in WordPress render outputs?▼

The best ARIA patterns for interactive components in WordPress render outputs include standardized guidelines for dialogs, tabs, and live regions, ensuring meaningful document structure and accessibility compliance within your theme.

How do I implement accessible media and images in HTML block templates?▼

To implement accessible media and images in HTML block templates, follow guidelines for alt text, lazy loading, and descriptive captions to ensure better inclusivity and proper semantic structure for articles and figures.

When do I need semantic HTML elements for WordPress FSE theme development?▼

You need semantic HTML elements for WordPress FSE theme development when writing block templates or render outputs to ensure meaningful document structure for headers, sections, and figures, reducing inconsistent markup and accessibility issues.

Does this HTML standards skill work without external dependencies?▼

Yes, this HTML standards skill works without external dependencies, providing reference-driven validation with example blocks and patterns to apply directly in your WordPress render templates for immediate accessibility improvements.

Related Skills

Explore More Software Engineering Skills→
WPdoactionWPdoaction
9

wp-project-triage

Assess WordPress repositories and generate structured JSON triage reports.

Official
Advanced
theofernandezztheofernandezz

Accessibility (a11y)

Apply WCAG-compatible patterns and ARIA semantics to web interfaces.

Community
Advanced
SquizAISquizAI
2

github-formatter

Format GitHub repository content with GitHub-flavored markdown and consistent styling.

Community
Intermediate
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate