happytails.ai

Focus Indicator Checker

Open Focus Indicator Checker on Happytails.ai. This view has the same page content and links, with explicit tool capabilities. Read the processing notes before using a tool.

Tool capabilities

{
  "id": "focus-indicator-checker",
  "category": "accessibility-tools",
  "built": true,
  "requirements": "Input is limited to 200000 characters. Results are computed locally and exported as JSON.",
  "implementation": {
    "fields": [],
    "inputMaxLength": 200000,
    "inputErrorCode": "STRUCTURED_TEXT_TOO_LONG",
    "registrationFamily": "focus-indicator-checker",
    "note": "Flag CSS focus indicators that appear removed without replacement.",
    "experience": {
      "automatic": false,
      "single": false,
      "inputMaxLength": 200000,
      "inputMode": "text",
      "label": "Your text",
      "placeholder": "Type or paste your input…",
      "help": "Up to 200,000 characters. Review the settings before running.",
      "helpParts": [
        "Up to 200,000 characters.",
        "Review the settings before running."
      ],
      "action": null
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "Browser interface",
  "api": null,
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}

Page guide

Review CSS focus styles for rules that remove visible indicators without a replacement. Runs locally and returns a reviewable report.

How to use Focus Indicator Checker
  1. Paste the CSS rules.
  2. Run the local heuristic.
  3. Review selectors that remove focus visibility and download the report.

Input is limited to 200000 characters. Results are computed locally and exported as JSON.

Heuristic review

This flags likely problems. Confirm contrast, keyboard behavior and actual rendering in a browser.