hydra-gate-nc-input-labels

Detect NcSelect components missing inputLabel or ariaLabelCombobox props in Nextcloud Vue files.

1|1|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/ConductionNL/shillinq --skill hydra-gate-nc-input-labels
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hydra-gate-nc-input-labels
Source: https://github.com/ConductionNL/shillinq/tree/main/.claude/skills/hydra-gate-nc-input-labels
Command: npx skills add https://github.com/ConductionNL/shillinq --skill hydra-gate-nc-input-labels

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses accessibility violations where NcSelect components are used without proper input labels, which breaks screen-reader association and violates WCAG 2.1 AA standards.

Core Features & Use Cases

  • Automated Linting: Scans Vue source files to identify NcSelect components missing the required inputLabel or ariaLabelCombobox props.
  • Compliance Enforcement: Ensures adherence to ADR-004 hard rules for frontend accessibility.
  • Use Case: Use this tool during code reviews or pre-commit hooks to automatically detect and fix accessibility gaps in your Nextcloud application interface.

Quick Start

Run the hydra-gate-nc-input-labels skill to scan the current directory for NcSelect components that lack the required accessibility props.

Frequently Asked Questions about hydra-gate-nc-input-labels

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

FAQPage Schema
How do I check Nextcloud Vue components for missing accessibility labels?

To check Nextcloud Vue components for missing accessibility labels, scan your frontend source files to identify NcSelect components lacking the required inputLabel or ariaLabelCombobox props, enforcing WCAG 2.1 AA compliance during development.

Why does my NcSelect component fail WCAG 2.1 AA compliance checks?

Your NcSelect component fails WCAG 2.1 AA compliance checks when it is missing the required inputLabel or ariaLabelCombobox props, which breaks screen-reader association for assistive technologies reading the frontend interface.

How do I automate accessibility linting for Nextcloud Vue inputs in CI/CD?

Automate accessibility linting for Nextcloud Vue inputs in CI/CD by running shell-based grep pattern matching against Vue component files to detect NcSelect components missing required inputLabel or ariaLabelCombobox accessibility props.

Can I use this accessibility scanner without shell access to my frontend codebase?

No, you cannot use this accessibility scanner without shell access, because the tool requires shell execution to run grep-based pattern matching directly against your Vue component files in the local frontend source directory.

What is the best way to enforce ADR-004 frontend accessibility rules in Nextcloud development?

The best way to enforce ADR-004 frontend accessibility rules in Nextcloud development is to scan Vue source files for NcSelect components missing inputLabel or ariaLabelCombobox props during code reviews or pre-commit hooks.

When do I need to add ariaLabelCombobox or inputLabel props to Vue components?

You need to add ariaLabelCombobox or inputLabel props to Vue components whenever you implement NcSelect elements, ensuring screen-reader association and adherence to WCAG 2.1 AA accessibility standards across the application interface.