{"id":93791,"date":"2026-07-17T10:33:09","date_gmt":"2026-07-17T05:03:09","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/accessible-portfolio\/"},"modified":"2026-09-25T07:38:33","modified_gmt":"2026-09-25T02:08:33","slug":"accessible-portfolio","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/","title":{"rendered":"Accessible Portfolio"},"content":{"rendered":"<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<style>\n.anap-note{--n:#6D28D9;display:flex;gap:1rem;align-items:flex-start;max-width:840px;margin:3rem auto;padding:1.5rem 1.7rem;background:linear-gradient(180deg,#f7f5ff,#fbfaff);border:1px solid #ece7fb;border-left:4px solid var(--n);border-radius:14px;box-shadow:0 8px 24px rgba(14,27,54,.06)}\n.anap-note svg{flex:none;width:26px;height:26px;color:var(--n);margin-top:3px}\n.anap-note p{margin:0;font-size:1.02rem;line-height:1.65;color:#2B3B57}\n.anap-note strong{color:#0E1B36}\n@media(max-width:600px){.anap-note{margin:2rem auto;padding:1.15rem 1.2rem;gap:.7rem}}\n<\/style>\n<div class=\"anap-note\">\n<svg 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=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n<p><strong>Tout ce qui pr\u00e9c\u00e8de est en direct.<\/strong> Le mur est constitu\u00e9 de vos propres \u00e9tudes de cas (un vrai type de contenu avec cat\u00e9gories, \u00e9tiquettes et d\u00e9tails de projet\u00a0: client, date, outils, URL) affich\u00e9es par le bloc Accessible Portfolio. Le filtre par cat\u00e9gorie, le commutateur Grille \/ Liste et la pagination viennent tous de l\u2019extension, ils fonctionnent donc avec n\u2019importe quel th\u00e8me, et chaque carte est un vrai contenu, rien n\u2019est cod\u00e9 en dur. Ce qui suit est du contenu de page ordinaire\u00a0: vous pouvez donc placer le m\u00eame bloc o\u00f9 vous voulez.<\/p>\n<\/div>\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Le bloc, avec les d\u00e9tails du projet<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les m\u00eames \u00e9tudes de cas avec le bloc Accessible Portfolio, en disposition liste, avec le client, la date d\u2019ach\u00e8vement et le lien vers le site en ligne activ\u00e9s\u00a0: chaque champ est un simple interrupteur.<\/p>\n\n\n<div class=\"wp-block-anap-portfolio\"><div class=\"anap-portfolio\" id=\"anap-list-1\"><ul class=\"anap-embed anap-layout-list\" style=\"--anap-cols:3\"><li><article class=\"anap-card\"><div class=\"anap-media\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Culture Row \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h2 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/culture-row\/\">Culture Row<\/a><\/h2><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/media\/\" rel=\"tag\">M\u00e9dias<\/a><\/p><ul class=\"anap-tags\" aria-label=\"Tags\"><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-tag\/audit\/\" rel=\"tag\">Audit<\/a><\/li><\/ul><p class=\"anap-excerpt\">Une phototh\u00e8que dot\u00e9e de textes alternatifs pertinents.<\/p><p class=\"anap-meta\"><span><strong>Client:<\/strong> Culture Row<\/span><span><strong>Completed:<\/strong> novembre 2024<\/span><span><strong>Live site:<\/strong> <a href=\"https:\/\/example.com\/\" rel=\"nofollow noopener\" target=\"_blank\">example.com<span class=\"screen-reader-text\"> (external link)<\/span><\/a><\/span><\/p><\/div><\/article><\/li><li><article class=\"anap-card\"><div class=\"anap-media\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Daily Meridian \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h2 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/daily-meridian\/\">Daily Meridian<\/a><\/h2><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/media\/\" rel=\"tag\">M\u00e9dias<\/a><\/p><ul class=\"anap-tags\" aria-label=\"Tags\"><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-tag\/remediation\/\" rel=\"tag\">Rem\u00e9diation<\/a><\/li><\/ul><p class=\"anap-excerpt\">Des articles qui restent lisibles avec un zoom de navigateur \u00e0 400\u00a0%.<\/p><p class=\"anap-meta\"><span><strong>Client:<\/strong> Daily Meridian<\/span><span><strong>Completed:<\/strong> d\u00e9cembre 2024<\/span><span><strong>Live site:<\/strong> <a href=\"https:\/\/example.com\/\" rel=\"nofollow noopener\" target=\"_blank\">example.com<span class=\"screen-reader-text\"> (external link)<\/span><\/a><\/span><\/p><\/div><\/article><\/li><li><article class=\"anap-card\"><div class=\"anap-media\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"TaskHarbor \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h2 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/taskharbor\/\">TaskHarbor<\/a><\/h2><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/saas\/\" rel=\"tag\">SaaS<\/a><\/p><ul class=\"anap-tags\" aria-label=\"Tags\"><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-tag\/audit\/\" rel=\"tag\">Audit<\/a><\/li><\/ul><p class=\"anap-excerpt\">Des tableaux de bord au focus visible pour les utilisateurs avanc\u00e9s du clavier.<\/p><p class=\"anap-meta\"><span><strong>Client:<\/strong> TaskHarbor<\/span><span><strong>Completed:<\/strong> janvier 2025<\/span><span><strong>Live site:<\/strong> <a href=\"https:\/\/example.com\/\" rel=\"nofollow noopener\" target=\"_blank\">example.com<span class=\"screen-reader-text\"> (external link)<\/span><\/a><\/span><\/p><\/div><\/article><\/li><\/ul><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Un code court, n\u2019importe quelle page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pas d\u2019\u00e9diteur de blocs\u00a0? Le m\u00eame moteur de rendu r\u00e9pond \u00e0 un code court\u00a0: collez-le n\u2019importe o\u00f9, y compris dans les widgets et les constructeurs de pages\u00a0:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;accessible_portfolio layout=\"grid\" columns=\"3\" count=\"6\" category=\"healthcare\" show_client=\"yes\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Con\u00e7u pour \u00eatre accessible, comme tout ce qui se trouve ici<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un HTML simple et s\u00e9mantique\u00a0: pas de lightbox, pas d\u2019Isotope, aucune interaction r\u00e9serv\u00e9e au survol.<\/li>\n\n\n\n<li>Les URL des projets sont annonc\u00e9es aux lecteurs d\u2019\u00e9cran comme des liens externes.<\/li>\n\n\n\n<li>Des titres au niveau de votre choix, pour que le bloc s\u2019int\u00e8gre dans n\u2019importe quel plan de page.<\/li>\n\n\n\n<li>Une disposition en carrousel est aussi disponible, propuls\u00e9e par notre extension Accessible Carousel\u00a0: sans d\u00e9filement automatique, avec de vrais boutons de commande.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Obtenir l\u2019extension<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gratuite sur WordPress.org, par le cr\u00e9ateur des extensions Accessible Carousel, Login et Forms. Vos entr\u00e9es sont du contenu WordPress ordinaire\u00a0: l\u2019extension ne les supprime jamais.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/ananyoo-accessible-portfolio\/\" target=\"_blank\" rel=\"noopener\">Obtenir Accessible Portfolio (gratuit)<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/cityserve-portal\/\">Lire une \u00e9tude de cas compl\u00e8te<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9mo en direct &middot; Accessible Portfolio, con\u00e7u pour l\u2019accessibilit\u00e9 &middot; des \u00e9tudes de cas avec cat\u00e9gories, \u00e9tiquettes et d\u00e9tails de projet, pr\u00e9sent\u00e9es gr\u00e2ce \u00e0 son propre bloc.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-portfolio","meta":{"footnotes":""},"class_list":["post-93791","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/93791","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=93791"}],"version-history":[{"count":5,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/93791\/revisions"}],"predecessor-version":[{"id":94621,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/93791\/revisions\/94621"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=93791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}