xrnavigation

xrnavigation/web-a11y-plugin

Plugin Claude Code

Plugin marketplace listing 1 plugin: a11y.

xrnavigation/web-a11y-plugin

Instructions file CodexOpenCode

AGENTS.md instructions for xrnavigation/web-a11y-plugin: Web accessibility agent skills plugin. Skills follow the Agent Skills open standard (agentskills.io).

xrnavigation/web-a11y-plugin

Instructions file

Claude Code instructions for xrnavigation/web-a11y-plugin, covering web-a11y-plugin and skill execution.

xrnavigation/web-a11y-plugin

Instructions file Gemini CLI

Gemini CLI instructions for xrnavigation/web-a11y-plugin: Web accessibility agent skills plugin. Skills follow the Agent Skills open standard (agentskills.io).

xrnavigation/web-a11y-plugin

Plugin Claude Code

Web accessibility skills — semantic markup, ARIA, color contrast, keyboard navigation, screen reader support, testing.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible accordion and disclosure implementation. Auto-invokes when creating accordions, collapsible sections, expandable panels, or disclosure widgets. Covers native details/summary vs ARIA accordion, the APG accordion pattern, and the disclosure pattern.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Runs automated accessibility scans with axe-core, pa11y, Lighthouse, or eslint-plugin-jsx-a11y. Interprets results, prioritizes violations, and generates fix recommendations. Use when asked to audit, scan, or check accessibility of a page, component, or codebase.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible combobox and autocomplete implementation per APG patterns. Auto-invokes when creating combobox, autocomplete, typeahead, select-with-search, or custom dropdown components. Covers required ARIA, keyboard interaction, and variant selection (select-only, editable, autocomplete modes).

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible modal and non-modal dialog implementation. Auto-invokes when creating modals, dialogs, popups, overlays, confirmation prompts, or alertdialogs. Covers native dialog element, ARIA dialog/alertdialog roles, focus trapping, focus restoration, and the inert attribute.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible data grid, interactive table, and sortable table implementation. Auto-invokes when creating data grids, spreadsheet interfaces, sortable tables, or interactive table cells. Critical distinction — most data tables do NOT need role="grid". Covers table vs grid decision, HTML table accessibility…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible listbox implementation for single and multi-select lists per APG patterns. Auto-invokes when creating listboxes, selection lists, option lists, or custom multi-select components. Covers required ARIA, keyboard interaction, single vs multi-select, and reorderable lists (WCAG 2.2 dragging alternatives).

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible application menu and menu button implementation per APG patterns. Auto-invokes when creating menus, menubars, context menus, action dropdowns, or menu buttons. Critical distinction — site navigation is NOT a menu. Covers menu/menubar/menuitem roles, menuitemcheckbox, menuitemradio, and the menu…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible tab interface implementation per APG patterns. Auto-invokes when creating tabs, tabbed panels, tab navigation, or tabbed content components. Covers required ARIA roles/states, keyboard interaction, automatic vs manual activation, and horizontal vs vertical orientation.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible tree view and treegrid implementation per APG patterns. Auto-invokes when creating tree views, file browsers, hierarchical lists, nested navigation trees, or treegrid components. Covers tree vs treegrid decision, required ARIA roles/states, keyboard interaction, and multi-select patterns.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides accessible content writing — link text, error messages, alt text as craft, plain language, headings as navigation, and microcopy. Auto-invokes when writing UI text, link labels, error messages, button labels, form instructions, or heading structures. Content is an interface — bad content is an accessibility…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides alt text decision-making beyond presence — the W3C decision tree for decorative vs informative vs functional vs complex images, context-dependent descriptions, SVG accessibility, CSS background image alternatives, and icon button labeling. Auto-invokes when adding images, SVGs, icons, or image-based components.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides correct ARIA usage by encoding the "first rule of ARIA" — use native HTML elements before reaching for ARIA roles. Auto-invokes when writing ARIA attributes, custom interactive elements, or role attributes. Prevents the most common LLM accessibility error: ARIA misuse and overuse.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Helps verify accessibility by describing what assistive technology users actually experience — what screen readers announce, what keyboard navigation feels like, what broken focus sounds like. Auto-invokes when writing forms, headings, ARIA, or interactive components. User-invocable for full AT experience walkthrough…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides cognitive accessibility patterns — clear actionable error messages, consistent navigation, predictable behavior, timeout handling with warnings, progress indicators for multi-step processes, consistent help placement (WCAG 2.2), and plain language. Auto-invokes when writing error messages, multi-step flows…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides understanding of how cognitive disabilities and neurodivergence affect web interaction — why timeouts cause panic, why unpredictability causes distress, why sensory overload is pain not preference. Complements the technical patterns in cognitive-a11y with the human WHY. Auto-invokes when creating animations…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides CSS patterns that affect accessibility — focus indicators, forced-colors mode, prefers-reduced-motion, prefers-contrast, color-only information avoidance, and target sizing. Auto-invokes when writing CSS for interactive elements, animations, transitions, media queries, or custom focus styles.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Generates accessibility-centered user stories, personas, and acceptance criteria that verify real assistive technology experiences. Use when writing user stories, sprint planning, defining acceptance criteria, or creating accessibility-specific test cases. Provides W3C, GOV.UK, and Microsoft persona frameworks plus…

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides focus management for dynamic web applications — modal focus trapping, focus restoration, SPA route changes, dynamic content focus recovery, focus-not-obscured (WCAG 2.2), and skip navigation. Auto-invokes when creating modals, dialogs, SPAs, route handlers, or dynamically adding/removing DOM content.

xrnavigation/web-a11y-plugin

Skill Claude CodeCodex

Guides comprehensive form accessibility beyond basic labels — error messaging and association, validation patterns, field grouping, accessible authentication (WCAG 2.2), redundant entry prevention, and autocomplete attributes. Auto-invokes when creating forms, validation logic, authentication flows, or multi-step form…