{"id":92155,"date":"2026-07-13T09:17:59","date_gmt":"2026-07-13T03:47:59","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/patterns\/portfolio-carousel\/"},"modified":"2026-09-25T07:50:02","modified_gmt":"2026-09-25T02:20:02","slug":"portfolio-carousel","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/patterns\/portfolio-carousel\/","title":{"rendered":"Portfolio - carrousel \u00e0 la une"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Une vitrine tournante des projets r\u00e9cents au-dessus d\u2019une grille \u00e0 trois colonnes - le carrousel utilise Accessible Carousel lorsqu\u2019il est actif et, sinon, bascule \u00e9l\u00e9gamment sur une grille. Interroge le vrai portfolio en direct - la pr\u00e9sentation par d\u00e9faut avec mur de filtres se trouve sur la page Portfolio elle-m\u00eame.<\/p><h2 class=\"wp-block-heading\">D\u00e9mo en direct<\/h2>\n<div class=\"wp-block-group ariade-pf-car has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-anap-portfolio\"><section class=\"anap-carousel aac-carousel aac-layout-card aac-anim-slide\" data-aac data-autoplay=\"false\" 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\" aria-roledescription=\"carousel\" aria-label=\"Portfolio carousel\"><ul class=\"aac-carousel__track\"><li class=\"aac-slide\"><img class=\"aac-slide__bg\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-culture-row.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><div class=\"aac-slide__box aac-slide__box--left\" style=\"background-color:#10151c;color:#ffffff;\"><h3 class=\"aac-slide__heading\">Culture Row<\/h3><p class=\"aac-slide__text\">Une phototh\u00e8que dot\u00e9e de textes alternatifs pertinents.<\/p><a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--m\" href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/culture-row\/\">View case study<span class=\"aac-visually-hidden\">: Culture Row<\/span><\/a><\/div><\/li><li class=\"aac-slide\"><img class=\"aac-slide__bg\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-daily-meridian.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><div class=\"aac-slide__box aac-slide__box--left\" style=\"background-color:#10151c;color:#ffffff;\"><h3 class=\"aac-slide__heading\">Daily Meridian<\/h3><p class=\"aac-slide__text\">Des articles qui restent lisibles avec un zoom de navigateur \u00e0 400\u00a0%.<\/p><a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--m\" href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/daily-meridian\/\">View case study<span class=\"aac-visually-hidden\">: Daily Meridian<\/span><\/a><\/div><\/li><li class=\"aac-slide\"><img class=\"aac-slide__bg\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-taskharbor.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><div class=\"aac-slide__box aac-slide__box--left\" style=\"background-color:#10151c;color:#ffffff;\"><h3 class=\"aac-slide__heading\">TaskHarbor<\/h3><p class=\"aac-slide__text\">Des tableaux de bord au focus visible pour les utilisateurs avanc\u00e9s du clavier.<\/p><a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--m\" href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/taskharbor\/\">View case study<span class=\"aac-visually-hidden\">: TaskHarbor<\/span><\/a><\/div><\/li><li class=\"aac-slide\"><img class=\"aac-slide__bg\" src=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-formaflow.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><div class=\"aac-slide__box aac-slide__box--left\" style=\"background-color:#10151c;color:#ffffff;\"><h3 class=\"aac-slide__heading\">Formaflow<\/h3><p class=\"aac-slide__text\">Chaque champ de formulaire est \u00e9tiquet\u00e9\u00a0; les erreurs sont annonc\u00e9es et reli\u00e9es aux champs.<\/p><a class=\"aac-slide__btn aac-slide__btn--rounded aac-slide__btn--m\" href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/formaflow\/\">View case study<span class=\"aac-visually-hidden\">: Formaflow<\/span><\/a><\/div><\/li><\/ul><p class=\"aac-carousel__status aac-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"><\/p><\/section><\/div>\n<h2 class=\"wp-block-heading\">Autres contenus du studio<\/h2>\n<div class=\"wp-block-anap-portfolio\"><div class=\"anap-portfolio\" id=\"anap-list-2\"><ul class=\"anap-embed anap-layout-grid\" 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\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/culture-row\/\">Culture Row<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/media\/\" rel=\"tag\">M\u00e9dias<\/a><\/p><p class=\"anap-excerpt\">Une phototh\u00e8que dot\u00e9e de textes alternatifs pertinents.<\/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\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/daily-meridian\/\">Daily Meridian<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/media\/\" rel=\"tag\">M\u00e9dias<\/a><\/p><p class=\"anap-excerpt\">Des articles qui restent lisibles avec un zoom de navigateur \u00e0 400\u00a0%.<\/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\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/taskharbor\/\">TaskHarbor<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/saas\/\" rel=\"tag\">SaaS<\/a><\/p><p class=\"anap-excerpt\">Des tableaux de bord au focus visible pour les utilisateurs avanc\u00e9s du clavier.<\/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-formaflow-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Formaflow \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-formaflow-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-formaflow-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-formaflow-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-formaflow.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/formaflow\/\">Formaflow<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/saas\/\" rel=\"tag\">SaaS<\/a><\/p><p class=\"anap-excerpt\">Chaque champ de formulaire est \u00e9tiquet\u00e9\u00a0; les erreurs sont annonc\u00e9es et reli\u00e9es aux champs.<\/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-sightfirst-trust-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"SightFirst Trust \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-sightfirst-trust-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-sightfirst-trust-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-sightfirst-trust-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-sightfirst-trust.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/sightfirst-trust\/\">SightFirst Trust<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/nonprofit\/\" rel=\"tag\">Associations<\/a><\/p><p class=\"anap-excerpt\">Syst\u00e8me de design et mod\u00e8les pens\u00e9s d\u2019abord pour la basse vision.<\/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-openhands-foundation-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"OpenHands Foundation \u2014 project mockup\" srcset=\"https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-openhands-foundation-768x576.webp 768w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-openhands-foundation-600x450.webp 600w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-openhands-foundation-300x225.webp 300w, https:\/\/showcase.ananyoo.com\/wp-content\/uploads\/2026\/07\/ariade-pf-openhands-foundation.webp 900w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div><div class=\"anap-body\"><h3 class=\"anap-title\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio\/openhands-foundation\/\">OpenHands Foundation<\/a><\/h3><p class=\"anap-cat\"><a href=\"https:\/\/showcase.ananyoo.com\/fr\/accessible-portfolio-category\/nonprofit\/\" rel=\"tag\">Associations<\/a><\/p><p class=\"anap-excerpt\">Site multilingue test\u00e9 avec de vrais utilisateurs de technologies d\u2019assistance.<\/p><\/div><\/article><\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Le portfolio en vitrine \u00e0 carrousel, en direct.<\/p>","protected":false},"author":1,"featured_media":0,"parent":91340,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-92155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/92155","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=92155"}],"version-history":[{"count":3,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/92155\/revisions"}],"predecessor-version":[{"id":94671,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/92155\/revisions\/94671"}],"up":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91340"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=92155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}