{"id":28,"date":"2026-07-04T13:15:14","date_gmt":"2026-07-04T07:45:14","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/?page_id=28"},"modified":"2026-10-19T09:52:59","modified_gmt":"2026-10-19T04:22:59","slug":"plugins","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/plugins\/","title":{"rendered":"Vitrine Ananyoo - D\u00e9mos d\u2019extensions en direct"},"content":{"rendered":"<!-- Ananyoo - Accessible WordPress Plugin Demos (\/plugins\/) \u00b7 Author: Shivaji Mitra \u00b7 Company: M\/S. Anblik -->\n\n<style>\n\t.aawl-show { width: 100%; }\n\t.aawl-show * { box-sizing: border-box; }\n\t.aawl-show section { padding: 4rem 1.5rem; }\n\t.aawl-show .inner { max-width: 1180px; margin: 0 auto; }\n\t.aawl-show h2 { font-size: 2.25rem; line-height: 1.2; font-weight: 700; color: #1a1f36; margin: 0 0 1rem; }\n\t.aawl-show h3 { font-size: 1.4rem; line-height: 1.25; font-weight: 700; color: #1a1f36; margin: 0 0 0.5rem; }\n\t.aawl-show p { font-size: 1rem; line-height: 1.65; color: #374151; margin: 0 0 1rem; }\n\t.aawl-show .eyebrow { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: #b45309; margin: 0 0 0.75rem; }\n\t.aawl-show code { background: rgba(0,0,0,0.05); padding: 1px 5px; border-radius: 3px; font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace; font-size: 0.9em; }\n\t.aawl-show a { color: inherit; }\n\t.aawl-show :focus-visible { outline: 3px solid #1a1f36; outline-offset: 2px; }\n\t\/* BUTTONS *\/\n\t.aawl-show .btn { display: inline-block; padding: 14px 26px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; line-height: 1.2; min-height: 44px; transition: background-color 150ms ease, color 150ms ease, transform 120ms ease, box-shadow 150ms ease; }\n\t.aawl-show .btn--primary { background: #1a1f36; color: #ffffff; box-shadow: 0 2px 6px rgba(26,31,54,0.18); }\n\t.aawl-show .btn--primary:hover, .aawl-show .btn--primary:focus { background: #000000; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(26,31,54,0.28); }\n\t.aawl-show .btn--secondary { background: #ffffff; color: #1a1f36; border: 2px solid #1a1f36; padding: 12px 24px; box-shadow: none; }\n\t.aawl-show .btn--secondary:hover, .aawl-show .btn--secondary:focus { background: #1a1f36; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(26,31,54,0.22); }\n\t.aawl-show .button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.25rem; align-items: center; }\n\t\/* HERO *\/\n\t.aawl-show .hero { background: linear-gradient(135deg, #fafaff 0%, #ffffff 50%, #fff8f5 100%); padding-top: 4.5rem; padding-bottom: 4.5rem; }\n\t.aawl-show .hero .inner { max-width: 920px; text-align: center; }\n\t.aawl-show .hero-mark { width: 84px; height: 84px; margin: 0 auto 1.5rem; }\n\t.aawl-show .hero h1, .aawl-show .hero h2.hero-title { font-size: 2.85rem; line-height: 1.1; letter-spacing: -0.01em; color: #1a1f36; font-weight: 700; margin: 0 0 1rem; }\n\t.aawl-show .hero h1 em, .aawl-show .hero h2.hero-title em { color: #b45309; font-style: italic; }\n\t.aawl-show .hero p.lead { font-size: 1.2rem; line-height: 1.6; color: #475569; max-width: 680px; margin: 0 auto; }\n\t.aawl-show .hero .meta { font-size: 0.9rem; color: #5b6472; margin: 1.25rem 0 0; }\n\t\/* DEMOS SECTION *\/\n\t.aawl-show .demos .eyebrow, .aawl-show .demos h2 { text-align: center; }\n\t.aawl-show .demos .lead { text-align: center; font-size: 1.05rem; color: #475569; max-width: 640px; margin: 0 auto 2.5rem; }\n\t\/* Spoken-style intro callout - set apart from body copy with a soft green accent bar. *\/\n\t.aawl-show .demos .intro-note { max-width: 760px; margin: 0 auto 2.75rem; padding: 1.15rem 1.5rem; background: #e7f5ec; border: 1px solid #8bd3a6; border-left: 5px solid #0a7d3c; border-radius: 12px; text-align: left; }\n\t.aawl-show .demos .intro-note p { font-style: italic; font-size: 1.1rem; line-height: 1.6; color: #08542a; margin: 0; }\n\t.aawl-show .demos .intro-note p strong { font-style: normal; font-weight: 700; }\n\t@media (max-width: 800px) { .aawl-show .demos .intro-note { font-size: 1rem; padding: 1rem 1.2rem; } }\n\t.aawl-show .demo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 1.5rem; }\n\t.aawl-show .demo-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.06); display: flex; flex-direction: column; transition: box-shadow 150ms ease, transform 150ms ease; }\n\t.aawl-show .demo-card:hover { box-shadow: 0 10px 30px rgba(26,31,54,0.12); transform: translateY(-3px); }\n\t.aawl-show .demo-visual { height: 180px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e7eb; }\n\t.aawl-show .demo-visual.v-login { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); }\n\t.aawl-show .demo-visual.v-carousel { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); }\n\t.aawl-show .demo-visual.v-forms { background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%); }\n\t.aawl-show .demo-visual svg { width: 130px; height: 130px; }\n\t.aawl-show .demo-visual--banner { height: auto; padding: 0; }\n\t.aawl-show .demo-visual--banner img { display: block; width: 100%; height: auto; }\n\t.aawl-show .demo-body { padding: 1.6rem 1.6rem 1.75rem; display: flex; flex-direction: column; flex: 1; }\n\t.aawl-show .demo-status { display: inline-flex; align-items: center; gap: 6px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 10px; border-radius: 12px; margin: 0 0 0.75rem; align-self: flex-start; }\n\t.aawl-show .demo-status.live { background: #dcfce7; color: #166534; }\n\t.aawl-show .demo-status .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; }\n\t.aawl-show .demo-status.live .dot { background: #15803d; }\n\t.aawl-show .demo-card h2 { font-size: 1.4rem; line-height: 1.25; font-weight: 700; color: #1a1f36; margin: 0 0 0.5rem; }\n\t.aawl-show .demo-card .desc { font-size: 0.95rem; line-height: 1.55; color: #374151; margin: 0 0 1rem; }\n\t.aawl-show .demo-card .tested { font-size: 0.78rem; color: #5b6472; margin: 0 0 1.25rem; padding-top: 0.9rem; border-top: 1px solid #f3f4f6; }\n\t.aawl-show .demo-card .tested strong { color: #1a1f36; }\n\t.aawl-show .demo-card .button-row { margin-top: auto; }\n\t.aawl-show .demo-card .org-status { font-size: 0.85rem; font-weight: 600; color: #92400e; background: #fef3c7; border-radius: 8px; padding: 9px 14px; margin: 0; display: inline-flex; align-items: center; gap: 7px; line-height: 1.3; }\n\t.aawl-show .demo-card .org-status .dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #b45309; flex-shrink: 0; }\n\t\/* WHY \/ TRUST STRIP *\/\n\t.aawl-show .why { background: #fafbfc; }\n\t.aawl-show .why .inner { max-width: 1000px; }\n\t.aawl-show .why h2 { text-align: center; }\n\t.aawl-show .why .lead { text-align: center; color: #475569; max-width: 640px; margin: 0 auto 2.5rem; }\n\t.aawl-show .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; }\n\t.aawl-show .why-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1.5rem 1.4rem; }\n\t.aawl-show .why-card .ic { font-size: 1.6rem; line-height: 1; margin: 0 0 0.75rem; }\n\t.aawl-show .why-card h3 { font-size: 1.05rem; margin: 0 0 0.4rem; }\n\t.aawl-show .why-card p { font-size: 0.9rem; line-height: 1.55; color: #475569; margin: 0; }\n\t\/* TESTED-WITH PILLS *\/\n\t.aawl-show .tested-strip { background: #ffffff; }\n\t.aawl-show .tested-strip .inner { max-width: 1000px; text-align: center; }\n\t.aawl-show .tested-strip h2 { font-size: 1.6rem; }\n\t.aawl-show .tested-strip .lead { color: #5b6472; margin-bottom: 1.75rem; }\n\t.aawl-show .pill-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 880px; margin: 0 auto; }\n\t.aawl-show .pill-strip .pill { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 9px 15px; font-size: 0.88rem; font-weight: 600; color: #1a1f36; }\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.aawl-show *, .aawl-show *::before, .aawl-show *::after { animation: none !important; transition: none !important; }\n\t\t.aawl-show .btn:hover, .aawl-show .btn:focus, .aawl-show .demo-card:hover { transform: none !important; }\n\t}\n\t@media (max-width: 800px) {\n\t\t.aawl-show section { padding: 3rem 1.25rem; }\n\t\t.aawl-show .hero h1, .aawl-show .hero h2.hero-title { font-size: 2.1rem; }\n\t\t.aawl-show .demo-grid { grid-template-columns: 1fr; }\n\t}\n\t\/* FAQ *\/\n\t.aawl-show .faq .inner { max-width: 820px; }\n\t.aawl-show .faq h2, .aawl-show .faq .lead { text-align: center; }\n\t.aawl-show .faq .lead { margin-left: auto; margin-right: auto; margin-bottom: 1.75rem; }\n\t.aawl-show .faq details { border: 1px solid #e5e7eb; border-radius: 12px; background: #ffffff; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(16,34,58,0.05); }\n\t.aawl-show .faq summary { cursor: pointer; list-style: none; padding: 16px 20px; font-weight: 700; color: #1a1f36; display: flex; justify-content: space-between; align-items: center; gap: 12px; }\n\t.aawl-show .faq summary::-webkit-details-marker { display: none; }\n\t.aawl-show .faq summary::after { content: \"+\"; font-size: 1.4rem; color: #b45309; line-height: 1; flex: none; }\n\t.aawl-show .faq details[open] summary::after { content: \"\\2013\"; }\n\t.aawl-show .faq .faq-body { padding: 0 20px 18px; color: #475569; font-size: 0.95rem; line-height: 1.6; }\n\t\/* Equal-height demo cards - every card fills its grid row so all heights match,\n\t   with the buttons anchored to the bottom (see .demo-card .button-row). *\/\n\t.aawl-show .demo-grid { grid-auto-rows: 1fr; }\n\t.aawl-show .demo-card { height: 100%; }\n\t.aawl-show .demo-visual.v-events { background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%); }\n\t.aawl-show .demo-visual--banner svg { display: block; width: 100%; height: auto; }\n<\/style>\n<div class=\"aawl-show\">\n\t<!-- DEMOS -->\n\t<section class=\"demos\" id=\"demos\">\n\t\t<div class=\"inner\">\n\t\t\t<div class=\"intro-note\">\n\t\t\t\t<p><strong>Accessible WordPress plugin demos<\/strong> you can actually try - go on, click into any one below and use it just like your visitors would. What you see here is the real plugin, live on a real site. Nothing faked, nothing staged.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"demo-grid\">\n\t\t\t\t<!-- CARD 1: Accessible Login -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-login demo-visual--banner\">\n\t\t\t\t\t\t<img src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-3.png\"\n\t\t\t\t\t\t     srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-3.png 772w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-1544x500-3.png 1544w\"\n\t\t\t\t\t\t     sizes=\"auto, (max-width: 800px) 100vw, 360px\"\n\t\t\t\t\t\t     width=\"772\" height=\"250\" loading=\"lazy\" decoding=\"async\"\n\t\t\t\t\t\t     alt=\"Accessible WordPress plugin demos - Accessible Login plugin banner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible Login<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">A full WCAG 2.2 AA replacement for the WordPress login, lost-password and registration screens - ten hand-tuned accessible colour palettes, a custom backend URL, show\/hide password, logo upload and clear screen-reader announcements, so the very first screen every visitor meets is already accessible and on-brand.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/accessible-login\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-login\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<!-- CARD 2: Accessible Carousel -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-carousel demo-visual--banner\">\n\t\t\t\t\t\t<img src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-2.png\"\n\t\t\t\t\t\t     srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-2.png 772w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-1544x500-2.png 1544w\"\n\t\t\t\t\t\t     sizes=\"auto, (max-width: 800px) 100vw, 360px\"\n\t\t\t\t\t\t     width=\"772\" height=\"250\" loading=\"lazy\" decoding=\"async\"\n\t\t\t\t\t\t     alt=\"Accessible WordPress plugin demos - Accessible Carousel &amp; Slider plugin banner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible Carousel &amp; Slider<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">A Gutenberg carousel, slider and slideshow block done right - keyboard-operable controls, an always-visible pause\/stop, no auto-advance by default, proper focus handling and <code>aria-live<\/code> slide announcements, plus titled-tab navigation and optional reading modes: exactly the parts most carousels get wrong.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/accessible-carousel\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-carousel\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<!-- CARD 3: Accessible Forms -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-forms demo-visual--banner\">\n\t\t\t\t\t\t<img src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-1.png\"\n\t\t\t\t\t\t     srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-772x250-1.png 772w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/06\/banner-1544x500-1.png 1544w\"\n\t\t\t\t\t\t     sizes=\"auto, (max-width: 800px) 100vw, 360px\"\n\t\t\t\t\t\t     width=\"772\" height=\"250\" loading=\"lazy\" decoding=\"async\"\n\t\t\t\t\t\t     alt=\"Accessible WordPress plugin demos - Accessible Forms plugin banner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible Forms<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">WCAG 2.2 AA contact and lead forms as a block or shortcode - real labels with <code>fieldset<\/code> and <code>legend<\/code> grouping, a focus-managed error summary with inline messages, accessible anti-spam with optional Turnstile, and entries stored safely in your own database with no third-party scripts.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/accessible-forms\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-forms\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<!-- CARD 4: Accessible Portfolio -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-portfolio demo-visual--banner\">\n\t\t\t\t\t\t<img src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20772%20250%27%20font-family%3D%27Arial%2CHelvetica%2Csans-serif%27%3E%3Crect%20width%3D%27772%27%20height%3D%27250%27%20fill%3D%27%231a1f36%27%2F%3E%3Ctext%20x%3D%2744%27%20y%3D%2758%27%20font-size%3D%2715%27%20letter-spacing%3D%274%27%20font-weight%3D%27700%27%20fill%3D%27%23f59e0b%27%3EANANYOO%3C%2Ftext%3E%3Ctext%20x%3D%2742%27%20y%3D%27120%27%20font-size%3D%2744%27%20font-weight%3D%27800%27%20fill%3D%27%23ffffff%27%3EAccessible%3C%2Ftext%3E%3Ctext%20x%3D%2742%27%20y%3D%27168%27%20font-size%3D%2744%27%20font-weight%3D%27800%27%20fill%3D%27%23ffffff%27%3EPortfolio%3C%2Ftext%3E%3Crect%20x%3D%2744%27%20y%3D%27182%27%20width%3D%27150%27%20height%3D%276%27%20rx%3D%273%27%20fill%3D%27%23f59e0b%27%2F%3E%3Ctext%20x%3D%2744%27%20y%3D%27214%27%20font-size%3D%2716%27%20fill%3D%27%239aa3b2%27%3EWCAG%202.2%20AA%20project%20grids%20for%20WordPress%3C%2Ftext%3E%3Crect%20x%3D%27484%27%20y%3D%2754%27%20width%3D%27252%27%20height%3D%27150%27%20rx%3D%2714%27%20fill%3D%27%23ffffff%27%2F%3E%3Crect%20x%3D%27516%27%20y%3D%2774%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23e3ebe9%27%2F%3E%3Crect%20x%3D%27526%27%20y%3D%27138%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27604%27%20y%3D%2774%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23e9e4dc%27%2F%3E%3Crect%20x%3D%27614%27%20y%3D%27138%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27692%27%20y%3D%2774%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23dfe8ea%27%2F%3E%3Crect%20x%3D%27702%27%20y%3D%27138%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27516%27%20y%3D%27150%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23e7ebe4%27%2F%3E%3Crect%20x%3D%27526%27%20y%3D%27214%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27604%27%20y%3D%27150%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23e4e9ee%27%2F%3E%3Crect%20x%3D%27614%27%20y%3D%27214%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27692%27%20y%3D%27150%27%20width%3D%2772%27%20height%3D%2758%27%20rx%3D%277%27%20fill%3D%27%23eae5df%27%2F%3E%3Crect%20x%3D%27702%27%20y%3D%27214%27%20width%3D%2752%27%20height%3D%277%27%20rx%3D%273.5%27%20fill%3D%27%23d7dee2%27%2F%3E%3Crect%20x%3D%27511%27%20y%3D%2769%27%20width%3D%2782%27%20height%3D%2776%27%20rx%3D%2710%27%20fill%3D%27none%27%20stroke%3D%27%23f59e0b%27%20stroke-width%3D%273%27%2F%3E%3Ccircle%20cx%3D%27496%27%20cy%3D%2786%27%20r%3D%2726%27%20fill%3D%27%23f59e0b%27%20stroke%3D%27%231a1f36%27%20stroke-width%3D%275%27%2F%3E%3Ccircle%20cx%3D%27496%27%20cy%3D%2777%27%20r%3D%273.4%27%20fill%3D%27%23fff%27%2F%3E%3Cpath%20d%3D%27M485%2083h22M496%2082v9M496%2091l-7%209M496%2091l7%209%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20fill%3D%27none%27%2F%3E%3C%2Fsvg%3E\"\n\t\t\t\t\t\t     width=\"772\" height=\"250\" loading=\"lazy\" decoding=\"async\"\n\t\t\t\t\t\t     alt=\"Accessible WordPress plugin demos - Accessible Portfolio plugin banner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible Portfolio<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">WCAG 2.2 AA project grids as a block or shortcode - real alt text on every image, category filters built as real buttons with <code>aria-pressed<\/code> that announce their results to screen readers, full keyboard support with a visible focus ring, and a responsive grid that reflows down to 320px.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/accessible-portfolio\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-portfolio\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<!-- CARD 5: Accessible Events -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-events demo-visual--banner\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 772 250\" role=\"img\" aria-label=\"Accessible WordPress plugin demos - Accessible Events plugin banner\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" font-family=\"Arial,Helvetica,sans-serif\">\n\t\t\t\t\t\t\t<rect width=\"772\" height=\"250\" fill=\"#1a1f36\"\/>\n\t\t\t\t\t\t\t<text x=\"44\" y=\"58\" font-size=\"15\" letter-spacing=\"4\" font-weight=\"700\" fill=\"#f59e0b\">ANANYOO<\/text>\n\t\t\t\t\t\t\t<text x=\"42\" y=\"120\" font-size=\"44\" font-weight=\"800\" fill=\"#ffffff\">Accessible<\/text>\n\t\t\t\t\t\t\t<text x=\"42\" y=\"168\" font-size=\"44\" font-weight=\"800\" fill=\"#ffffff\">Events<\/text>\n\t\t\t\t\t\t\t<rect x=\"44\" y=\"182\" width=\"150\" height=\"6\" rx=\"3\" fill=\"#f59e0b\"\/>\n\t\t\t\t\t\t\t<text x=\"44\" y=\"214\" font-size=\"16\" fill=\"#9aa3b2\">WCAG 2.2 AA event listings for WordPress<\/text>\n\t\t\t\t\t\t\t<rect x=\"560\" y=\"44\" width=\"9\" height=\"24\" rx=\"3\" fill=\"#0f1220\"\/>\n\t\t\t\t\t\t\t<rect x=\"700\" y=\"44\" width=\"9\" height=\"24\" rx=\"3\" fill=\"#0f1220\"\/>\n\t\t\t\t\t\t\t<rect x=\"524\" y=\"56\" width=\"200\" height=\"150\" rx=\"14\" fill=\"#ffffff\"\/>\n\t\t\t\t\t\t\t<path d=\"M524 70a14 14 0 0 1 14-14h172a14 14 0 0 1 14 14v18H524z\" fill=\"#b45309\"\/>\n\t\t\t\t\t\t\t<g fill=\"#dbe1e8\">\n\t\t\t\t\t\t\t\t<rect x=\"540\" y=\"104\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"576\" y=\"104\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"612\" y=\"104\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"648\" y=\"104\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"684\" y=\"104\" width=\"30\" height=\"22\" rx=\"4\"\/>\n\t\t\t\t\t\t\t\t<rect x=\"540\" y=\"134\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"576\" y=\"134\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"648\" y=\"134\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"684\" y=\"134\" width=\"30\" height=\"22\" rx=\"4\"\/>\n\t\t\t\t\t\t\t\t<rect x=\"540\" y=\"164\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"576\" y=\"164\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"612\" y=\"164\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"648\" y=\"164\" width=\"30\" height=\"22\" rx=\"4\"\/><rect x=\"684\" y=\"164\" width=\"30\" height=\"22\" rx=\"4\"\/>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t\t<rect x=\"612\" y=\"134\" width=\"30\" height=\"22\" rx=\"4\" fill=\"#f59e0b\"\/>\n\t\t\t\t\t\t\t<circle cx=\"524\" cy=\"196\" r=\"21\" fill=\"#f59e0b\" stroke=\"#1a1f36\" stroke-width=\"4\"\/>\n\t\t\t\t\t\t\t<circle cx=\"524\" cy=\"188\" r=\"2.6\" fill=\"#1a1f36\"\/>\n\t\t\t\t\t\t\t<path d=\"M515 193h18M524 192v9M524 201l-6 8M524 201l6 8\" stroke=\"#1a1f36\" stroke-width=\"2.6\" stroke-linecap=\"round\" fill=\"none\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible Events<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">The first events plugin built around accessibility - an \"Accessibility at this event\" panel stating exactly which accommodations each event provides, a filter that shows only the events with the access a visitor needs, accessible add-to-calendar and subscribe, Schema.org dates, and an accessible timeline of your posts and events.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/events\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-events\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<!-- CARD 6: Accessible A to Z Index -->\n\t\t\t\t<article class=\"demo-card\">\n\t\t\t\t\t<div class=\"demo-visual v-atoz demo-visual--banner\">\n\t\t\t\t\t\t<svg viewBox=\"0 0 772 250\" role=\"img\" aria-label=\"Accessible WordPress plugin demos - Accessible A to Z Index plugin banner\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" font-family=\"Arial,Helvetica,sans-serif\">\n\t\t\t\t\t\t\t<rect width=\"772\" height=\"250\" fill=\"#1a1f36\"\/>\n\t\t\t\t\t\t\t<text x=\"44\" y=\"58\" font-size=\"15\" letter-spacing=\"4\" font-weight=\"700\" fill=\"#f59e0b\">ANANYOO<\/text>\n\t\t\t\t\t\t\t<text x=\"42\" y=\"120\" font-size=\"44\" font-weight=\"800\" fill=\"#ffffff\">Accessible<\/text>\n\t\t\t\t\t\t\t<text x=\"42\" y=\"168\" font-size=\"44\" font-weight=\"800\" fill=\"#ffffff\">A to Z Index<\/text>\n\t\t\t\t\t\t\t<rect x=\"44\" y=\"182\" width=\"150\" height=\"6\" rx=\"3\" fill=\"#f59e0b\"\/>\n\t\t\t\t\t\t\t<text x=\"44\" y=\"214\" font-size=\"16\" fill=\"#9aa3b2\">WCAG 2.2 AA alphabetical index for WordPress<\/text>\n\t\t\t\t\t\t\t<rect x=\"524\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"538\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">A<\/text><rect x=\"558\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"572\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">B<\/text><rect x=\"592\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"606\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">C<\/text><rect x=\"626\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#2a3150\"\/><text x=\"640\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#6b7382\">D<\/text><rect x=\"660\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"674\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">E<\/text><rect x=\"694\" y=\"66\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"708\" y=\"85\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">F<\/text><rect x=\"524\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"538\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">G<\/text><rect x=\"558\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"572\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">H<\/text><rect x=\"592\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"606\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">I<\/text><rect x=\"626\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#2a3150\"\/><text x=\"640\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#6b7382\">J<\/text><rect x=\"660\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"674\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">K<\/text><rect x=\"694\" y=\"100\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"708\" y=\"119\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">L<\/text><rect x=\"524\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"538\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">M<\/text><rect x=\"558\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"572\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">N<\/text><rect x=\"592\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#2a3150\"\/><text x=\"606\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#6b7382\">O<\/text><rect x=\"626\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"640\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">P<\/text><rect x=\"660\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"674\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">Q<\/text><rect x=\"694\" y=\"134\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#2a3150\"\/><text x=\"708\" y=\"153\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#6b7382\">R<\/text><rect x=\"524\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"538\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">S<\/text><rect x=\"558\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"572\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">T<\/text><rect x=\"592\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#2a3150\"\/><text x=\"606\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#6b7382\">U<\/text><rect x=\"626\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"640\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">V<\/text><rect x=\"660\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"674\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">W<\/text><rect x=\"694\" y=\"168\" width=\"28\" height=\"28\" rx=\"6\" fill=\"#ffffff\"\/><text x=\"708\" y=\"187\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" fill=\"#1a1f36\">X<\/text>\n\t\t\t\t\t\t\t<rect x=\"524\" y=\"206\" width=\"200\" height=\"22\" rx=\"11\" fill=\"#ffffff\"\/><text x=\"540\" y=\"221\" font-size=\"12\" fill=\"#6b7382\">Type to filter<\/text>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"demo-body\">\n\t\t\t\t\t\t<span class=\"demo-status live\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Live demo<\/span>\n\t\t\t\t\t\t<h2>Accessible A to Z Index<\/h2>\n\t\t\t\t\t\t<p class=\"desc\">An alphabetical index of categories, tags, any taxonomy or any post type - a named letter navigation, a real heading per letter, focus moved to the letter you pick, a live \"type to filter\" field with status messages, pagination inside long letters, and odd and even rows with a contrast check in Settings. Block, shortcode and legacy widget.<\/p>\n\t\t\t\t\t\t<p class=\"tested\"><strong>Test it with:<\/strong> keyboard \u00b7 screen reader \u00b7 400% zoom<\/p>\n\t\t\t\t\t\t<div class=\"button-row\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/showcase.ananyoo.com\/a-to-z-index\/\" class=\"btn btn--primary\">Try the demo \u2192<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-a-to-z-index\/\" class=\"btn btn--secondary\" target=\"_blank\" rel=\"noopener\">Get it on WordPress.org \u2192<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\t<!-- WHY THESE DEMOS -->\n\t<section class=\"why\">\n\t\t<div class=\"inner\">\n\t\t\t<h2>Accessibility-first, not bolted on.<\/h2>\n\t\t\t<p class=\"lead\">Built and tested by an accessibility consultant - the same person whose day job is finding WCAG bugs in other people's sites.<\/p>\n\t\t\t<div class=\"why-grid\">\n\t\t\t\t<div class=\"why-card\">\n\t\t\t\t\t<div class=\"ic\" aria-hidden=\"true\">\u2328\ufe0f<\/div>\n\t\t\t\t\t<h3>Keyboard-first<\/h3>\n\t\t\t\t\t<p>Every control is fully operable without a mouse, with a visible focus ring and logical tab order.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"why-card\">\n\t\t\t\t\t<div class=\"ic\" aria-hidden=\"true\">\ud83d\udd0a<\/div>\n\t\t\t\t\t<h3>Screen-reader tested<\/h3>\n\t\t\t\t\t<p>Verified with JAWS, NVDA, VoiceOver and TalkBack - not just an automated scan.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"why-card\">\n\t\t\t\t\t<div class=\"ic\" aria-hidden=\"true\">\ud83c\udfa8<\/div>\n\t\t\t\t\t<h3>Contrast-checked<\/h3>\n\t\t\t\t\t<p>Every colour combination meets 4.5:1 for text and 3:1 for UI, verified against its background.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"why-card\">\n\t\t\t\t\t<div class=\"ic\" aria-hidden=\"true\">\ud83d\udeab<\/div>\n\t\t\t\t\t<h3>No dark patterns<\/h3>\n\t\t\t\t\t<p>No overlays, no tracking, no phone-home. Just working accessible code you can inspect.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\t<!-- TESTED WITH -->\n\t<section class=\"tested-strip\">\n\t\t<div class=\"inner\">\n\t\t\t<h2>Tested with the tools real audits use<\/h2>\n\t\t\t<p class=\"lead\">The same toolkit used on professional accessibility audits.<\/p>\n\t\t\t<div class=\"pill-strip\">\n\t\t\t\t<span class=\"pill\">\ud83d\udd0a JAWS<\/span>\n\t\t\t\t<span class=\"pill\">\ud83d\udd0a NVDA<\/span>\n\t\t\t\t<span class=\"pill\">\ud83c\udf4e VoiceOver<\/span>\n\t\t\t\t<span class=\"pill\">\ud83e\udd16 TalkBack<\/span>\n\t\t\t\t<span class=\"pill\">\u2328 Keyboard only<\/span>\n\t\t\t\t<span class=\"pill\">\ud83c\udfa8 Color Contrast Analyzer<\/span>\n\t\t\t\t<span class=\"pill\">\ud83d\udd0d Deque AXE<\/span>\n\t\t\t\t<span class=\"pill\">\ud83d\udca1 Lighthouse<\/span>\n\t\t\t\t<span class=\"pill\">\ud83c\udf0a WAVE<\/span>\n\t\t\t\t<span class=\"pill\">\ud83d\udd0e Zoom 400%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\t<!-- FAQ -->\n\t<section class=\"faq\">\n\t\t<div class=\"inner\">\n\t\t\t<h2>Accessible WordPress plugin demos - FAQ<\/h2>\n\t\t\t<p class=\"lead\">A few quick answers about these accessible WordPress plugin demos before you dive in.<\/p>\n\t\t\t<details>\n\t\t\t\t<summary>Are these real demos or just screenshots?<\/summary>\n\t\t\t\t<div class=\"faq-body\">Every demo here is the real plugin running on a live WordPress site - nothing is faked or simulated. When you open one of these accessible WordPress plugin demos you are interacting with the exact accessible markup the plugin ships to your own visitors.<\/div>\n\t\t\t<\/details>\n\t\t\t<details>\n\t\t\t\t<summary>Do I need to sign up or pay to try them?<\/summary>\n\t\t\t\t<div class=\"faq-body\">No. Every demo is open with no account, no email and no sign-up, and each plugin behind it is free and GPL-licensed. Click any &ldquo;Try the demo&rdquo; button and you are straight in.<\/div>\n\t\t\t<\/details>\n\t\t\t<details>\n\t\t\t\t<summary>How were the plugins tested for accessibility?<\/summary>\n\t\t\t\t<div class=\"faq-body\">Each plugin is tested by an accessibility consultant with real assistive technology - JAWS, NVDA, VoiceOver and TalkBack - plus keyboard-only navigation and 400% browser zoom, not just an automated scan. These are the same checks a professional WCAG audit would run.<\/div>\n\t\t\t<\/details>\n\t\t\t<details>\n\t\t\t\t<summary>Can I use these plugins on my own WordPress site?<\/summary>\n\t\t\t\t<div class=\"faq-body\">Yes. Every plugin in these accessible WordPress plugin demos is published free on WordPress.org. Use the &ldquo;Get it on WordPress.org&rdquo; button on any card to install it, or try it here first to see the accessibility in action.<\/div>\n\t\t\t<\/details>\n\t\t\t<details>\n\t\t\t\t<summary>Which WordPress versions do they support?<\/summary>\n\t\t\t\t<div class=\"faq-body\">The plugins target current WordPress and PHP releases and are built to WCAG 2.2 Level AA, so they work with the block editor as well as the Classic Editor, widgets and popular page builders such as Elementor, Beaver Builder and Divi.<\/div>\n\t\t\t<\/details>\n\t\t<\/div>\n\t<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>De vraies extensions d'accessibilit\u00e9 pour WordPress, en \u00e9tat de marche\u00a0: connexion, carrousel, formulaires, portfolio, \u00e9v\u00e9nements et index de A \u00e0 Z. Chacune est en direct sur ce site, pr\u00eate \u00e0 \u00eatre essay\u00e9e.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":35,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":94743,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/28\/revisions\/94743"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}