{"id":29,"date":"2026-03-30T08:52:29","date_gmt":"2026-03-30T08:52:29","guid":{"rendered":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/?page_id=29"},"modified":"2026-03-30T19:35:16","modified_gmt":"2026-03-30T19:35:16","slug":"widget","status":"publish","type":"page","link":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/?page_id=29","title":{"rendered":"Widget"},"content":{"rendered":"\n<style>\n      html {\n        scroll-behavior: smooth;\n      }\n\n      *,\n      .ax-page,\n      .ax-page * {\n        box-sizing: border-box;\n      }\n\n      body {\n        margin: 0;\n        background: #ffffff;\n        color: #244041;\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      }\n\n      img {\n        max-width: 100%;\n      }\n\n      .ax-page {\n        color: #244041;\n      }\n\n      :where(.is-layout-constrained) > .ax-page {\n        width: 100% !important;\n        max-width: none !important;\n        margin-right: 0 !important;\n        margin-left: 0 !important;\n      }\n\n      .ax-wrap {\n        width: min(1280px, calc(100% - 56px));\n        margin: 0 auto;\n      }\n\n      .ax-section {\n        padding: clamp(56px, 7vw, 96px) 0;\n      }\n\n      .ax-section--warm {\n        background: #f4eee3;\n      }\n\n      .ax-section--soft {\n        background: #fbf8f2;\n      }\n\n      .ax-section--ink {\n        background: #133438;\n        color: #f7fbfa;\n      }\n\n      .ax-hero {\n        display: grid;\n        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);\n        gap: 36px;\n        align-items: center;\n      }\n\n      .ax-grid {\n        display: grid;\n        gap: 22px;\n      }\n\n      .ax-grid--2 {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ax-grid--3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n\n      .ax-demo-grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);\n        gap: 24px;\n        align-items: start;\n      }\n\n      .ax-card {\n        background: #fffdf8;\n        border: 1px solid #ded9cd;\n        border-radius: 28px;\n        padding: 26px;\n        box-shadow: 0 18px 40px rgba(32, 25, 17, 0.06);\n      }\n\n      .ax-card--soft {\n        background: #f7f2e8;\n      }\n\n      .ax-card--dark {\n        background: #153d41;\n        border-color: rgba(255, 255, 255, 0.12);\n        color: #f3f6f4;\n        box-shadow: none;\n      }\n\n      .ax-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 8px 12px;\n        border-radius: 999px;\n        background: #dff0ef;\n        color: #0d5c63;\n        font-size: 0.76rem;\n        font-weight: 700;\n        letter-spacing: 0.05em;\n        text-transform: uppercase;\n      }\n\n      .ax-overline {\n        margin: 0 0 16px;\n        color: #0d5c63;\n        font-size: 0.82rem;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n      }\n\n      .ax-section--ink .ax-overline,\n      .ax-card--dark .ax-overline {\n        color: #9ccac6;\n      }\n\n      h1,\n      h2,\n      h3 {\n        margin: 0;\n        color: #1b1b18;\n        font-weight: 700;\n        letter-spacing: -0.03em;\n      }\n\n      .ax-section--ink h2,\n      .ax-card--dark h2,\n      .ax-card--dark h3 {\n        color: #ffffff;\n      }\n\n      .ax-title {\n        margin: 18px 0 18px;\n        max-width: 11ch;\n        font-size: clamp(2.75rem, 5vw, 4.8rem);\n        line-height: 0.98;\n      }\n\n      .ax-title--medium {\n        max-width: 12ch;\n        font-size: clamp(2.35rem, 4vw, 3.95rem);\n      }\n\n      .ax-subtitle {\n        margin-bottom: 12px;\n        font-size: 1.55rem;\n        line-height: 1.15;\n      }\n\n      .ax-lead {\n        margin: 0;\n        max-width: 58ch;\n        color: #355254;\n        font-size: 1.08rem;\n        line-height: 1.85;\n      }\n\n      .ax-note {\n        margin: 0;\n        color: #44524d;\n        font-size: 0.98rem;\n        line-height: 1.78;\n      }\n\n      .ax-card--dark .ax-note {\n        color: rgba(243, 246, 244, 0.88);\n      }\n\n      .ax-quote {\n        margin: 0;\n        color: #f3f6f4;\n        font-size: 1.08rem;\n        line-height: 1.8;\n      }\n\n      .ax-footer-note {\n        margin: 18px 0 0;\n        color: rgba(243, 246, 244, 0.72);\n        font-size: 0.9rem;\n        line-height: 1.7;\n      }\n\n      .ax-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 28px;\n      }\n\n      .ax-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 48px;\n        padding: 0 20px;\n        border: 1px solid transparent;\n        border-radius: 999px;\n        font-weight: 700;\n        text-decoration: none;\n      }\n\n      .ax-button--primary {\n        background: #0d5c63;\n        border-color: #0d5c63;\n        color: #ffffff;\n      }\n\n      .ax-button--secondary {\n        background: transparent;\n        border-color: #0d5c63;\n        color: #0d5c63;\n      }\n\n      .ax-media-frame {\n        position: relative;\n        padding: 18px;\n        border-radius: 34px;\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.68));\n        box-shadow: 0 28px 60px rgba(29, 34, 34, 0.15);\n      }\n\n      .ax-media-frame img {\n        display: block;\n        width: 100%;\n        height: auto;\n        border: 0;\n        border-radius: 26px;\n        background: #ffffff;\n      }\n\n      .ax-float-card {\n        position: absolute;\n        right: 22px;\n        bottom: 22px;\n        max-width: 250px;\n        padding: 14px;\n        border: 1px solid #e3d5bc;\n        border-radius: 24px;\n        background: #fff8ef;\n        box-shadow: 0 18px 34px rgba(33, 22, 6, 0.12);\n      }\n\n      .ax-float-card .ax-overline {\n        margin-bottom: 8px;\n      }\n\n      .ax-float-card .ax-note {\n        color: #4c5550;\n        font-size: 0.92rem;\n        line-height: 1.6;\n      }\n\n      .ax-steps {\n        counter-reset: ax-step;\n      }\n\n      .ax-steps article::before {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 38px;\n        height: 38px;\n        margin-bottom: 14px;\n        border-radius: 999px;\n        background: #dff0ef;\n        color: #0d5c63;\n        font-weight: 800;\n        counter-increment: ax-step;\n        content: counter(ax-step);\n      }\n\n      .ax-mini-list {\n        display: grid;\n        gap: 12px;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n\n      .ax-mini-list li {\n        position: relative;\n        padding-left: 18px;\n        color: #44524d;\n        line-height: 1.7;\n      }\n\n      .ax-mini-list li::before {\n        position: absolute;\n        top: 0;\n        left: 0;\n        color: #0d5c63;\n        font-weight: 700;\n        content: \"\u2022\";\n      }\n\n      .ax-card--dark .ax-mini-list li {\n        color: rgba(243, 246, 244, 0.92);\n      }\n\n      .ax-card--dark .ax-mini-list li::before {\n        color: #f2c661;\n      }\n\n      .ax-chip-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin-top: 24px;\n      }\n\n      .ax-chip {\n        display: inline-flex;\n        align-items: center;\n        padding: 10px 14px;\n        border: 1px solid #e3ded3;\n        border-radius: 999px;\n        background: #ffffff;\n        color: #355254;\n        font-weight: 600;\n      }\n\n      .ax-chip--soft {\n        background: #f5ede0;\n      }\n\n      .ax-kpi {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 12px;\n        margin-top: 28px;\n      }\n\n      .ax-kpi div {\n        padding: 16px;\n        border: 1px solid #e8deca;\n        border-radius: 20px;\n        background: #fffaf1;\n      }\n\n      .ax-kpi strong {\n        display: block;\n        color: #1b1b18;\n        font-size: 1.4rem;\n      }\n\n      .ax-kpi span {\n        display: block;\n        margin-top: 6px;\n        color: #4c5550;\n        font-size: 0.95rem;\n        line-height: 1.5;\n      }\n\n      @media (max-width: 1100px) {\n        .ax-hero,\n        .ax-grid--2,\n        .ax-grid--3,\n        .ax-demo-grid {\n          grid-template-columns: 1fr;\n        }\n\n        .ax-kpi {\n          grid-template-columns: 1fr 1fr;\n        }\n\n        .ax-title {\n          max-width: none;\n        }\n      }\n\n      @media (max-width: 720px) {\n        .ax-wrap {\n          width: min(100% - 24px, 100%);\n        }\n\n        .ax-section {\n          padding: 44px 0;\n        }\n\n        .ax-card {\n          padding: 20px;\n          border-radius: 22px;\n        }\n\n        .ax-media-frame {\n          padding: 12px;\n          border-radius: 24px;\n        }\n\n        .ax-media-frame img {\n          border-radius: 18px;\n        }\n\n        .ax-float-card {\n          position: static;\n          max-width: none;\n          margin-top: 14px;\n        }\n\n        .ax-kpi {\n          grid-template-columns: 1fr;\n        }\n      }\n    <\/style>\n<main class=\"ax-page\">\n      <section class=\"ax-section ax-section--warm\">\n        <div class=\"ax-wrap ax-hero\">\n          <div>\n            <span class=\"ax-eyebrow\">Widget demo<\/span>\n            <h1 class=\"ax-title ax-title--medium\">Accessibility help that adapts to the way you browse.<\/h1>\n            <p class=\"ax-lead\">\n              Use the Accessibility button on this page to make text easier to read, calm motion, strengthen focus,\n              listen to content, and move through the page with more confidence.\n            <\/p>\n            <div class=\"ax-actions\">\n              <a class=\"ax-button ax-button--primary\" href=\"#widget-demo\">Try it on this page<\/a>\n              <a class=\"ax-button ax-button--secondary\" href=\"#support-options\">See support options<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"ax-media-frame\">\n            <img decoding=\"async\"\n              src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIGRlc2MiPgogIDx0aXRsZSBpZD0idGl0bGUiPkFjY2Vzc3kgaHVtYW4tY2VudGVyZWQgYWNjZXNzaWJpbGl0eSBpbGx1c3RyYXRpb248L3RpdGxlPgogIDxkZXNjIGlkPSJkZXNjIj5BIHdhcm0gYWJzdHJhY3Qgc2NlbmUgd2l0aCBwZW9wbGUsIGEgbGFwdG9wLCBhbmQgYWNjZXNzaWJpbGl0eS1pbnNwaXJlZCBpbnRlcmZhY2Ugc2hhcGVzLjwvZGVzYz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYmciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZlOGQyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZWVlNyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ic2NyZWVuIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1M2Q0MSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDVjNjMiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBlcnNvbldhcm0iIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWU5ZjdiIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3NmI0NSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGVyc29uQ29vbCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4MWNmYzUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQ3Mjc3Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIHJ4PSI0OCIgZmlsbD0idXJsKCNiZykiLz4KICA8Y2lyY2xlIGN4PSI5NDUiIGN5PSIxNTUiIHI9IjkwIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjU2Ii8+CiAgPGNpcmNsZSBjeD0iMTgwIiBjeT0iMjEwIiByPSIxMTgiIGZpbGw9IiNmZmY5ZWYiIG9wYWNpdHk9IjAuNzQiLz4KICA8Y2lyY2xlIGN4PSIyNTAiIGN5PSI3MzUiIHI9IjE0NSIgZmlsbD0iI2VhZDdiYiIgb3BhY2l0eT0iMC40OCIvPgogIDxyZWN0IHg9IjI1MCIgeT0iMjEwIiB3aWR0aD0iNzAwIiBoZWlnaHQ9IjQyMCIgcng9IjMyIiBmaWxsPSIjZmNmYWY0IiBzdHJva2U9IiNkOGQxYzMiIHN0cm9rZS13aWR0aD0iNCIvPgogIDxyZWN0IHg9IjMwMCIgeT0iMjU4IiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjMwMCIgcng9IjI0IiBmaWxsPSJ1cmwoI3NjcmVlbikiLz4KICA8cmVjdCB4PSI0MzAiIHk9IjY0NSIgd2lkdGg9IjM0MCIgaGVpZ2h0PSIyNiIgcng9IjEzIiBmaWxsPSIjZDBjOGI4Ii8+CiAgPHJlY3QgeD0iNTIwIiB5PSI2NzEiIHdpZHRoPSIxNjAiIGhlaWdodD0iMzQiIHJ4PSIxNyIgZmlsbD0iI2I4YWU5YiIvPgogIDxyZWN0IHg9IjM1MCIgeT0iMzIwIiB3aWR0aD0iMjMwIiBoZWlnaHQ9IjI2IiByeD0iMTMiIGZpbGw9IiNkOWViZTYiIG9wYWNpdHk9IjAuOSIvPgogIDxyZWN0IHg9IjM1MCIgeT0iMzY1IiB3aWR0aD0iMzQwIiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iIzkzZDVjZSIgb3BhY2l0eT0iMC44OCIvPgogIDxyZWN0IHg9IjM1MCIgeT0iNDAwIiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iIzkzZDVjZSIgb3BhY2l0eT0iMC42MiIvPgogIDxyZWN0IHg9IjM1MCIgeT0iNDUzIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjY4IiByeD0iMjAiIGZpbGw9IiNmNmU4ZDIiLz4KICA8Y2lyY2xlIGN4PSI0MzUiIGN5PSI0ODciIHI9IjIzIiBmaWxsPSIjMGQ1YzYzIi8+CiAgPGNpcmNsZSBjeD0iNzIwIiBjeT0iNDMwIiByPSI3MiIgZmlsbD0iI2RmZjBlZiIgb3BhY2l0eT0iMC45NiIvPgogIDxjaXJjbGUgY3g9IjcyMCIgY3k9IjQwMiIgcj0iMjAiIGZpbGw9IiMwZDVjNjMiLz4KICA8cGF0aCBkPSJNNjk0IDQ1NGM4LTI3IDI2LTQwIDU0LTQwczQ2IDEzIDU0IDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDVjNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogIDxjaXJjbGUgY3g9IjgyMCIgY3k9IjIxNCIgcj0iNzQiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuNzgiLz4KICA8Y2lyY2xlIGN4PSI4MjAiIGN5PSIyMTQiIHI9IjM2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDVjNjMiIHN0cm9rZS13aWR0aD0iMTQiLz4KICA8cGF0aCBkPSJNODIwIDE2NXY5OE03NzEgMjE0aDk4IiBzdHJva2U9IiMwZDVjNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNCIvPgogIDxjaXJjbGUgY3g9IjI4MCIgY3k9IjY0NSIgcj0iNTYiIGZpbGw9IiNmNWVkZTAiLz4KICA8cGF0aCBkPSJNMjUwIDY2OGMxMC0yMCAyOC0zMCA1NC0zMCAyMyAwIDQwIDEwIDQ4IDMwIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDVjNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNSIvPgogIDxjaXJjbGUgY3g9IjI4MCIgY3k9IjYyMCIgcj0iMTciIGZpbGw9IiMwZDVjNjMiLz4KICA8Y2lyY2xlIGN4PSI5MTUiIGN5PSI2NzUiIHI9IjgyIiBmaWxsPSIjZWVmNmY0Ii8+CiAgPGNpcmNsZSBjeD0iOTE1IiBjeT0iNjM4IiByPSIyNCIgZmlsbD0iIzBkNWM2MyIvPgogIDxwYXRoIGQ9Ik04ODIgNzA4YzEwLTI4IDMxLTQzIDYyLTQzIDI5IDAgNTAgMTUgNTkgNDMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBkNWM2MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjE4Ii8+CiAgPGNpcmNsZSBjeD0iNDg1IiBjeT0iNzI2IiByPSI5NiIgZmlsbD0idXJsKCNwZXJzb25XYXJtKSIvPgogIDxjaXJjbGUgY3g9IjQ4NSIgY3k9IjY1NSIgcj0iNDgiIGZpbGw9IiNmZmQyYjUiLz4KICA8cGF0aCBkPSJNNDI5IDc4MmMxNi01NiA1My04NiAxMDktODYgNTIgMCA5MSAzMCAxMDQgODYiIGZpbGw9IiNiZjY1M2YiLz4KICA8Y2lyY2xlIGN4PSI3NDAiIGN5PSI3NDIiIHI9IjExOCIgZmlsbD0idXJsKCNwZXJzb25Db29sKSIvPgogIDxjaXJjbGUgY3g9Ijc0MCIgY3k9IjY1NiIgcj0iNTciIGZpbGw9IiNkN2Y0ZWYiLz4KICA8cGF0aCBkPSJNNjY4IDgxNWMxOS02NiA2NC0xMDMgMTM1LTEwMyA2NSAwIDExMSAzNiAxMjkgMTAzIiBmaWxsPSIjMjQ1ZTYyIi8+CiAgPHBhdGggZD0iTTQ2NiA3MTJsLTQyIDU2IiBzdHJva2U9IiM4NzQ3MmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxOCIvPgogIDxwYXRoIGQ9Ik03NTQgNzEzbDY4IDUyIiBzdHJva2U9IiMxODQ4NGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyMCIvPgogIDxjaXJjbGUgY3g9Ijc0NCIgY3k9IjI5NiIgcj0iMjAiIGZpbGw9IiNmMmM2NjEiLz4KICA8cGF0aCBkPSJNNzM1IDI5Nmw3IDcgMTQtMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE1M2Q0MSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjciLz4KPC9zdmc+Cg==\"\n              alt=\"Illustration of people using an accessibility support tool\"\n            \/>\n            <div class=\"ax-float-card\">\n              <p class=\"ax-overline\">Live on this page<\/p>\n              <p class=\"ax-note\">\n                Open the button in the bottom-right corner any time you want extra reading, visual, audio, or\n                navigation support.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"ax-section\">\n        <div class=\"ax-wrap ax-grid ax-grid--3 ax-steps\">\n          <article class=\"ax-card\">\n            <h2 class=\"ax-subtitle\">Open the button<\/h2>\n            <p class=\"ax-note\">\n              Launch the widget whenever a page feels too dense, too busy, or harder to follow than you want.\n            <\/p>\n          <\/article>\n          <article class=\"ax-card\">\n            <h2 class=\"ax-subtitle\">Choose what helps<\/h2>\n            <p class=\"ax-note\">\n              Turn on only the tools you want, from reading support and clearer focus to calmer motion and stronger\n              contrast.\n            <\/p>\n          <\/article>\n          <article class=\"ax-card\">\n            <h2 class=\"ax-subtitle\">Keep your place<\/h2>\n            <p class=\"ax-note\">\n              Stay with the same page while the widget helps you read, listen, and move around with less effort.\n            <\/p>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section class=\"ax-section ax-section--soft\" id=\"support-options\">\n        <div class=\"ax-wrap ax-grid ax-grid--2\">\n          <article class=\"ax-card ax-card--soft\">\n            <p class=\"ax-overline\">Reading and visuals<\/p>\n            <h2 class=\"ax-subtitle\">Make dense pages calmer and easier to read.<\/h2>\n            <ul class=\"ax-mini-list\">\n              <li>Increase text size, add spacing, and switch to a more readable font.<\/li>\n              <li>Underline links, sharpen contrast, and pick a theme that feels easier on your eyes.<\/li>\n              <li>Use a bigger cursor, stronger focus highlights, and structure guides for clearer orientation.<\/li>\n            <\/ul>\n          <\/article>\n          <article class=\"ax-card\">\n            <p class=\"ax-overline\">Audio and movement<\/p>\n            <h2 class=\"ax-subtitle\">Get support when reading or motion becomes tiring.<\/h2>\n            <ul class=\"ax-mini-list\">\n              <li>Read the page aloud or hear text as you hover.<\/li>\n              <li>Reduce motion, mute page sounds, and use the magnifier for small content.<\/li>\n              <li>Keep moving with keyboard-friendly help when a page feels awkward to navigate.<\/li>\n            <\/ul>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section class=\"ax-section\">\n        <div class=\"ax-wrap ax-demo-grid\">\n          <article class=\"ax-card ax-card--soft\" id=\"widget-demo\" data-accessy-widget-demo=\"1\">\n            <p class=\"ax-overline\">Live widget<\/p>\n            <h2 class=\"ax-subtitle\">Everything here can be tried in the real panel.<\/h2>\n            <p class=\"ax-note\">\n              Open the Accessibility button and turn on whichever helpers make the page feel clearer, calmer, or easier\n              to follow.\n            <\/p>\n            <div class=\"ax-chip-row\">\n              <span class=\"ax-chip\">Text size<\/span>\n              <span class=\"ax-chip\">Spacing<\/span>\n              <span class=\"ax-chip\">Contrast<\/span>\n              <span class=\"ax-chip\">Focus boost<\/span>\n              <span class=\"ax-chip ax-chip--soft\">Read aloud<\/span>\n              <span class=\"ax-chip ax-chip--soft\">Magnifier<\/span>\n            <\/div>\n            <div class=\"ax-kpi\">\n              <div>\n                <strong>Read<\/strong>\n                <span>Adjust size, spacing, links, and font for longer pages.<\/span>\n              <\/div>\n              <div>\n                <strong>Navigate<\/strong>\n                <span>Keep buttons, links, and focus states easier to track.<\/span>\n              <\/div>\n              <div>\n                <strong>Listen<\/strong>\n                <span>Use spoken support when reading starts to feel heavy.<\/span>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ax-card\">\n            <p class=\"ax-overline\">Try first<\/p>\n            <ul class=\"ax-mini-list\">\n              <li>Increase text size on smaller screens or long paragraphs.<\/li>\n              <li>Turn on focus boost when buttons or links are hard to track.<\/li>\n              <li>Reduce motion if animation is pulling your attention away.<\/li>\n              <li>Use read aloud or hover speech when you want the page to help you keep pace.<\/li>\n            <\/ul>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section class=\"ax-section ax-section--ink\">\n        <div class=\"ax-wrap ax-grid ax-grid--2\">\n          <div>\n            <p class=\"ax-overline\">Keep your setup<\/p>\n            <h2 class=\"ax-title ax-title--medium\">Your choices stay with this site.<\/h2>\n            <p class=\"ax-quote\">\n              If you come back later on the same site, the widget remembers the settings you left turned on so you can\n              return to a more comfortable view.\n            <\/p>\n            <p class=\"ax-footer-note\">\n              Use it any time you want stronger readability, calmer motion, clearer focus, or audio support while you\n              browse.\n            <\/p>\n          <\/div>\n          <article class=\"ax-card ax-card--dark\">\n            <p class=\"ax-overline\">Popular support<\/p>\n            <ul class=\"ax-mini-list\">\n              <li>Text size and extra spacing for longer pages<\/li>\n              <li>Contrast, focus boost, and cursor support for clearer orientation<\/li>\n              <li>Read aloud, hover speech, and magnification when reading becomes tiring<\/li>\n              <li>Reduced motion and muted media when pages feel too busy<\/li>\n            <\/ul>\n          <\/article>\n        <\/div>\n      <\/section>\n    <\/main>\n","protected":false},"excerpt":{"rendered":"<p>Widget demo Accessibility help that adapts to the way you browse. Use the Accessibility button on this page to make text easier to read, calm motion, strengthen focus, listen to content, and move through the page with more confidence. Try it on this page See support options Live on this page Open the button in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":17,"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/condescending-sinoussi.91-107-239-77.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}