{"id":90319,"date":"2026-07-04T17:29:46","date_gmt":"2026-07-04T11:59:46","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/home\/"},"modified":"2026-10-26T20:40:28","modified_gmt":"2026-10-26T15:10:28","slug":"home","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<section class=\"wp-block-group alignfull hero is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"hero-bg\" aria-hidden=\"true\">\n      <div class=\"hero-mesh\"><\/div>\n      <svg aria-hidden=\"true\" focusable=\"false\" class=\"hero-threads\" viewBox=\"0 0 1200 640\" preserveAspectRatio=\"none\">\n        <g fill=\"none\" stroke=\"#4F46E5\" stroke-width=\"1.6\" opacity=\".13\">\n          <path d=\"M-40 120 C 240 60, 460 200, 720 120 S 1120 60, 1260 160\"\/>\n          <path d=\"M-40 230 C 260 170, 480 320, 740 240 S 1140 180, 1260 280\"\/>\n          <path d=\"M-40 360 C 240 300, 470 470, 720 380 S 1120 320, 1260 430\"\/>\n          <path d=\"M-40 490 C 260 430, 480 600, 740 510 S 1140 450, 1260 560\"\/>\n          <path d=\"M-40 600 C 240 560, 470 700, 720 612 S 1120 560, 1260 660\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n\n\n<div class=\"wp-block-group wrap hero-inner hero-centered is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"hero-copy\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>WCAG 2.2 AA &middot; FSE Block Theme<\/p>\n        <h1 id=\"hero-h\">Accessible by default.<br><span class=\"grad\">Built to impress.<\/span><\/h1>\n        <p class=\"hero-lead\">Ariade is the flagship of Ananyoo&rsquo;s free accessible WordPress themes - a full site editing theme that ships conformant, screen-reader-ready websites visually, with accessible Forms, Carousel and Login plugins already inside.<\/p>\n        <div class=\"hero-cta\">\n          <a class=\"btn btn-primary\" href=\"https:\/\/showcase.ananyoo.com\/themes\/\">Get the theme<\/a>\n          <a class=\"btn btn-outline\" href=\"#features\">Continue with demo <span aria-hidden=\"true\">&rarr;<\/span><\/a>\n        <\/div>\n      <\/div>\n\n\n\n<div class=\"techused\">\n        <p class=\"techused-label\">Technologies used<\/p>\n        <ul class=\"techused-row\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M7 9l1.8 6 1.6-4.2L12.2 15l1.9-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>WordPress<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\"\/><\/svg>Full Site Editing<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M8.5 8l-3.5 4 3.5 4M15.5 8l3.5 4-3.5 4M13.5 5.5l-3 13\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>HTML5<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M9.5 5C7.8 5 7 5.9 7 7.6V9c0 1.1-.7 2-2 2 1.3 0 2 .9 2 2v1.4C7 18.1 7.8 19 9.5 19M14.5 5c1.7 0 2.5.9 2.5 2.6V9c0 1.1.7 2 2 2-1.3 0-2 .9-2 2v1.4c0 1.7-.8 2.6-2.5 2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>CSS3<\/li>\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"3.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><text x=\"12\" y=\"16\" text-anchor=\"middle\" font-family=\"'Barlow Semi Condensed',sans-serif\" font-weight=\"800\" font-size=\"10.5\" fill=\"currentColor\">JS<\/text><\/svg>JavaScript<\/li>\n        <\/ul>\n\n        <!-- Tested with real assistive tech - sits just below the technologies row -->\n        <p class=\"tested-label\">Tested with real assistive tech<\/p>\n        <div class=\"tested-row\">\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>JAWS<\/span>\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>NVDA<\/span>\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>VoiceOver<\/span>\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>TalkBack<\/span>\n          <span class=\"chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Keyboard only<\/span>\n        <\/div>\n      <\/div>\n\n\n<section style=\"--aac-card-bg:#cccccc\" class=\"aac-carousel aac-layout-overlay aac-anim-fade alignwide wp-block-anacb-slider\" data-aac=\"\" data-autoplay=\"true\" data-interval=\"6000\" data-loop=\"true\" data-arrows=\"true\" data-dots=\"true\" data-i18n-pause=\"Pause\" data-i18n-play=\"Play\" data-pause-position=\"right\" data-pause-size=\"medium\" data-dot-style=\"dots\" data-auto-time=\"true\" data-hover-pause=\"true\" data-reading-mode=\"false\" data-dyslexia=\"false\" data-i18n-listview=\"View as list\" data-i18n-carouselview=\"View as carousel\" data-i18n-easyread=\"Easier reading\" data-i18n-easyreadoff=\"Normal reading\" data-i18n-slide=\"Slide\" data-i18n-of=\"of\" aria-roledescription=\"carousel\" aria-label=\"Ariade theme highlights\">\n\t<a class=\"aac-skip-link\" href=\"#aac-skip-1\">Skip carousel<\/a>\n\t<ul class=\"aac-carousel__track\">\n\t\t\n<li class=\"aac-slide\">\n\t\t\t<img\n\t\t\tclass=\"aac-slide__bg\"\n\t\t\tsrc=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/hero-two-colleagues-tablet.webp\"\n\t\t\talt=\"Two colleagues reviewing a site built with accessible WordPress themes on a tablet\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\tdecoding=\"async\"\n\t\t\/>\n\t\n\t\t\t<div class=\"aac-slide__box aac-slide__box--left\" style=\"background-color:#0E1B36;color:#ffffff;\">\n\t\t\t\t\t\t\t<h2 class=\"aac-slide__heading\">Keyboard and screen-reader ready<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<p class=\"aac-slide__text\">Real buttons, a pause control, and Item x of y announced on demand.<\/p>\n\t\t\t\n\t\t\t\t\t\t\t<a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--md\" href=\"#features\" style=\"background-color:#184FCB;color:#ffffff;\">Read the docs<span class=\"aac-visually-hidden\">: Keyboard and screen-reader ready<\/span><\/a>\n\t\t\t\t\t<\/div>\n\t<\/li>\n\n<li class=\"aac-slide\">\n\t\t\t<img\n\t\t\tclass=\"aac-slide__bg\"\n\t\t\tsrc=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/hero-wheelchair-professional-laptop.webp\"\n\t\t\talt=\"A person using a wheelchair works on a laptop\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\tdecoding=\"async\"\n\t\t\/>\n\t\n\t\t\t<div class=\"aac-slide__box aac-slide__box--right\" style=\"background-color:#0E1B36;color:#ffffff;\">\n\t\t\t\t\t\t\t<h2 class=\"aac-slide__heading\">Solid contrast on any image<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<p class=\"aac-slide__text\">The text box keeps copy readable over every background.<\/p>\n\t\t\t\n\t\t\t\t\t\t\t<a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--md\" href=\"\/patterns\/\" style=\"background-color:#184FCB;color:#ffffff;\">See patterns<span class=\"aac-visually-hidden\">: Solid contrast on any image<\/span><\/a>\n\t\t\t\t\t<\/div>\n\t<\/li>\n\n<li class=\"aac-slide\">\n\t\t\t<img\n\t\t\tclass=\"aac-slide__bg\"\n\t\t\tsrc=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/hero-team-audit-review.webp\"\n\t\t\talt=\"Three professionals collaborating in an office\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\tdecoding=\"async\"\n\t\t\/>\n\t\n\t\t\t<div class=\"aac-slide__box aac-slide__box--bottom\" style=\"background-color:#0E1B36;color:#ffffff;\">\n\t\t\t\t\t\t\t<h2 class=\"aac-slide__heading\">A site that passes the audit<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<p class=\"aac-slide__text\">Conformant from the first commit, not patched at the end.<\/p>\n\t\t\t\n\t\t\t\t\t\t\t<a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--md\" href=\"#contact\" style=\"background-color:#184FCB;color:#ffffff;\">Get in touch<span class=\"aac-visually-hidden\">: A site that passes the audit<\/span><\/a>\n\t\t\t\t\t<\/div>\n\t<\/li>\n\n\t<\/ul>\n\t<p class=\"aac-carousel__status aac-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"><\/p>\n\t<span id=\"aac-skip-1\" tabindex=\"-1\" class=\"aac-skip-target\"><\/span>\n<\/section>\n\n<\/div>\n\n<\/section>\n\n\n\n\n  <!-- ============================ RIBBON (static, no motion) ============================ -->\n  <div class=\"ribbon\">\n    <div class=\"wrap\">\n      <span>Accessible<\/span><span class=\"star\" aria-hidden=\"true\">\u2726<\/span><span>Inclusive<\/span><span class=\"star\" aria-hidden=\"true\">\u2726<\/span><span>WCAG 2.2 AA<\/span><span class=\"star\" aria-hidden=\"true\">\u2726<\/span><span>Keyboard ready<\/span><span class=\"star\" aria-hidden=\"true\">\u2726<\/span><span>Screen-reader tested<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ============================ BAND ============================ -->\n  <section class=\"band on-dark dark-scope\" aria-labelledby=\"band-h\">\n    <div class=\"wrap\">\n      <div class=\"band-head\">\n        <div>\n          <p class=\"eyebrow on-dark\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Why Ariade<\/p>\n          <h2 id=\"band-h\">Accessibility, handled at the source<\/h2>\n        <\/div>\n        <p>The issues an audit usually flags are already solved in every template - so the sites you build start conformant, not patched after the fact.<\/p>\n      <\/div>\n      <div class=\"band-grid\">\n        <article class=\"fcard f1\">\n          <span class=\"tile\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 13v6\" stroke=\"rgba(255,255,255,.6)\"\/><path d=\"M11 9.5v13\" stroke=\"rgba(255,255,255,.6)\"\/><path d=\"M16 5v22\" stroke=\"#fff\"\/><path d=\"M21 9.5v13\" stroke=\"rgba(255,255,255,.6)\"\/><path d=\"M26 13v6\" stroke=\"rgba(255,255,255,.6)\"\/><\/svg><\/span>\n          <div class=\"fbody\">\n            <h3>Screen-reader tested<\/h3>\n            <p>Every template is verified by hand with JAWS, NVDA, VoiceOver and TalkBack - not only automated scanners.<\/p>\n            <span class=\"sc-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>WCAG 4.1.2<\/span>\n          <\/div>\n          <span class=\"idx\" aria-hidden=\"true\" role=\"presentation\">01<\/span>\n        <\/article>\n        <article class=\"fcard f2\">\n          <span class=\"tile\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 32 32\"><text x=\"2.5\" y=\"25\" font-family=\"Barlow Semi Condensed,system-ui,sans-serif\" font-weight=\"800\" font-size=\"23\" fill=\"#ffffff\">A<\/text><text x=\"17\" y=\"25\" font-family=\"Barlow Semi Condensed,system-ui,sans-serif\" font-weight=\"800\" font-size=\"17\" fill=\"rgba(255,255,255,.72)\">a<\/text><\/svg><\/span>\n          <div class=\"fbody\">\n            <h3>Contrast-safe tokens<\/h3>\n            <p>Colour palettes ship pre-checked at 4.5:1, so text stays readable across every section and style variation.<\/p>\n            <span class=\"sc-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>WCAG 1.4.3<\/span>\n          <\/div>\n          <span class=\"idx\" aria-hidden=\"true\" role=\"presentation\">02<\/span>\n        <\/article>\n        <article class=\"fcard f3\">\n          <span class=\"tile\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 32 32\" fill=\"none\"><rect x=\"8\" y=\"8\" width=\"16\" height=\"16\" rx=\"4\" stroke=\"#ffffff\" stroke-width=\"2.6\"\/><rect x=\"3.5\" y=\"3.5\" width=\"25\" height=\"25\" rx=\"7\" stroke=\"rgba(255,255,255,.72)\" stroke-width=\"2\" stroke-dasharray=\"3.5 4\"\/><\/svg><\/span>\n          <div class=\"fbody\">\n            <h3>Keyboard-first<\/h3>\n            <p>Logical focus order, skip links and high-visibility focus rings are on the moment you activate the theme.<\/p>\n            <span class=\"sc-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>WCAG 2.1.1 \u00b7 2.4.7<\/span>\n          <\/div>\n          <span class=\"idx\" aria-hidden=\"true\" role=\"presentation\">03<\/span>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ ABOUT + STATS (D2) ============================ -->\n  <section class=\"about\" aria-labelledby=\"about-h\">\n    <div class=\"wrap\">\n      <div class=\"abt2-grid\">\n        <div>\n          <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>About the theme<\/p>\n          <h2 id=\"about-h\">Two decades of accessibility, built into a theme<\/h2>\n          <p>Ariade comes from a two-decade accessibility practice - building barrier-free websites since 2003. Everything that usually gets bolted on at audit time is already part of the theme.<\/p>\n          <p>Compose pages from blocks, switch style variations, and ship knowing the landmarks, headings, contrast and focus behaviour are handled for you. Ariade anchors Ananyoo&rsquo;s family of accessible WordPress themes and plugins.<\/p>\n          <p style=\"margin-top:1.4rem\"><a class=\"btn btn-outline\" href=\"https:\/\/showcase.ananyoo.com\/accessible-portfolio\/\">Read the case study <span aria-hidden=\"true\">\u2192<\/span><\/a><\/p>\n        <\/div>\n        <div class=\"abt2-visualwrap\">\n          <div class=\"abt2-visual\"><img src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/screenshot.png\" width=\"1200\" height=\"900\" loading=\"lazy\" decoding=\"async\" alt=\"Ariade home page preview - from Ananyoo's collection of accessible WordPress themes\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"abt2-strip\">\n        <div class=\"abt2-cell\"><b>AA<\/b><span>WCAG 2.2 conformance target<\/span><\/div>\n        <div class=\"abt2-cell\"><b>60+<\/b><span>Accessible block patterns<\/span><\/div>\n        <div class=\"abt2-cell\"><b>6<\/b><span>Accessible plugins included<\/span><\/div>\n        <div class=\"abt2-cell\"><b>20+<\/b><span>Years of accessibility work<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ FEATURES ============================ -->\n  <section class=\"features\" id=\"features\" aria-labelledby=\"feat-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Main features<\/p>\n        <h2 id=\"feat-h\">A complete toolkit for inclusive sites<\/h2>\n        <p>Multi-purpose full site editing for consultants, agencies and professional-services teams who can't afford to fail an audit.<\/p>\n      <\/div>\n      <div class=\"cards\">\n        <article class=\"card\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7.5\" height=\"7.5\" rx=\"1.6\"\/><rect x=\"13.5\" y=\"3\" width=\"7.5\" height=\"7.5\" rx=\"1.6\"\/><rect x=\"3\" y=\"13.5\" width=\"7.5\" height=\"7.5\" rx=\"1.6\"\/><rect x=\"13.5\" y=\"13.5\" width=\"7.5\" height=\"7.5\" rx=\"1.6\"\/><\/svg><\/span>\n          <h3>Complete toolkit<\/h3>\n          <p>Build any business layout from predesigned pages and patterns - no page-builder plugin needed.<\/p>\n        <\/article>\n        <article class=\"card\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3.5 12a8.5 8.5 0 0 1 14.3-6.2L21 8\"\/><path d=\"M21 4v4h-4\"\/><path d=\"M20.5 12a8.5 8.5 0 0 1-14.3 6.2L3 16\"\/><path d=\"M3 20v-4h4\"\/><\/svg><\/span>\n          <h3>Lifetime updates<\/h3>\n          <p>Stay current with WordPress and accessibility guidance as standards evolve - at no extra cost.<\/p>\n        <\/article>\n        <article class=\"card is-highlight\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"\/><circle cx=\"12\" cy=\"6.7\" r=\"1.3\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M5.8 9.3c1.9.8 4 1.2 6.2 1.2s4.3-.4 6.2-1.2\"\/><path d=\"M12 10.5v3.3\"\/><path d=\"M9.2 18.7 12 13.8l2.8 4.9\"\/><\/svg><\/span>\n          <h3>Accessibility ready<\/h3>\n          <p>Committed to inclusive, barrier-free experiences - usable and enjoyable for everyone.<\/p>\n          <span class=\"badge\">WCAG 2.2 AA<\/span>\n        <\/article>\n        <article class=\"card\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"\/><path d=\"M2.5 12h19\"\/><path d=\"M12 2.5c2.6 2.6 4 6 4 9.5s-1.4 6.9-4 9.5c-2.6-2.6-4-6-4-9.5s1.4-6.9 4-9.5z\"\/><\/svg><\/span>\n          <h3>Multilingual &amp; multi-currency<\/h3>\n          <p>Language and currency pickers, French included and right-to-left support, so accessibility travels across languages.<\/p>\n        <\/article>\n        <article class=\"card\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 7h8\"\/><path d=\"M16 7h4\"\/><circle cx=\"14\" cy=\"7\" r=\"2.1\"\/><path d=\"M4 12h2\"\/><path d=\"M10 12h10\"\/><circle cx=\"8\" cy=\"12\" r=\"2.1\"\/><path d=\"M4 17h8\"\/><path d=\"M16 17h4\"\/><circle cx=\"14\" cy=\"17\" r=\"2.1\"\/><\/svg><\/span>\n          <h3>Easy to use<\/h3>\n          <p>Enjoy the native WordPress editing experience - clean, fast, and free of clutter.<\/p>\n        <\/article>\n        <article class=\"card\">\n          <span class=\"card-ico\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7z\"\/><\/svg><\/span>\n          <h3>Built for speed<\/h3>\n          <p>Lean, standards-driven code with no bloat - fast for visitors and assistive tech alike.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ===== STYLE VARIATIONS ===== -->\n  <section class=\"variations\" aria-labelledby=\"var-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head center\">\n        <p class=\"eyebrow\" style=\"justify-content:center\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Style variations<\/p>\n        <h2 id=\"var-h\">Vibrant palettes, every one AA<\/h2>\n        <p>Switch the whole site\u2019s colour scheme in a click. Each variation is pre-checked, so text never drops below 4.5:1.<\/p>\n      <\/div>\n      <div class=\"scheme-grid\">\n        <article class=\"scheme\"><div class=\"scheme-sw\" aria-hidden=\"true\"><span style=\"background:#0E1B36\"><\/span><span style=\"background:#184FCB\"><\/span><span style=\"background:#7FB0FF\"><\/span><span style=\"background:#EEF2FF\"><\/span><\/div><div class=\"scheme-body\"><h3>Cobalt<\/h3><div class=\"scheme-aa\"><span class=\"chip-aa\" style=\"background:#184FCB;color:#fff\">Aa<\/span><span class=\"pass\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg> 6.9:1 AA<\/span><\/div><\/div><\/article><article class=\"scheme\"><div class=\"scheme-sw\" aria-hidden=\"true\"><span style=\"background:#2E1065\"><\/span><span style=\"background:#6D28D9\"><\/span><span style=\"background:#A78BFA\"><\/span><span style=\"background:#F5F3FF\"><\/span><\/div><div class=\"scheme-body\"><h3>Violet<\/h3><div class=\"scheme-aa\"><span class=\"chip-aa\" style=\"background:#6D28D9;color:#fff\">Aa<\/span><span class=\"pass\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg> 7.1:1 AA<\/span><\/div><\/div><\/article><article class=\"scheme\"><div class=\"scheme-sw\" aria-hidden=\"true\"><span style=\"background:#4A0E2C\"><\/span><span style=\"background:#BE185D\"><\/span><span style=\"background:#F472B6\"><\/span><span style=\"background:#FDF2F8\"><\/span><\/div><div class=\"scheme-body\"><h3>Rose<\/h3><div class=\"scheme-aa\"><span class=\"chip-aa\" style=\"background:#BE185D;color:#fff\">Aa<\/span><span class=\"pass\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg> 6.0:1 AA<\/span><\/div><\/div><\/article><article class=\"scheme\"><div class=\"scheme-sw\" aria-hidden=\"true\"><span style=\"background:#05080F\"><\/span><span style=\"background:#0E1B36\"><\/span><span style=\"background:#334155\"><\/span><span style=\"background:#E2E8F0\"><\/span><\/div><div class=\"scheme-body\"><h3>Midnight<\/h3><div class=\"scheme-aa\"><span class=\"chip-aa\" style=\"background:#0E1B36;color:#fff\">Aa<\/span><span class=\"pass\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg> 17:1:1 AAA<\/span><\/div><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== TYPOGRAPHY ===== -->\n  <section class=\"typo\" aria-labelledby=\"typo-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Typography<\/p>\n        <h2 id=\"typo-h\">Type that stays legible at any size<\/h2>\n        <p>A two-font system tuned for reading: a tall, clear body face and a condensed display face, with a scale that holds up at 200% zoom.<\/p>\n      <\/div>\n      <div class=\"typo-grid\">\n        <div>\n          <div class=\"font-card\"><p class=\"label\">Display<\/p><h3 class=\"name\">Barlow Semi Condensed<\/h3><p class=\"glyphs\">AaBbCc 0123 - uppercase headings<\/p><div class=\"wchips\"><span class=\"wchip\">700<\/span><span class=\"wchip\">800<\/span><span class=\"wchip\">900<\/span><\/div><\/div>\n          <div class=\"font-card\"><p class=\"label\">Body<\/p><h3 class=\"name body\">Geist<\/h3><p class=\"glyphs\">AaBbCc 0123 - optimised for screen reading<\/p><div class=\"wchips\"><span class=\"wchip\">400<\/span><span class=\"wchip\">500<\/span><span class=\"wchip\">600<\/span><\/div><\/div>\n        <\/div>\n        <div class=\"specimen\">\n          <div class=\"row\"><span class=\"tag\">H1<\/span><span class=\"s1\">Accessible<\/span><\/div>\n          <div class=\"row\"><span class=\"tag\">H2<\/span><span class=\"s2\">Inclusive design<\/span><\/div>\n          <div class=\"row\"><span class=\"tag\">H3<\/span><span class=\"s3\">Readable everywhere<\/span><\/div>\n          <div class=\"row\"><span class=\"tag\">Body<\/span><span class=\"sb\">The quick brown fox jumps over the lazy dog while a screen reader announces every word.<\/span><\/div>\n          <div class=\"row\"><span class=\"tag\">Small<\/span><span class=\"ss\">Captions and metadata stay above 4.5:1 contrast.<\/span><\/div>\n          <div class=\"row\"><span class=\"tag\">Link<\/span><span class=\"sb\">An <a href=\"https:\/\/showcase.ananyoo.com\/blog\/\">underlined link<\/a> with a visible focus ring.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== TEAM ===== -->\n  <section class=\"team\" aria-labelledby=\"team-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head center\">\n        <p class=\"eyebrow\" style=\"justify-content:center\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>The team pattern<\/p>\n        <h2 id=\"team-h\">Put a human face on your site<\/h2>\n        <p>A ready team layout - drop in your own people and photos.<\/p>\n      <\/div>\n      <div class=\"team-grid\">\n        <article class=\"member\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-maya-r.webp\" alt=\"Portrait of Maya R.\"><div class=\"member-body\"><h3>Maya R.<\/h3><p class=\"role\">Accessibility Lead<\/p><p class=\"bio\">WCAG audits and screen-reader testing.<\/p><\/div><\/article>\n        <article class=\"member\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-daniel-o.webp\" alt=\"Portrait of Daniel O.\"><div class=\"member-body\"><h3>Daniel O.<\/h3><p class=\"role\">Front-end Engineer<\/p><p class=\"bio\">Semantic, keyboard-first interfaces.<\/p><\/div><\/article>\n        <article class=\"member\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-aisha-k.webp\" alt=\"Portrait of Aisha K.\"><div class=\"member-body\"><h3>Aisha K.<\/h3><p class=\"role\">UX Designer<\/p><p class=\"bio\">Inclusive layouts and clear content.<\/p><\/div><\/article>\n        <article class=\"member\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-leo-f.webp\" alt=\"Portrait of Leo F.\"><div class=\"member-body\"><h3>Leo F.<\/h3><p class=\"role\">QA &amp; AT Tester<\/p><p class=\"bio\">JAWS, NVDA, VoiceOver, TalkBack.<\/p><\/div><\/article>\n      <\/div>\n      <p class=\"photo-note\">Avatars are placeholders - swap each for a licensed or AI-generated photo (the image slot keeps proper alt text).<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ CAROUSEL (Accessible Carousel plugin) ===== -->\n  <section class=\"carousel-sec\" id=\"plugins\" aria-labelledby=\"carousel-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head center\">\n        <span class=\"plugin-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"7\" y=\"5.5\" width=\"10\" height=\"13\" rx=\"2\"\/><path d=\"M3.5 8.5v7\"\/><path d=\"M20.5 8.5v7\"\/><\/svg>Powered by Ariade Accessible Carousel<\/span>\n        <h2 id=\"carousel-h\">What people say<\/h2>\n        <p>A carousel that works with a keyboard, announces each slide, and never traps your visitors.<\/p>\n      <\/div>\n\n      <div class=\"carousel\" role=\"group\" aria-roledescription=\"carousel\" aria-label=\"Testimonials\" id=\"carousel\">\n        <div class=\"carousel-viewport\">\n          <div class=\"carousel-track\" id=\"cTrack\">\n            <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n              <blockquote class=\"tsplit\"><div class=\"tpanel\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-testimonial-priya.webp\" alt=\"\"><cite><span class=\"tname\">Priya N.<\/span><span class=\"trole\">Digital lead, public-sector agency<\/span><\/cite><div class=\"stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><div class=\"tbody\"><p>\"We passed our accessibility audit on the first pass. The theme did the heavy lifting - landmarks, focus order and contrast were already right.\"<\/p><\/div><\/blockquote>\n            <\/div>\n            <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\" aria-hidden=\"true\">\n              <blockquote class=\"tsplit\"><div class=\"tpanel\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-testimonial-founder.webp\" alt=\"\"><cite><span class=\"tname\">Marcus T.<\/span><span class=\"trole\">Founder, consulting studio<\/span><\/cite><div class=\"stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><div class=\"tbody\"><p>\"The bundled Forms plugin saved us days. Labelled fields, clear errors, keyboard friendly - nothing to retrofit later.\"<\/p><\/div><\/blockquote>\n            <\/div>\n            <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\" aria-hidden=\"true\">\n              <blockquote class=\"tsplit\"><div class=\"tpanel\"><img decoding=\"async\" class=\"av\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/themes\/ariade\/assets\/images\/portrait-testimonial-dana.webp\" alt=\"\"><cite><span class=\"tname\">Dana R.<\/span><span class=\"trole\">Product manager, SaaS<\/span><\/cite><div class=\"stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><div class=\"tbody\"><p>\"Finally a theme where accessibility is the default, not an upsell. Our screen-reader users noticed the difference straight away.\"<\/p><\/div><\/blockquote>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"carousel-controls\">\n          <button class=\"cbtn\" type=\"button\" id=\"cPrev\" aria-label=\"Previous testimonial\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button>\n          <div class=\"dots\" role=\"tablist\" aria-label=\"Choose testimonial\" id=\"cDots\"><\/div>\n          <button class=\"cbtn\" type=\"button\" id=\"cNext\" aria-label=\"Next testimonial\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\n        <\/div>\n        <div style=\"text-align:center;margin-top:.9rem\">\n          <button class=\"pausebtn\" type=\"button\" id=\"cPause\" aria-pressed=\"false\">Pause<\/button>\n        <\/div>\n        <p class=\"sr-only\" aria-live=\"polite\" id=\"cLive\">Showing testimonial 1 of 3<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ ENGAGE: Forms + Login plugins ============== -->\n  \n\n\n<section class=\"wp-block-group alignfull engage on-dark dark-scope is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\" id=\"contact\">\n\n<div class=\"wp-block-group wrap is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group engage-grid is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\">\n\n<div class=\"engage-rail\">\n          <p class=\"eyebrow on-dark\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Plugins included<\/p>\n          <h2 id=\"engage-h\">Forms &amp; sign-in, <span class=\"hl\">accessible from the first click<\/span><\/h2>\n          <p class=\"rail-lead\">Every screen on this demo - including the WordPress sign-in itself - passes WCAG&nbsp;2.2&nbsp;AA.<\/p>\n          <ul class=\"rail-list\">\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Labelled fields, required marked in text<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Errors announced, not by colour alone<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Real show \/ hide password control<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Keyboard-first with visible focus<\/li>\n          <\/ul>\n          <a class=\"btn btn-coral rail-cta\" href=\"https:\/\/showcase.ananyoo.com\/accessible-login\">Try the accessible sign-in &rarr;<\/a>\n          <p class=\"rail-note\">Ariade styles the WordPress sign-in screen itself - no extra plugin needed.<\/p><\/div>\n\n\n<div class=\"wp-block-group engage-form-col is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\">\n\n<span class=\"plugin-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M8 9h8M8 13h8M8 17h5\"\/><\/svg>Ariade Accessible Forms<\/span>\n          <div class=\"head-accent\">\n            <span class=\"head-bar\" aria-hidden=\"true\"><\/span>\n            <div>\n              <h2 class=\"head-big\">Start a project<\/h2>\n              <p class=\"sub\">Every field is labelled, every error is announced. Required fields are marked in text, not by colour alone.<\/p>\n            <\/div>\n          <\/div>\n\n<div class=\"wp-block-ananyoo-accessible-form\">\t\t\t\t<form class=\"aaf-form\" id=\"aaf-90303\" method=\"post\"\n\t\t\tnovalidate\t\t\taria-labelledby=\"aaf-90303-title\"\n\t\t\tdata-aaf-sub-level=\"3\">\n\n\t\t\t<h2 class=\"aaf-form-title\" id=\"aaf-90303-title\">Enquiry Form<\/h2>\n\t\t\t\t\t\t\t<p class=\"aaf-required-note\">\n\t\t\t\t\tFields marked with an asterisk (*) are required.\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t\n\t\t\t<div class=\"aaf-field aaf-field-text\"><label class=\"aaf-label\" for=\"aaf-90303-your_name\">Your name <span class=\"aaf-required\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"aaf-90303-your_name\" name=\"aaf_field[your_name]\" value=\"\" aria-required=\"true\" autocomplete=\"name\"><\/div><div class=\"aaf-field aaf-field-email\"><label class=\"aaf-label\" for=\"aaf-90303-your_email\">Your email <span class=\"aaf-required\" aria-hidden=\"true\">*<\/span><\/label><span class=\"aaf-help\" id=\"aaf-90303-your_email-help\">We will reply to this address.<\/span><input type=\"email\" id=\"aaf-90303-your_email\" name=\"aaf_field[your_email]\" value=\"\" aria-required=\"true\" aria-describedby=\"aaf-90303-your_email-help\" autocomplete=\"email\" inputmode=\"email\"><\/div><div class=\"aaf-field aaf-field-tel\"><label class=\"aaf-label\" for=\"aaf-90303-phone\">Phone<\/label><input type=\"tel\" id=\"aaf-90303-phone\" name=\"aaf_field[phone]\" value=\"\" autocomplete=\"tel\" inputmode=\"tel\"><\/div><div class=\"aaf-field aaf-field-url\"><label class=\"aaf-label\" for=\"aaf-90303-website\">Website<\/label><input type=\"url\" id=\"aaf-90303-website\" name=\"aaf_field[website]\" value=\"\" autocomplete=\"url\" inputmode=\"url\"><\/div><div class=\"aaf-field aaf-field-number\"><label class=\"aaf-label\" for=\"aaf-90303-budget_usd\">Budget (USD)<\/label><input type=\"number\" id=\"aaf-90303-budget_usd\" name=\"aaf_field[budget_usd]\" value=\"\" inputmode=\"numeric\"><\/div><div class=\"aaf-field aaf-field-select\"><label class=\"aaf-label\" for=\"aaf-90303-subject\">Subject<\/label><select id=\"aaf-90303-subject\" name=\"aaf_field[subject]\"><option value=\"\">Please choose\u2026<\/option><option value=\"General enquiry\">General enquiry<\/option><option value=\"Accessibility audit\">Accessibility audit<\/option><option value=\"Remediation\">Remediation<\/option><option value=\"Training\">Training<\/option><\/select><\/div><div class=\"aaf-field aaf-field-radio\"><fieldset class=\"aaf-group\" id=\"aaf-90303-how_did_you_hear\"><legend class=\"aaf-label\">How did you hear about us?<\/legend><span class=\"aaf-choice\"><input type=\"radio\" id=\"aaf-90303-how_did_you_hear-0\" name=\"aaf_field[how_did_you_hear]\" value=\"Search engine\"><label for=\"aaf-90303-how_did_you_hear-0\">Search engine<\/label><\/span><span class=\"aaf-choice\"><input type=\"radio\" id=\"aaf-90303-how_did_you_hear-1\" name=\"aaf_field[how_did_you_hear]\" value=\"A referral\"><label for=\"aaf-90303-how_did_you_hear-1\">A referral<\/label><\/span><span class=\"aaf-choice\"><input type=\"radio\" id=\"aaf-90303-how_did_you_hear-2\" name=\"aaf_field[how_did_you_hear]\" value=\"Social media\"><label for=\"aaf-90303-how_did_you_hear-2\">Social media<\/label><\/span><\/fieldset><\/div><div class=\"aaf-field aaf-field-checkboxes\"><fieldset class=\"aaf-group\" id=\"aaf-90303-services\"><legend class=\"aaf-label\">Services you are interested in<\/legend><span class=\"aaf-choice\"><input type=\"checkbox\" id=\"aaf-90303-services-0\" name=\"aaf_field[services][]\" value=\"Accessibility audit\"><label for=\"aaf-90303-services-0\">Accessibility audit<\/label><\/span><span class=\"aaf-choice\"><input type=\"checkbox\" id=\"aaf-90303-services-1\" name=\"aaf_field[services][]\" value=\"Remediation\"><label for=\"aaf-90303-services-1\">Remediation<\/label><\/span><span class=\"aaf-choice\"><input type=\"checkbox\" id=\"aaf-90303-services-2\" name=\"aaf_field[services][]\" value=\"Team training\"><label for=\"aaf-90303-services-2\">Team training<\/label><\/span><\/fieldset><\/div><div class=\"aaf-field aaf-field-textarea\"><label class=\"aaf-label\" for=\"aaf-90303-message\">Message <span class=\"aaf-required\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"aaf-90303-message\" name=\"aaf_field[message]\" rows=\"5\" aria-required=\"true\"><\/textarea><\/div><div class=\"aaf-field aaf-field-consent\"><label class=\"aaf-label\" for=\"aaf-90303-consent\">I agree to be contacted about my enquiry. <span class=\"aaf-required\" aria-hidden=\"true\">*<\/span><\/label><span class=\"aaf-choice aaf-consent\"><input type=\"checkbox\" id=\"aaf-90303-consent\" name=\"aaf_field[consent]\" value=\"1\" aria-required=\"true\"><\/span><\/div>\n\t\t\t<input type=\"hidden\" name=\"aaf_nonce\" value=\"f46b209ca4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/90319\" \/><div class=\"aaf-hp\" aria-hidden=\"true\"><label for=\"aaf_hp_url-aaf-90303\">Leave this field empty<\/label><input type=\"text\" id=\"aaf_hp_url-aaf-90303\" name=\"aaf_hp_url\" value=\"\" tabindex=\"-1\" autocomplete=\"off\"><\/div><input type=\"hidden\" name=\"aaf_ts\" value=\"1793870637\">\t\t\t<input type=\"hidden\" name=\"aaf_action\" value=\"aaf_submit\">\n\t\t\t<input type=\"hidden\" name=\"aaf_form_id\" value=\"90303\">\n\t\t\t\t\t\t<input type=\"hidden\" name=\"aaf_source_url\" value=\"https:\/\/showcase.ananyoo.com\/fr\/fr\/wp-json\/wp\/v2\/pages\/90319\">\n\t\t\t<input type=\"hidden\" name=\"aaf_source_title\" value=\"Ananyoo Accessible Themes and Plugins Showcase\">\n\n\t\t\t\n\t\t\t<p class=\"aaf-actions\">\n\t\t\t\t<button type=\"submit\" class=\"aaf-submit\">\n\t\t\t\t\tSend enquiry\t\t\t\t<\/button>\n\t\t\t<\/p>\n\t\t<\/form>\n\t\t<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"plugdemos\" aria-labelledby=\"plugdemos-h\">\n<div class=\"wrap\">\n<div class=\"plugdemos-grid\">\n<div class=\"plugdemos-panel\">\n<p class=\"plugdemos-kicker\">Live plugin demos<\/p>\n<h2 id=\"plugdemos-h\">The accessible plugins behind this demo<\/h2>\n<p class=\"plugdemos-sub\">Every login, slider and form on this site is one of our free accessible WordPress plugins, each built to WCAG 2.2 AA. Try them live:<\/p>\n<p class=\"plugdemos-count\"><span class=\"n\"><em>6<\/em> free plugins<\/span><span class=\"l\">All running live on this demo site - and free on WordPress.org<\/span><\/p>\n<a class=\"plugdemos-all-btn\" href=\"https:\/\/showcase.ananyoo.com\/plugins\/\">See all plugin demos &rarr;<\/a>\n<\/div>\n<ul class=\"pd-rows\">\n<li><a href=\"https:\/\/showcase.ananyoo.com\/accessible-login\/\"><span class=\"pd-num\" aria-hidden=\"true\">01<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#2563EB,#1D4ED8)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10V7a5 5 0 0 1 10 0v3\"\/><rect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible Login<\/span><span class=\"pd-row-desc\">Keyboard-first sign-in with a real show \/ hide password control<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li>\n<li><a href=\"https:\/\/showcase.ananyoo.com\/accessible-carousel\/\"><span class=\"pd-num\" aria-hidden=\"true\">02<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#7C3AED,#6D28D9)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"5\" width=\"10\" height=\"14\" rx=\"2\"\/><path d=\"M3 8v8M21 8v8\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible Carousel<\/span><span class=\"pd-row-desc\">A slider that pauses, announces slides and works without a mouse<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li>\n<li><a href=\"https:\/\/showcase.ananyoo.com\/accessible-forms\/\"><span class=\"pd-num\" aria-hidden=\"true\">03<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#DB2777,#BE185D)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h4\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible Forms<\/span><span class=\"pd-row-desc\">Labelled fields and clear errors, announced to screen readers<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li>\n<li><a href=\"https:\/\/showcase.ananyoo.com\/accessible-portfolio\/\"><span class=\"pd-num\" aria-hidden=\"true\">04<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#0891B2,#0E7490)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 12h18\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible Portfolio<\/span><span class=\"pd-row-desc\">Filterable case-study grid that keeps focus order intact<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li>\n<li><a href=\"https:\/\/showcase.ananyoo.com\/events\/\"><span class=\"pd-num\" aria-hidden=\"true\">05<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#8B5CF6,#7C3AED)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 9.5h18\"\/><path d=\"M12 13v4M10 15h4\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible Events<\/span><span class=\"pd-row-desc\">Event listings with real accommodation icons shown up front<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li> <li><a href=\"https:\/\/showcase.ananyoo.com\/a-to-z-index\/\"><span class=\"pd-num\" aria-hidden=\"true\">06<\/span><span class=\"pd-row-ico\" style=\"background:linear-gradient(135deg,#059669,#047857)\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18 6.5 6 10 18M4.2 14h4.6\"\/><path d=\"M14 6h6l-6 12h6\"\/><\/svg><\/span><span class=\"pd-row-txt\"><span class=\"pd-row-name\">Accessible A to Z Index<\/span><span class=\"pd-row-desc\">Letter navigation with real headings and a live filter<\/span><\/span><span class=\"pd-arrow\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n  <!-- ============================ CTA BAND ============================ -->\n  <section class=\"cta-band on-dark dark-scope\" aria-labelledby=\"cta-h\">\n    <svg class=\"cta-rings\" viewBox=\"0 0 1200 400\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><g fill=\"none\" stroke=\"#ffffff\" stroke-width=\"1.5\" opacity=\".3\"><circle cx=\"150\" cy=\"200\" r=\"60\"\/><circle cx=\"150\" cy=\"200\" r=\"100\"\/><circle cx=\"1050\" cy=\"200\" r=\"60\"\/><circle cx=\"1050\" cy=\"200\" r=\"100\"\/><\/g><\/svg>\n    <div class=\"wrap\">\n      <p class=\"eyebrow on-dark\" style=\"justify-content:center\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Free &amp; open source<\/p>\n      <h2 id=\"cta-h\">Every feature, free from day one<\/h2>\n      <p>Like all Ananyoo accessible WordPress themes, Ariade is completely free - no subscriptions, no paid tiers, no lock-in. Download it, keep it, and build accessible sites for as long as you like.<\/p>\n      <a class=\"btn btn-light\" href=\"https:\/\/wordpress.org\/themes\/ariade\/\" target=\"_blank\" rel=\"noopener\">Download Ariade free<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- ============================ BLOG ============================ -->\n\n\n  <!-- ===== SHOP (WooCommerce) ===== -->\n  <section class=\"shop\" id=\"shop\" aria-labelledby=\"shop-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head with-action\" style=\"margin-bottom:1.4rem\"><div class=\"sh-text\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>WooCommerce ready<\/p>\n        <h2 id=\"shop-h\">An accessible shop, out of the box<\/h2>\n        <p>Product grid, single product, cart and checkout templates - every control labelled, every \u201cAdd to cart\u201d distinct for screen readers.<\/p>\n      <\/div><div class=\"head-action\"><a class=\"btn btn-outline\" href=\"https:\/\/showcase.ananyoo.com\/shop\/\">Visit the shop <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-group ariade-shop1 is-layout-flow wp-block-group-is-layout-flow\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n<li class=\"product type-product post-92691 status-publish first instock product_cat-home-kitchen product_tag-everyday-essential has-post-thumbnail featured shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/showcase.ananyoo.com\/fr\/produit\/contrast-coffee-mug\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><span class=\"ariade-feat-badge\"><span aria-hidden=\"true\">&#9733;<\/span> Mis en avant<\/span><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-300x300.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-100x100.webp 100w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-600x600.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-150x150.webp 150w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2-768x768.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-contrast-coffee-mug-2.webp 1024w\" sizes=\"auto, (max-width: 480px) calc(50vw - 2rem), (max-width: 900px) calc(33vw - 2rem), (max-width: 1180px) calc(25vw - 2rem), 200px\" \/><h2 class=\"woocommerce-loop-product__title\">Contrast Coffee Mug<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Note 4.00 sur 5\"><span style=\"width:80%\">Note <strong class=\"rating\">4.00<\/strong> sur 5<\/span><\/div>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>14.00<\/bdi><\/span> <span aria-hidden=\"true\">\u00a0\u2013\u00a0<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>17.00<\/bdi><\/span><span class=\"screen-reader-text\">Plage de prix\u00a0: &#36;14.00 \u00e0 &#36;17.00<\/span><\/span>\n<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_92691\" class=\"screen-reader-text\">\n\t\tCe produit a plusieurs variations. Les options peuvent \u00eatre choisies sur la page du produit\t<\/span>\n<\/li>\n<li class=\"product type-product post-92670 status-publish instock product_cat-stationery product_tag-bestseller has-post-thumbnail sale featured shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/showcase.ananyoo.com\/fr\/produit\/keyboard-wrist-rest\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><span class=\"ariade-feat-badge\"><span aria-hidden=\"true\">&#9733;<\/span> Mis en avant<\/span>\n\t<span class=\"onsale\">Promo\u00a0!<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-300x300.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-100x100.webp 100w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-600x600.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-150x150.webp 150w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2-768x768.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-keyboard-wrist-rest-2.webp 1024w\" sizes=\"auto, (max-width: 480px) calc(50vw - 2rem), (max-width: 900px) calc(33vw - 2rem), (max-width: 1180px) calc(25vw - 2rem), 200px\" \/><h2 class=\"woocommerce-loop-product__title\">Keyboard Wrist Rest<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Note 3.33 sur 5\"><span style=\"width:66.6%\">Note <strong class=\"rating\">3.33<\/strong> sur 5<\/span><\/div>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>22.00<\/bdi><\/span> <span aria-hidden=\"true\">\u00a0\u2013\u00a0<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>32.00<\/bdi><\/span><span class=\"screen-reader-text\">Plage de prix\u00a0: &#36;22.00 \u00e0 &#36;32.00<\/span><\/span>\n<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_92670\" class=\"screen-reader-text\">\n\t\tCe produit a plusieurs variations. Les options peuvent \u00eatre choisies sur la page du produit\t<\/span>\n<\/li>\n<li class=\"product type-product post-92649 status-publish instock product_cat-stationery product_tag-bestseller product_tag-everyday-essential has-post-thumbnail sale featured shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/showcase.ananyoo.com\/fr\/produit\/focus-notebook\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><span class=\"ariade-feat-badge\"><span aria-hidden=\"true\">&#9733;<\/span> Mis en avant<\/span>\n\t<span class=\"onsale\">Promo\u00a0!<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-300x300.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-100x100.webp 100w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-600x600.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-150x150.webp 150w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3-768x768.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-focus-notebook-3.webp 1024w\" sizes=\"auto, (max-width: 480px) calc(50vw - 2rem), (max-width: 900px) calc(33vw - 2rem), (max-width: 1180px) calc(25vw - 2rem), 200px\" \/><h2 class=\"woocommerce-loop-product__title\">Focus Notebook<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Note 4.25 sur 5\"><span style=\"width:85%\">Note <strong class=\"rating\">4.25<\/strong> sur 5<\/span><\/div>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>18.00<\/bdi><\/span> <span aria-hidden=\"true\">\u00a0\u2013\u00a0<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>27.00<\/bdi><\/span><span class=\"screen-reader-text\">Plage de prix\u00a0: &#36;18.00 \u00e0 &#36;27.00<\/span><\/span>\n<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_92649\" class=\"screen-reader-text\">\n\t\tCe produit a plusieurs variations. Les options peuvent \u00eatre choisies sur la page du produit\t<\/span>\n<\/li>\n<li class=\"product type-product post-92628 status-publish last instock product_cat-home-kitchen product_tag-bestseller has-post-thumbnail featured shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/showcase.ananyoo.com\/fr\/produit\/daylight-desk-lamp\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><span class=\"ariade-feat-badge\"><span aria-hidden=\"true\">&#9733;<\/span> Mis en avant<\/span><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-300x300.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-100x100.webp 100w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-600x600.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-150x150.webp 150w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2-768x768.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-product-daylight-desk-lamp-2.webp 1024w\" sizes=\"auto, (max-width: 480px) calc(50vw - 2rem), (max-width: 900px) calc(33vw - 2rem), (max-width: 1180px) calc(25vw - 2rem), 200px\" \/><h2 class=\"woocommerce-loop-product__title\">Daylight Desk Lamp<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Note 4.67 sur 5\"><span style=\"width:93.4%\">Note <strong class=\"rating\">4.67<\/strong> sur 5<\/span><\/div>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>42.00<\/bdi><\/span> <span aria-hidden=\"true\">\u00a0\u2013\u00a0<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&#36;<\/span>45.00<\/bdi><\/span><span class=\"screen-reader-text\">Plage de prix\u00a0: &#36;42.00 \u00e0 &#36;45.00<\/span><\/span>\n<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_92628\" class=\"screen-reader-text\">\n\t\tCe produit a plusieurs variations. Les options peuvent \u00eatre choisies sur la page du produit\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n    <\/div>\n  <\/section>\n\n  <!-- ===== BLOG LAYOUTS ===== -->\n  <section class=\"bloglayouts\" aria-labelledby=\"bl-h\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Blog layouts<\/p>\n        <h2 id=\"bl-h\">Three ways to show your posts<\/h2>\n        <p>Grid, list or masonry - pick a layout per archive; all keep heading order and readable contrast.<\/p>\n      <\/div>\n      <div class=\"layout-grid\">\n        <article class=\"layout-card\"><div class=\"layout-prev\" role=\"img\" aria-label=\"Grid layout: even cards, each with an image and title\"><div class=\"bl-gmini\"><div class=\"bl-mp\"><div class=\"bl-tile bl-gt1\" style=\"height:58px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#6D28D9\">Jan 7 \u00b7 Guides<\/span><p class=\"bl-mt\">Text styling that stays readable<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt2\" style=\"height:58px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#BE185D\">Nov 4 \u00b7 Theme<\/span><p class=\"bl-mt\">Why we made accessibility the default<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt3\" style=\"height:58px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#184FCB\">Oct 9 \u00b7 Plugins<\/span><p class=\"bl-mt\">Forms people can actually fill in<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt1\" style=\"height:58px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#6D28D9\">Sep 22 \u00b7 Guides<\/span><p class=\"bl-mt\">Colour contrast, done right<\/p><\/div><\/div><\/div><\/div><div class=\"layout-meta\"><h3>Grid<\/h3><p>Even cards - great for image-led posts.<\/p><\/div><\/article>\n        <article class=\"layout-card\"><div class=\"layout-prev\" role=\"img\" aria-label=\"List layout: full-width rows with a thumbnail, title and summary\"><div class=\"bl-lmini\"><div class=\"bl-lrow\"><div class=\"bl-tile bl-gt1\"><\/div><div class=\"bl-lrb\"><span class=\"bl-cat\" style=\"color:#6D28D9\">Jan 7 \u00b7 Guides<\/span><p class=\"bl-mt\">Text styling that stays readable<\/p><p class=\"bl-lex\">Line length, spacing and zoom.<\/p><\/div><\/div><div class=\"bl-lrow\"><div class=\"bl-tile bl-gt2\"><\/div><div class=\"bl-lrb\"><span class=\"bl-cat\" style=\"color:#BE185D\">Nov 4 \u00b7 Theme<\/span><p class=\"bl-mt\">Why we made accessibility the default<\/p><p class=\"bl-lex\">Baked into every block, not bolted on.<\/p><\/div><\/div><div class=\"bl-lrow\"><div class=\"bl-tile bl-gt3\"><\/div><div class=\"bl-lrb\"><span class=\"bl-cat\" style=\"color:#184FCB\">Oct 9 \u00b7 Plugins<\/span><p class=\"bl-mt\">Forms people can actually fill in<\/p><p class=\"bl-lex\">Labels, errors and focus order.<\/p><\/div><\/div><\/div><\/div><div class=\"layout-meta\"><h3>List<\/h3><p>Thumbnail and summary, easy to scan.<\/p><\/div><\/article>\n        <article class=\"layout-card\"><div class=\"layout-prev\" role=\"img\" aria-label=\"Masonry layout: columns of varied heights\"><div class=\"bl-mmini\"><div class=\"bl-mp\"><div class=\"bl-tile bl-gt1\" style=\"height:86px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#6D28D9\">Jan 7 \u00b7 Guides<\/span><p class=\"bl-mt\">Text styling that stays readable<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt2\" style=\"height:54px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#BE185D\">Nov 4 \u00b7 Theme<\/span><p class=\"bl-mt\">Why we made accessibility the default<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt3\" style=\"height:64px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#184FCB\">Oct 9 \u00b7 Plugins<\/span><p class=\"bl-mt\">Forms people can actually fill in<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt1\" style=\"height:92px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#6D28D9\">Sep 22 \u00b7 Guides<\/span><p class=\"bl-mt\">Colour contrast, done right<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt2\" style=\"height:58px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#BE185D\">Aug 15 \u00b7 Theme<\/span><p class=\"bl-mt\">Keyboard navigation patterns<\/p><\/div><\/div><div class=\"bl-mp\"><div class=\"bl-tile bl-gt3\" style=\"height:76px\"><\/div><div class=\"bl-mpb\"><span class=\"bl-cat\" style=\"color:#184FCB\">Jul 30 \u00b7 Plugins<\/span><p class=\"bl-mt\">Screen-reader friendly menus<\/p><\/div><\/div><\/div><\/div><div class=\"layout-meta\"><h3>Masonry<\/h3><p>Varied heights for a lively feed.<\/p><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<section class=\"wp-block-group alignfull blog events-home is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"section-head with-action\">\n        <div class=\"sh-text\">\n          <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>Powered by Ananyoo Accessible Events<\/p>\n          <h2 id=\"events-h\">Upcoming accessible events<\/h2>\n          <p>Workshops, webinars and clinics where every event states the accommodations it provides - captions, sign language, wheelchair access and more. Powered by our free Accessible Events plugin.<\/p>\n        <\/div>\n        <div class=\"head-action\" style=\"display:flex;gap:.6rem;flex-wrap:wrap\"><a class=\"btn btn-outline\" href=\"webcal:\/\/showcase.ananyoo.com\/?aae_ics_all=1\" aria-label=\"Subscribe to all events in your calendar app\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"margin-right:6px;vertical-align:-2px\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"18\"\/><line x1=\"10\" y1=\"16\" x2=\"14\" y2=\"16\"\/><\/svg>Subscribe<\/a> <a class=\"btn btn-outline\" href=\"https:\/\/showcase.ananyoo.com\/events\/\">See all events <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n      <\/div>\n\n<div class=\"ae-events\" id=\"ae-events-1\"><div class=\"ae-embed ae-layout-grid\"><p class=\"ae-count\">Showing <strong>1-2<\/strong> of <strong>2<\/strong> events<\/p><ul class=\"ae-cards\" role=\"list\"><li class=\"ae-card ae-card--tiled\"><div class=\"ae-card__media\"><span class=\"ae-card__media-link\"><img decoding=\"async\" width=\"768\" height=\"499\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-08-768x499.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-08-768x499.jpg 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-08-300x195.jpg 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-08-600x390.jpg 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-08.jpg 800w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/span><span class=\"ae-badge ae-badge--upcoming\">Upcoming<\/span><span class=\"ae-card__cat\">Workshop<\/span><span class=\"ae-date-tile\" aria-hidden=\"true\"><b>D\u00e9c<\/b><span>04<\/span><\/span><\/div><div class=\"ae-card__body\"><p class=\"ae-card__when\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><time datetime=\"2026-12-04T10:00\">4 D\u00e9c 2026 \u00b7 10:00 am to 1:00 pm IST<\/time><\/p><h3 class=\"ae-card__title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/events\/accessible-forms-workshop\/\">Accessible Forms Workshop<\/a><\/h3><p class=\"ae-card__mode\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>In person \u00b7 Central Kolkata<\/span><\/p><ul class=\"ae-card__ax\" role=\"list\" aria-label=\"Accessibility at this event\"><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"13\" cy=\"4.3\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M13 7.5v5h5l2.5 6\"\/><path d=\"M12.5 9.5H11a5.8 5.8 0 1 0 6 7.5\"\/><\/svg><span class=\"ae-sr\">Wheelchair accessible venue<\/span><\/li><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M9 11V7\"\/><path d=\"M7 9l2-2 2 2\"\/><path d=\"M15 13v4\"\/><path d=\"M13 15l2 2 2-2\"\/><\/svg><span class=\"ae-sr\">Step-free access \/ lift<\/span><\/li><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z\"\/><\/svg><span class=\"ae-sr\">Quiet \/ sensory room<\/span><\/li><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><circle cx=\"9.5\" cy=\"13\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"9.5\" cy=\"16.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"13\" cy=\"13\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"16.5\" cy=\"16.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><span class=\"ae-sr\">Materials in accessible formats<\/span><\/li><\/ul><p class=\"ae-card__cta\"><span class=\"ae-card__btn\" aria-hidden=\"true\"><span>View details<\/span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg><\/span><\/p><\/div><\/li><li class=\"ae-card ae-card--tiled\"><div class=\"ae-card__media\"><span class=\"ae-card__media-link\"><img decoding=\"async\" width=\"768\" height=\"499\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-09-768x499.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-09-768x499.jpg 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-09-300x195.jpg 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-09-600x390.jpg 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/08\/event-09.jpg 800w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/span><span class=\"ae-badge ae-badge--upcoming\">Upcoming<\/span><span class=\"ae-card__cat\">Community<\/span><span class=\"ae-date-tile\" aria-hidden=\"true\"><b>Jan<\/b><span>08<\/span><\/span><\/div><div class=\"ae-card__body\"><p class=\"ae-card__when\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><time datetime=\"2027-01-08T14:00\">8 Jan 2027 \u00b7 2:00 pm to 6:00 pm IST<\/time><\/p><h3 class=\"ae-card__title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/events\/global-accessibility-awareness-day\/\">Global Accessibility Awareness Day<\/a><\/h3><p class=\"ae-card__mode\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Hybrid \u00b7 Kolkata &amp; Online<\/span><\/p><ul class=\"ae-card__ax\" role=\"list\" aria-label=\"Accessibility at this event\"><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"13\" cy=\"4.3\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M13 7.5v5h5l2.5 6\"\/><path d=\"M12.5 9.5H11a5.8 5.8 0 1 0 6 7.5\"\/><\/svg><span class=\"ae-sr\">Wheelchair accessible venue<\/span><\/li><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M9 11V7\"\/><path d=\"M7 9l2-2 2 2\"\/><path d=\"M15 13v4\"\/><path d=\"M13 15l2 2 2-2\"\/><\/svg><span class=\"ae-sr\">Step-free access \/ lift<\/span><\/li><li><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"3\"\/><path d=\"M10.2 10.2a2.4 2.4 0 1 0 0 3.6\"\/><path d=\"M17 10.2a2.4 2.4 0 1 0 0 3.6\"\/><\/svg><span class=\"ae-sr\">Live captions \/ CART<\/span><\/li><li class=\"ae-card__ax-more\"><span aria-hidden=\"true\">+4<\/span><span class=\"ae-sr\">4 more accommodations<\/span><\/li><\/ul><p class=\"ae-card__cta\"><span class=\"ae-card__btn\" aria-hidden=\"true\"><span>View details<\/span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg><\/span><\/p><\/div><\/li><\/ul><\/div><\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull blog is-layout-flow wp-block-group-is-layout-flow\" id=\"blog\">\n\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"section-head with-action\">\n        <div class=\"sh-text\">\n          <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>From the blog<\/p>\n          <h2 id=\"blog-h\">Notes on building accessible sites<\/h2>\n          <p>Practical write-ups from two decades of accessibility work - testing with real screen readers, fixing what audits catch, and building accessible WordPress themes, plugins and sites that work for everyone.<\/p>\n        <\/div>\n        <div class=\"head-action\"><a class=\"btn btn-outline\" href=\"https:\/\/showcase.ananyoo.com\/blog\/\">See all posts <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n      <\/div>\n\n\n<div class=\"wp-block-query ariade-hb3 is-layout-flow wp-block-query-is-layout-flow\">\n<ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-cda6dc4f wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-90540 post type-post status-publish format-standard has-post-thumbnail hentry category-events\">\n\n<div class=\"wp-block-group ariade-hb3-card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-media is-layout-flow wp-block-group-is-layout-flow\"><figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Professional in a wheelchair working on a laptop at a desk, violet studio light\" style=\"aspect-ratio:16\/10;width:100%;object-fit:cover;\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover.webp 1600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover-300x169.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover-1024x576.webp 1024w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover-768x432.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover-1536x864.webp 1536w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-wheelchair-professional-laptop-cover-600x338.webp 600w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<div class=\"taxonomy-category wp-block-post-terms\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/category\/events\/\" rel=\"tag\">Events<\/a><\/div><\/div>\n\n\n<div class=\"wp-block-group ariade-hb3-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-meta is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ced902a9 wp-block-group-is-layout-flex\"><div class=\"wp-block-post-date\"><time datetime=\"2026-07-06T09:29:30+05:30\">juillet 6, 2026<\/time><\/div>\n<div class=\"wp-block-post-author-name\">Jamie Rivers<\/div><\/div>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/inclusive-commerce-meetup-2026\/\" target=\"_self\">Inclusive Commerce Meetup<\/a><\/h3>\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">7 November 2026 \u00b7 Accessible checkout patterns that convert - a practical evening for store owners and developers. <\/p><\/div>\n\n<p class=\"ariade-hb3-cue wp-block-paragraph\" aria-hidden=\"true\">Read post<\/p>\n<\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-90538 post type-post status-publish format-standard has-post-thumbnail hentry category-events\">\n\n<div class=\"wp-block-group ariade-hb3-card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-media is-layout-flow wp-block-group-is-layout-flow\"><figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Two colleagues smiling at a tablet on a desk, blue studio background\" style=\"aspect-ratio:16\/10;width:100%;object-fit:cover;\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover.webp 1600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover-300x169.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover-1024x576.webp 1024w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover-768x432.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover-1536x864.webp 1536w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-two-colleagues-tablet-cover-600x338.webp 600w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<div class=\"taxonomy-category wp-block-post-terms\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/category\/events\/\" rel=\"tag\">Events<\/a><\/div><\/div>\n\n\n<div class=\"wp-block-group ariade-hb3-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-meta is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ced902a9 wp-block-group-is-layout-flex\"><div class=\"wp-block-post-date\"><time datetime=\"2026-07-06T09:29:29+05:30\">juillet 6, 2026<\/time><\/div>\n<div class=\"wp-block-post-author-name\">Jamie Rivers<\/div><\/div>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/screen-reader-basics-online-2026\/\" target=\"_self\">Screen Reader Basics (Online)<\/a><\/h3>\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">3 October 2026 \u00b7 A live NVDA walkthrough for developers - hear your own site the way a screen-reader user\u2026 <\/p><\/div>\n\n<p class=\"ariade-hb3-cue wp-block-paragraph\" aria-hidden=\"true\">Read post<\/p>\n<\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-90536 post type-post status-publish format-standard has-post-thumbnail hentry category-events\">\n\n<div class=\"wp-block-group ariade-hb3-card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-media is-layout-flow wp-block-group-is-layout-flow\"><figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Three colleagues reviewing an audit report on a large monitor\" style=\"aspect-ratio:16\/10;width:100%;object-fit:cover;\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover.webp 1600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover-300x169.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover-1024x576.webp 1024w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover-768x432.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover-1536x864.webp 1536w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/09\/hero-team-audit-review-cover-600x338.webp 600w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<div class=\"taxonomy-category wp-block-post-terms\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/category\/events\/\" rel=\"tag\">Events<\/a><\/div><\/div>\n\n\n<div class=\"wp-block-group ariade-hb3-body is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ariade-hb3-meta is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ced902a9 wp-block-group-is-layout-flex\"><div class=\"wp-block-post-date\"><time datetime=\"2026-07-06T09:29:28+05:30\">juillet 6, 2026<\/time><\/div>\n<div class=\"wp-block-post-author-name\">Jamie Rivers<\/div><\/div>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/workshop-kolkata-2026\/\" target=\"_self\">Accessibility Workshop - Kolkata<\/a><\/h3>\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">12 September 2026 \u00b7 A full-day, hands-on workshop: test a real site with a screen reader, find the failures, and\u2026 <\/p><\/div>\n\n<p class=\"ariade-hb3-cue wp-block-paragraph\" aria-hidden=\"true\">Read post<\/p>\n<\/div>\n<\/div>\n\n<\/li><\/ul>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull blog faq-home is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group ariade-faq-split is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\">\n\n<div class=\"faq-split-panel\">\n        <p class=\"eyebrow\"><svg viewBox=\"0 0 30 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M1 5 L5 1 L9 9 L13 1 L17 9 L21 1 L25 9 L29 5\"\/><\/svg>FAQ<\/p>\n        <h2 id=\"faq-h\">Accessible WordPress themes &amp; plugins - frequently asked questions<\/h2>\n        <p class=\"faq-split-sub\">Quick answers about this showcase - the accessible WordPress themes and plugins from Ananyoo you see running live on this site, and how everything is built and tested.<\/p>\n        <p class=\"faq-split-stat\"><span class=\"n\"><em>6<\/em> quick answers<\/span><span class=\"l\">Everything else - just ask, we reply to every enquiry<\/span><\/p>\n        <a class=\"faq-split-btn\" href=\"#contact\">Ask a question &rarr;<\/a>\n      <\/div>\n\n\n<div class=\"wp-block-group ariade-faq-editorial is-layout-flow wp-block-group-is-layout-flow\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Are these accessible WordPress themes and plugins really free?<\/summary>\n<p class=\"wp-block-paragraph\">Yes. Everything you see on this showcase is free - the Ariade theme and every Ananyoo accessibility plugin, with no paid tiers, subscriptions or locked features. The plugins are on WordPress.org, and updates cost nothing.<\/p>\n<\/details>\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>How are the themes and plugins tested for WCAG 2.2 AA?<\/summary>\n<p class=\"wp-block-paragraph\">Every theme template and plugin screen is checked with automated tools - Deque axe, Lighthouse and WAVE - and then tested by hand with JAWS, NVDA, VoiceOver and TalkBack, keyboard-only use, 400% zoom and forced-colors mode. It is built by an accessibility consultant who audits websites for a living.<\/p>\n<\/details>\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Which plugins are included with the theme?<\/summary>\n<p class=\"wp-block-paragraph\">This demo runs our free accessibility plugins together with Ariade: Accessible Forms, Accessible Login, Accessible Carousel, Accessible Portfolio and Accessible Events - each built to WCAG 2.2 AA and available free on WordPress.org.<\/p>\n<\/details>\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Does Ariade work with WooCommerce?<\/summary>\n<p class=\"wp-block-paragraph\">Yes. The shop grid, single product, cart and checkout templates are styled and audited - every control is labelled and every Add to cart button is distinct for screen readers. The shop section on this page is live WooCommerce output.<\/p>\n<\/details>\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Can I use Ariade for client projects?<\/summary>\n<p class=\"wp-block-paragraph\">Absolutely. The theme is GPL licensed, so you can use it on unlimited personal and client websites. Agencies use it as their accessible starting point for business, government and education sites.<\/p>\n<\/details>\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Do I need to know WCAG to build an accessible site with it?<\/summary>\n<p class=\"wp-block-paragraph\">No. The accessible defaults do the heavy lifting - landmarks, heading order, contrast-safe palettes, focus styles and keyboard behaviour are already handled. You compose pages with blocks, and the theme keeps them conformant.<\/p>\n<\/details>\n\n<\/div>\n\n<\/div>\n\n\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Are these accessible WordPress themes and plugins really free?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Everything you see on this showcase is free - the Ariade theme and every Ananyoo accessibility plugin, with no paid tiers, subscriptions or locked features. The plugins are on WordPress.org, and updates cost nothing.\"}}, {\"@type\": \"Question\", \"name\": \"How are the themes and plugins tested for WCAG 2.2 AA?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Every theme template and plugin screen is checked with automated tools - Deque axe, Lighthouse and WAVE - and then tested by hand with JAWS, NVDA, VoiceOver and TalkBack, keyboard-only use, 400% zoom and forced-colors mode. It is built by an accessibility consultant who audits websites for a living.\"}}, {\"@type\": \"Question\", \"name\": \"Which plugins are included with the theme?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"This demo runs our free accessibility plugins together with Ariade: Accessible Forms, Accessible Login, Accessible Carousel, Accessible Portfolio and Accessible Events - each built to WCAG 2.2 AA and available free on WordPress.org.\"}}, {\"@type\": \"Question\", \"name\": \"Does Ariade work with WooCommerce?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. The shop grid, single product, cart and checkout templates are styled and audited - every control is labelled and every Add to cart button is distinct for screen readers. The shop section on this page is live WooCommerce output.\"}}, {\"@type\": \"Question\", \"name\": \"Can I use Ariade for client projects?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Absolutely. The theme is GPL licensed, so you can use it on unlimited personal and client websites. Agencies use it as their accessible starting point for business, government and education sites.\"}}, {\"@type\": \"Question\", \"name\": \"Do I need to know WCAG to build an accessible site with it?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"No. The accessible defaults do the heavy lifting - landmarks, heading order, contrast-safe palettes, focus styles and keyboard behaviour are already handled. You compose pages with blocks, and the theme keeps them conformant.\"}}]}<\/script>\n\n<\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>WCAG 2.2 AA &middot; FSE Block Theme Accessible by default.Built to impress. Ariade is the flagship of Ananyoo&rsquo;s free accessible WordPress themes - a full site editing theme that ships conformant, screen-reader-ready websites visually, with accessible Forms, Carousel and Login plugins already inside. Get the theme Continue with demo &rarr; Technologies used WordPress Full Site [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-90319","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/90319","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=90319"}],"version-history":[{"count":29,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/90319\/revisions"}],"predecessor-version":[{"id":94812,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/90319\/revisions\/94812"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=90319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}