skills.rest
hulusi-tunc
hulusi-tuncCOMMUNITY
Explore all skills by this author →
GitHub

structure

Plan accessible content structure with headings, landmarks, alt text, tables, and forms.

3|Updated Mar 28, 2026
Search Tags:#accessibility#structure#forms#headings#screen-reader#landmarks
One-click install
npx skills add https://github.com/hulusi-tunc/unicorn-skills --skill structure-hulusi-tunc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: structure
Source: https://github.com/hulusi-tunc/unicorn-skills/tree/main/.claude/skills/accessible-content--structure
Command: npx skills add https://github.com/hulusi-tunc/unicorn-skills --skill structure-hulusi-tunc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps writers and developers plan and implement accessible content structures from the start, ensuring clear hierarchy, meaningful landmarks, and reusable patterns that improve navigation for all users.

Core Features & Use Cases

  • Define the Document Outline with a correct heading hierarchy (H1, H2, H3) to convey structure.
  • Map landmarks and regions (banner, navigation, main, complementary, contentinfo, search, form) for reliable keyboard and AT navigation.
  • Establish an alt-text strategy for images: decorative, functional, informative, or complex descriptions.
  • Specify table accessibility: proper headers, captions, and responsive behavior.
  • Enforce consistent form labeling and proper grouping with fieldsets/legends to aid error handling and accessibility testing.
  • Use cases include building a new page, updating a template, or auditing existing content for accessibility.

Quick Start

Run through the six-step structure process on your new page to ensure accessibility from the start.

Frequently Asked Questions about structure

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

FAQPage Schema
How do I plan accessible content structure for a new web page?▼

Ensure accessible content structure by mapping landmarks like banner, navigation, main, complementary, and contentinfo regions. This reliable landmark mapping enables consistent keyboard and screen-reader navigation across digital pages and templates.

What is the correct way to structure form labeling and fieldsets for accessibility?▼

Structure form labeling by enforcing consistent label associations and grouping related controls with fieldsets and legends. This proper grouping aids error handling and ensures forms are accessible during content creation and QA testing.

How do I create an alt-text strategy for different types of images?▼

Create an alt-text strategy by categorizing images as decorative, functional, informative, or complex. This structured approach ensures appropriate descriptive text is applied to images during the digital page planning process.

Can I audit existing content for accessible heading hierarchy and table structure?▼

Yes, you can audit existing content by running the six-step structure process to verify the document outline, check the heading hierarchy, and validate table headers and captions against accessibility standards.

What landmarks do I need for screen-reader navigation on a web page?▼

For screen-reader navigation, map landmarks including banner, navigation, main, complementary, contentinfo, search, and form regions. These landmarks provide reliable keyboard and assistive technology navigation across the page.

Related Skills

Explore More Content & Communication Skills→
b566776b566776

bmad-market-research

Define market research scope, methodology, and data sources with web-verified evidence.

Community
Advanced
EIS-ITSEIS-ITS

Frontend Accessibility

Identify and fix accessibility issues in frontend interfaces using semantic HTML, ARIA, and keyboard navigation.

Official
Intermediate
cliveportmancliveportman
1

web-review-criteria

Audit HTML/CSS/JS structure and WASM integration for the Way of the Goat website.

Community
Intermediate
MoxyWolfLLCMoxyWolfLLC

accessibility-audit

Audit and correct WCAG 2.1 AA issues in web UI code.

Official
Intermediate