{"id":1461,"date":"2023-03-08T01:08:28","date_gmt":"2023-03-08T00:08:28","guid":{"rendered":"https:\/\/torino.wordcamp.org\/2023\/?post_type=wcb_session&#038;p=1461"},"modified":"2023-05-02T21:01:08","modified_gmt":"2023-05-02T19:01:08","slug":"tipografia-fluida-accessibile-nelleditor-a-blocchi","status":"publish","type":"wcb_session","link":"https:\/\/torino.wordcamp.org\/2023\/session\/tipografia-fluida-accessibile-nelleditor-a-blocchi\/","title":{"rendered":"Tipografia fluida accessibile nell&#8217;editor a blocchi"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Dal 2022, con il rilascio di Gutenberg 13.8 e WordPress 6.1, l&#8217;editor a blocchi supporta la tipografia fluida. Parlando di responsive design, la tipografia fluida \u00e8 un&#8217;alternativa alle tradizionali media query per ridimensionare il testo con la dimensione dello schermo: quando si usano le media query, la dimensione del carattere cambia in corrispondenza di specifici breakpoint; quando si usa la tipografia fluida, la dimensione del testo cresce invece uniformemente, rendendola adatta a tutti i dispositivi, indipendentemente dalle dimensioni dei loro schermi.<br> Anche se la tipografia fluida \u00e8 una tecnica conosciuta da anni, la sua adozione non \u00e8 ancora cos\u00ec diffusa anche a causa dei problemi di accessibilit\u00e0 che pu\u00f2 causare. Per le persone con ipovisione, \u00e8 essenziale poter ridimensionare il testo; la tipografia fluida per\u00f2, se applicata senza precauzioni, pu\u00f2 invece rendere difficile o addirittura impossibile aumentare le dimensioni del carattere a sufficienza da poter soddisfare il criterio di successo 1.4.4. delle Linee guida per l&#8217;accessibilit\u00e0 dei contenuti web (WCAG).<br> In realt\u00e0, questo medesimo criterio di successo (e un po&#8217; di matematica) ci possono guidare nel capire se la scala tipografica che stiamo progettando \u00e8 accessibile, prima ancora di costruire un sito e testarlo. Durante la presentazione, scopriremo cos&#8217;\u00e8 la tipografia fluida e come funziona, come fare in modo che sia accessibile e come utilizzarla in modo accessibile nell&#8217;editor a blocchi.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wordpress-tv wp-block-embed-wordpress-tv wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='500' height='281' src='https:\/\/video.wordpress.com\/embed\/nHshvz10?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c020569f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\"><figure style=\"width:96px;height:96px;\" class=\"alignleft is-style-rounded wp-block-wordcamp-avatar\"><img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/579dd4ec4c6ae3ec190b42bf2a41a6c061a979cc77022cdbe0c925467241b507?s=96&amp;d=mm&amp;r=g\" alt=\"Stefano Minoia\" \/><\/figure>\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__byline\">Presentato da<\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/torino.wordcamp.org\/2023\/speaker\/stefano-minoia\/\">Stefano Minoia<\/a><\/span><\/div><\/div>\n\n\n<div class=\"taxonomy-wcb_session_category has-text-align-left wp-block-post-terms\"><span class=\"wp-block-post-terms__prefix\">Argomento: <\/span><a href=\"https:\/\/torino.wordcamp.org\/2023\/session-category\/sviluppo\/\" rel=\"tag\">Sviluppo<\/a><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dal 2022, con il rilascio di Gutenberg 13.8 e WordPress 6.1, l&#8217;editor a blocchi supporta la tipografia fluida. Parlando di responsive design, la tipografia fluida \u00e8 un&#8217;alternativa alle tradizionali media query per ridimensionare il testo con la dimensione dello schermo: quando si usano le media query, la dimensione del carattere cambia in corrispondenza di specifici [&hellip;]<\/p>\n","protected":false},"author":16073704,"featured_media":0,"template":"","meta":{"_wcpt_session_time":1681564500,"_wcpt_session_duration":1800,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/torino.wordcamp.org\/2023\/files\/2023\/04\/Minoia-Stefano-Tipografia-fluida-accessibile-editor-blocchi-WCTRN23.pdf","_wcpt_session_video":"https:\/\/wordpress.tv\/2023\/04\/27\/tipografia-fluida-accessibile-nelleditor-a-blocchi\/","_wcpt_speaker_id":[1460],"footnotes":""},"session_track":[39],"session_category":[35],"class_list":["post-1461","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-traccia-2","wcb_session_category-sviluppo"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"15 Aprile 2023","time":"15:15"},"session_speakers":[{"id":"1460","slug":"stefano-minoia","name":"Stefano Minoia","link":"https:\/\/torino.wordcamp.org\/2023\/speaker\/stefano-minoia\/"}],"session_cats_rendered":"Sviluppo","_links":{"self":[{"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/sessions\/1461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/sessions\/1461\/revisions"}],"predecessor-version":[{"id":6212,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/sessions\/1461\/revisions\/6212"}],"speakers":[{"embeddable":true,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/speakers\/1460"}],"author":[{"embeddable":true,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wporg\/v1\/users\/ryokuhi"}],"wp:attachment":[{"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/media?parent=1461"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/session_track?post=1461"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/torino.wordcamp.org\/2023\/wp-json\/wp\/v2\/session_category?post=1461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}