[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fYz0vafDw4rMTZw5d-HUSGqhT2J73JoFXnONDrvNsMTo":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"breonwilliams","BreonWilliams","https:\u002F\u002Fprofiles.wordpress.org\u002Fbreonwilliams\u002F",2,0,100,30,94,"2026-08-29T12:26:44.970Z",[14,35],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":8,"downloaded":20,"rating":8,"num_ratings":8,"last_updated":21,"tested_up_to":22,"requires_at_least":23,"requires_php":24,"tags":25,"homepage":31,"download_link":32,"security_score":9,"vuln_count":8,"unpatched_count":8,"last_vuln_date":33,"fetched_at":34},"guardrail-blocks","Guardrail Blocks","0.1.1","\u003Cp>Most accessibility failures on WordPress sites are authoring failures: a brand color that doesn’t meet WCAG contrast, a heading hierarchy scrambled by reordering, an accordion built from divs with no keyboard support. They look fine in the editor and fail the audit later.\u003C\u002Fp>\n\u003Cp>Guardrail Blocks takes a different approach: instead of \u003Cem>offering\u003C\u002Fem> accessible options, its blocks make the failure impossible to author — and re-verify everything on every page view.\u003C\u002Fp>\n\u003Ch4>The guarantees\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>WCAG-safe color contrast\u003C\u002Fstrong> — Button backgrounds come only from your theme’s palette, and the most readable text color is chosen automatically (the live ratio is shown in the sidebar, e.g. “Contrast 8.36:1 — AA ✓”). The pairing is re-validated server-side on every page view against your theme’s \u003Cem>current\u003C\u002Fem> palette, so switching themes or changing brand colors can never leave a failing button behind.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Unbreakable heading hierarchy\u003C\u002Fstrong> — There is no heading level control anywhere. An Accessible Heading derives its level (H2–H6) from how Accessible Sections are nested, and re-derives it when you reorder, nest, or un-nest — the document outline stays valid by construction. Card titles and accordion headers participate too, always one level below their section’s heading.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Correct interactive semantics\u003C\u002Fstrong> — The Accordion ships the full WAI-ARIA disclosure pattern: real buttons inside correctly-leveled headings, \u003Ccode>aria-expanded\u003C\u002Fcode>\u002F\u003Ccode>aria-controls\u003C\u002Fcode> wiring, Enter\u002FSpace toggling, arrow-key navigation between headers, and content that stays reachable without JavaScript.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Performance-correct media\u003C\u002Fstrong> — The Media Figure renders through core’s responsive-image pipeline with explicit dimensions (no layout shift), \u003Ccode>srcset\u003C\u002Fcode>\u002F\u003Ccode>sizes\u003C\u002Fcode>, a hero toggle for \u003Ccode>fetchpriority=\"high\"\u003C\u002Fcode> (better LCP) vs. lazy loading, and alt text enforcement with editor warnings.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>The blocks\u003C\u002Fh4>\n\u003Cp>Accessible Section, Accessible Heading, Accessible Button, Card + Card Grid, Accessible Accordion, Notice (info\u002Fsuccess\u002Fwarning\u002Ferror with correct ARIA roles), Media Figure, and a Table of Contents that is generated from the page’s real outline on every view — it can never go stale.\u003C\u002Fp>\n\u003Ch4>Safety nets\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>The \u003Cstrong>Outline Checker\u003C\u002Fstrong> panel (in the page sidebar) watches the whole document — including core Heading blocks — and flags skipped levels and extra H1s with one-click block selection.\u003C\u002Fli>\n\u003Cli>Everything inherits your theme’s colors, spacing, and typography via \u003Ccode>theme.json\u003C\u002Fcode>. Nothing fights your design.\u003C\u002Fli>\n\u003Cli>The plugin makes \u003Cstrong>zero external requests\u003C\u002Fstrong> and collects no data.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Source code & development\u003C\u002Fh4>\n\u003Cp>The compiled block scripts in \u003Ccode>build\u002F\u003C\u002Fcode> are generated with @wordpress\u002Fscripts (webpack). The complete, human-readable source code is included with this plugin in the \u003Ccode>src\u002F\u003C\u002Fcode> directory (TypeScript and SCSS, one folder per block). To rebuild \u003Ccode>build\u002F\u003C\u002Fcode> from it: \u003Ccode>npm install && npm run build\u003C\u002Fcode> (Node 22; \u003Ccode>package.json\u003C\u002Fcode> and \u003Ccode>tsconfig.json\u003C\u002Fcode> are included).\u003C\u002Fp>\n\u003Cp>Development happens publicly at https:\u002F\u002Fgithub.com\u002Fbreonwilliams\u002Fguardrail-blocks, which also carries the full test suite (Jest, PHPUnit, Playwright) and CI.\u003C\u002Fp>\n","Blocks where accessibility is enforced by design: WCAG-safe color contrast and an unbreakable heading hierarchy — no QA cleanup pass.",81,"2026-07-13T19:18:00.000Z","7.0.2","6.9","8.0",[26,27,28,29,30],"accessibility","blocks","contrast","headings","wcag","https:\u002F\u002Fgithub.com\u002Fbreonwilliams\u002Fguardrail-blocks","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fguardrail-blocks.0.1.1.zip",null,"2026-07-22T17:31:50.256Z",{"slug":36,"name":37,"version":38,"author":5,"author_profile":6,"description":39,"short_description":40,"active_installs":8,"downloaded":41,"rating":8,"num_ratings":8,"last_updated":42,"tested_up_to":22,"requires_at_least":43,"requires_php":44,"tags":45,"homepage":49,"download_link":50,"security_score":9,"vuln_count":8,"unpatched_count":8,"last_vuln_date":33,"fetched_at":34},"image-to-design-tokens","Image to Design Tokens","1.0.1","\u003Cp>Image to Design Tokens is a privacy-focused tool for designers and developers who need to extract color palettes from images and generate design system tokens.\u003C\u002Fp>\n\u003Ch4>Key Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Browser-Only Processing – Images are processed locally in the browser using the Canvas API and are never uploaded to a server.\u003C\u002Fli>\n\u003Cli>Light and Dark Mode Tokens – Generates design tokens for both light and dark modes with contrast ratio indicators.\u003C\u002Fli>\n\u003Cli>Color Extraction – Uses the median cut algorithm with a bias toward preserving saturated accent colors.\u003C\u002Fli>\n\u003Cli>Live Preview – Preview how generated tokens appear in a sample user interface before exporting.\u003C\u002Fli>\n\u003Cli>Contrast Checking – Displays WCAG contrast ratio calculations to help evaluate accessibility.\u003C\u002Fli>\n\u003Cli>Export – Copy generated CSS custom properties to the clipboard.\u003C\u002Fli>\n\u003Cli>Save Palettes – Store up to 5 palettes locally using browser localStorage.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>How It Works\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Upload or drag-and-drop an image (such as a screenshot, logo, or visual reference)\u003C\u002Fli>\n\u003Cli>The tool extracts dominant colors using the median cut algorithm\u003C\u002Fli>\n\u003Cli>Design tokens are generated for both light and dark modes\u003C\u002Fli>\n\u003Cli>Review contrast ratio indicators and preview the tokens\u003C\u002Fli>\n\u003Cli>Copy the generated CSS custom properties\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Generated Tokens\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Background (bg)\u003C\u002Fli>\n\u003Cli>Surface\u003C\u002Fli>\n\u003Cli>Border\u003C\u002Fli>\n\u003Cli>Text\u003C\u002Fli>\n\u003Cli>Heading\u003C\u002Fli>\n\u003Cli>Muted Text\u003C\u002Fli>\n\u003Cli>Primary (accent or brand color)\u003C\u002Fli>\n\u003Cli>On Primary (text displayed on the primary color)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Additional Information\u003C\u002Fh3>\n\u003Cp>This plugin can be used alongside other tools. For example, Promptless WP can consume exported design tokens as part of a broader page layout workflow.\u003C\u002Fp>\n","Extract color palettes from images and generate design tokens for light and dark modes. All processing happens in your browser.",532,"2026-07-08T22:49:00.000Z","6.0","7.4",[26,46,47,48,30],"color-palette","design-system","design-tokens","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fimage-to-design-tokens.1.0.1.zip"]