raweb-code

Automate RAWeb 1.1 accessibility alignment for front-end HTML, CSS, and JavaScript.

31|Updated Mar 26, 2026
One-click install
npx skills add https://github.com/geoffreycrofte/luxembourg-accessibility-skillset --skill raweb-code-geoffreycrofte
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: raweb-code
Source: https://github.com/geoffreycrofte/luxembourg-accessibility-skillset/tree/main/raweb-code
Command: npx skills add https://github.com/geoffreycrofte/luxembourg-accessibility-skillset --skill raweb-code-geoffreycrofte

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

RAWeb 1.1 compliance for front-end HTML, CSS, and JavaScript during development, guiding developers to produce accessible interfaces.

Core Features & Use Cases

  • Inline accessible code patterns and anti-patterns for all 17 RAWeb themes
  • Lookup commands for RAWeb criteria, methodologies, and glossary references
  • Pre-commit accessibility checklist and reference data to ensure compliant UI

Quick Start

Invoke the raweb-code skill by typing /raweb-code before starting frontend work.

Frequently Asked Questions about raweb-code

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

FAQPage Schema
How do I make my front-end HTML and CSS accessible during development?

To make front-end HTML and CSS accessible during development, you need inline code patterns and anti-patterns that align UI components, forms, and navigation with accessibility criteria. This approach provides code-level guidance and ARIA patterns directly while you build interfaces.

What is RAWeb 1.1 compliance for front-end JavaScript and HTML?

RAWeb 1.1 compliance for front-end JavaScript and HTML is a set of accessibility requirements across 17 themes covering UI components, forms, navigation, and layout. It ensures developers produce accessible interfaces by applying criteria, methodologies, and ARIA patterns to code.

How do I look up ARIA patterns and accessibility criteria for UI components?

To look up ARIA patterns and accessibility criteria for UI components, use local script lookups that fetch reference data and methodologies. These lookup commands query glossary references and criteria to guide accessible code development.

Can I use an accessibility checklist before committing front-end code?

Yes, you can use a pre-commit accessibility checklist to validate front-end code before committing. This checklist verifies compliant UI by referencing RAWeb criteria and methodology data, ensuring HTML, CSS, and JavaScript meet accessibility standards.

Does this accessibility guidance cover all UI themes or just specific components?

This accessibility guidance covers all 17 RAWeb themes, applying to UI components, forms, navigation, and layout. It delivers inline accessible code patterns and anti-patterns across the entire scope of front-end development themes.

What's the best way to prevent accessibility anti-patterns in front-end code?

The best way to prevent accessibility anti-patterns in front-end code is to apply inline pattern guidance during development. By wiring to local references and script lookups, you fetch criteria and methodologies that identify and block non-compliant UI structures.