{"id":2014,"date":"2019-05-07T12:18:48","date_gmt":"2019-05-07T18:18:48","guid":{"rendered":"http:\/\/www.boisestate.edu\/webguide\/?page_id=2014"},"modified":"2026-08-18T12:44:03","modified_gmt":"2026-08-18T18:44:03","slug":"accessible-theme-blocks","status":"publish","type":"page","link":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/","title":{"rendered":"Recommendations for accessible theme blocks"},"content":{"rendered":"\n<h2 id=\"h-using-blocks\" class=\"wp-block-heading\">Using blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Theme Blocks provide a way to easily publish pre-formatted content on your pages. There are currently 19 theme blocks available in the Boise State University WordPress theme: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>One (1) is for section navigation<\/li>\n\n\n\n<li>Four (4) are considered &#8220;do not use&#8221;<\/li>\n\n\n\n<li>The remaining fifteen (15) are available for page design and layout<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Different fields in the theme blocks create headings on the page for users to better navigate your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We recommend the following tips to structure your theme block content using the <strong>default template<\/strong>. These recommendations also apply to other templates but vary slightly on the theme blocks template. For more details about using the <strong>Theme Blocks template<\/strong>, please see <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/page-templates\/\">Page Templates<\/a> to review our recommendations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We provide tips in parentheses about how the content appears on the page for end users. For example, as a heading (h2) or hyperlink (link). This can help you review the accessibility of your content. We also provide links to additional resources on how to configure theme blocks and follow best practices for design.<\/p>\n\n\n\n<h3 id=\"h-demonstration-only\" class=\"wp-block-heading\">Demonstration only<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This page is for demonstration purposes only. Contact the OIT Web Accessibility Team at <a href=\"mailto:OITAccessibility@boisestate.edu\">OITAccessibility@boisestate.edu<\/a> if you have any questions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Section Navigation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Section Navigation theme block can be added to the top of your page. Please review the  <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/section-navigation-in-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Section Navigation<\/a> page for details on configuring this block.<\/p>\n\n\n\n<h2 id=\"h-do-not-use\" class=\"wp-block-heading\">Do not use<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The following are theme blocks that are considered <strong>Do Not Use<\/strong> for page design:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Categories<\/li>\n\n\n\n<li>Tags<\/li>\n\n\n\n<li>Event Categories<\/li>\n\n\n\n<li>Hero<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, use the following 15 theme blocks to design and layout content on your pages.<\/p>\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--cardgrid top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"cardgrid\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t\t<div class=\"l-content--outer\">\n\t\t<div class=\"l-content--inner site-panel--cardgrid--inline l-container--inner\">\n\n\t\n            <header class=\"s-header \">\n\n            <span class=\"s-subtitle\">Optional Accent Title<\/span>\n\n            \n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\t1. Card Grid Theme Block Title (h2)\n\n<\/h2>\n\n                            \n<div class=\"site-panel__description s-desc t-content\" >\n\t<p><a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/\/wordpress-blocks\/card-grid-block\/\" target=\"_blank\" rel=\"noopener\">Card Grid Block<\/a> Description content goes here. Keep text content brief.<\/p>\n<p>Card Grid Titles are heading level 3 and any links provided in the card grid label must be unique. For example, using &#8220;learn more&#8221; as all card labels creates accessibility errors on every card. You can also leave the label field blank.<\/p>\n<p>Add images to cards or select stroke or fill options in the settings. Additionally, adjust card layout, color, and padding in the settings.<\/p>\n\n<\/div>\n\n            \n        <\/header>\n    \n\n\t\n    <div class=\"s-content\">\n        <div class=\"g-row g-row--col-2 g-row--col-2--min-full\"\n             data-depth=\"0\"\n             data-name=\"cards\"\n             data-livetext>\n\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card c-card--blue\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow c-card__icon--arrow--white\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tCard Title (h3)\n\n<\/h3>\n            \n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card c-card--blue\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow c-card__icon--arrow--white\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tCard Title (h3)\n\n<\/h3>\n            \n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card c-card--blue\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow c-card__icon--arrow--white\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tCard Title (h3)\n\n<\/h3>\n            \n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card c-card--blue\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow c-card__icon--arrow--white\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tCard Title (h3)\n\n<\/h3>\n            \n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n            \n        <\/div>\n    <\/div>\n\n\n\t\t\t\t\n\t\t<\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--wysiwyg top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"wysiwyg\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"panel-wysiwyg--3col option_inline top-padding--add_padding bottom-padding--add_padding\">\n    \n\t\t\t\t\t\t<div class=\"l-content--outer\">\n\t\t\t\t<header class=\"s-header l-content--inner\">\n\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\t2. Content Columns Theme Block Title (h2)\n\n<\/h2>\n\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__description s-desc t-content\" >\n\t<p>Content goes here. We <strong>do not recommend<\/strong> using additional heading levels here. Keep content brief. You can add column borders in the settings.<\/p>\n<p>Add up to three columns of content. Turn column boarders on or off and adjust padding in the block settings.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/header>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"l-container--thin\">\n\t\t\t<div class=\"s-content l-container--inner--no-padding\">\n\t\t\t\t<div class=\"g-row g-row--panel-3col\"\n\t\t\t\t\tdata-depth=\"0\"\n\t\t\t\t\tdata-name=\"columns\"\n\t\t\t\t\tdata-livetext>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content g-col--border\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"0\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3>Column One Heading (h3)<\/h3>\n<p>We recommend using a brief heading at the beginning of each column to help with accessibility and navigation.<\/p>\n<ul>\n<li>Any links in the <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/content-columns-block\/\" target=\"_blank\" rel=\"noopener\">Content Columns Theme Block<\/a> must be unique to avoid accessibility errors.<\/li>\n<li>Images must have a brief alternative description to describe purpose and function.<\/li>\n<li>If images are purely decorative, leave both title and alternative text fields blank.<\/li>\n<\/ul>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content g-col--border\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"1\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3>Column Two Heading (h3)<\/h3>\n<p>We recommend using a brief heading at the beginning of each column to help with accessibility and navigation.<\/p>\n<ul>\n<li>Any links in the Content Columns theme block must be unique to avoid accessibility errors.<\/li>\n<li>Images must have a brief alternative description to describe purpose and function.<\/li>\n<li>If images are purely decorative, leave both title and alternative text fields blank.<\/li>\n<\/ul>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content g-col--border\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"2\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3>Column Three Heading (h3)<\/h3>\n<p>We recommend using a brief heading at the beginning of each column to help with accessibility and navigation.<\/p>\n<ul>\n<li>Any links in the Content Columns theme block must be unique to avoid accessibility errors.<\/li>\n<li>Images must have a brief alternative description to describe purpose and function.<\/li>\n<li>If images are purely decorative, leave both title and alternative text fields blank.<\/li>\n<\/ul>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n    \n\t\t\t\t\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--countdown top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"countdown\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"l-content--outer\">\n\t<div class=\"l-content--inner\">\n\t\n\t\t\t\t\n\t\t\t<div class=\"countdown-section\">\n\n\t\t\t\t<div class=\"countdown-section__title\">\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title s-title h2\"\n\t\t>\n\n\t3. Countdown Theme Block Title (h2)\n\n<\/h2>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"countdown-section__timer\" data-js=\"countdown-clock\" data-target-date=\"2026-12-31\" data-target-time=\"08:00\">\n\t\t\t\t\t<div class=\"countdown-section__timer-contain\">\n\t\t\t\t\t\t<div class=\"countdown-section__item\">\n\t\t\t\t\t\t\t<div class=\"countdown-section__days\">0<\/div>\n\t\t\t\t\t\t\t<div class=\"countdown-section__format\">Days<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"countdown-section__item\">\n\t\t\t\t\t\t\t<div class=\"countdown-section__hours\">0<\/div>\n\t\t\t\t\t\t\t<div class=\"countdown-section__format\">Hours<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"countdown-section__item\">\n\t\t\t\t\t\t\t<div class=\"countdown-section__minutes\">0<\/div>\n\t\t\t\t\t\t\t<div class=\"countdown-section__format\">Minutes<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"countdown-section__item\">\n\t\t\t\t\t\t\t<div class=\"countdown-section__seconds\">0<\/div>\n\t\t\t\t\t\t\t<div class=\"countdown-section__format\">Seconds<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"countdown-section__complete t-content\">\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"countdown-section__accent\">\n\t\t\t\t\t<span class=\"s-subtitle\">Optional Accent Title (not a heading)<\/span>\n\n\t\t\t\t\t<div class=\"countdown-section__link countdown-section__link--desktop\">\n\t\t\t\t\t\t\n<a class=\" c-btn\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/countdown-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label link text for Countdown theme block should be unique and descriptive<\/span>\n\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\n\t\n\t\t\t<div class=\"countdown-section__description\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__description s-desc t-content\" >\n\t<p>Content goes here. We <strong>do not recommend<\/strong> adding additional heading levels here. Keep text content brief and include the date for the countdown either here, in the title, or the accent title. You also can include a Countdown Complete Description for when your countdown is over.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"countdown-section__link countdown-section__link--mobile t-content\">\n\t\t\t\t\n<a class=\" c-btn\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/countdown-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label link text for Countdown theme block should be unique and descriptive<\/span>\n\t<\/a>\n\n\t\t\t<\/div>\n\t\t\t\t\t<\/div><!-- end .countdown-section -->\n\n\t\n\t\t\t\t\n\t\t<\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--events_feed top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"events_feed\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t\t<div class=\"l-container l-container--thin\">\n\n\t\n\t\t\t<header class=\"s-header s-header--panel\">\n\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title site-panel__title--black h2\"\n\t\t>\n\n\t4. Events Feed Theme Block Title (h2)\n\n<\/h2>\n\n\t\t\t<div class=\"site-panel__description site-panel__descripton--left s-desc t-content\">\n\t\t\t\t<div>\n\t\t\t\t\t\n<div class=\"\" >\n\t<p>Content goes here. We <strong>do not recommend<\/strong> adding additional heading levels here. Keep text content brief. If adding featured images to the original event posts, include alternative text describing the event, not the image.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"panel-events__all panel-events__all--desktop t-content\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/events-block\/\" target=\"\">Label link text for Event Feed theme block should be unique and descriptive (Required)<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"panel-events__all t-content\">\n\t\t\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/events-block\/\" target=\"\">Label link text for Event Feed theme block should be unique and descriptive (Required)<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/header>\n\t\n\n\t\n\t\t\t<div class=\"s-content\">\n\t\t\t<div class=\"panel-events__feature-container\"\n\t\t\t\t\tdata-depth=\"0\"\n\t\t\t\t\tdata-name=\"posts\"\n\t\t\t\t\tdata-livetext>\n\t\t\t\t\t<div data-js=\"c-slider-events\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-wrapper g-row g-row--col-2--min-medium g-row--col-3--min-full panel-events__features\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide g-col\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"c-card c-card__color c-card__color--orange\">\n\n\t\t\t<a href=\"https:\/\/events.boisestate.edu\/event\/introduction-to-wordpress-at-boise-state-3922\" class=\"c-card__link-wrap\"><span class=\"u-visual-hide\">\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 3, 2026: Introduction to WordPress at Boise State\n\n<\/h3><\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n        \n                            <div class=\"c-card__content-inner\"><div class=\"c-card__content-date\"><\/div>\n            \n                            <div class=\"c-card__content-info\"><div class=\"c-card__content-cat\"><\/div>\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 3, 2026: Introduction to WordPress at Boise State\n\n<\/h3><\/div>\n            \n                            <\/div>\n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide g-col\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"c-card c-card__color c-card__color--orange\">\n\n\t\t\t<a href=\"https:\/\/events.boisestate.edu\/event\/create-accessible-documents-for-the-web-5705\" class=\"c-card__link-wrap\"><span class=\"u-visual-hide\">\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 4, 2026: Create Accessible Documents for the Web\n\n<\/h3><\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n        \n                            <div class=\"c-card__content-inner\"><div class=\"c-card__content-date\"><\/div>\n            \n                            <div class=\"c-card__content-info\"><div class=\"c-card__content-cat\"><\/div>\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 4, 2026: Create Accessible Documents for the Web\n\n<\/h3><\/div>\n            \n                            <\/div>\n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide g-col\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"c-card c-card__color c-card__color--orange\">\n\n\t\t\t<a href=\"https:\/\/events.boisestate.edu\/event\/pdf-accessibility-lab-practical-skills-for-university-and-federal-compliance\" class=\"c-card__link-wrap\"><span class=\"u-visual-hide\">\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 17, 2026: PDF Accessibility Lab: Practical Skills for University and Federal Compliance\n\n<\/h3><\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n        \n                            <div class=\"c-card__content-inner\"><div class=\"c-card__content-date\"><\/div>\n            \n                            <div class=\"c-card__content-info\"><div class=\"c-card__content-cat\"><\/div>\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 17, 2026: PDF Accessibility Lab: Practical Skills for University and Federal Compliance\n\n<\/h3><\/div>\n            \n                            <\/div>\n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide g-col\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"c-card c-card__color c-card__color--orange\">\n\n\t\t\t<a href=\"https:\/\/events.boisestate.edu\/event\/gravity-forms-basics-9441\" class=\"c-card__link-wrap\"><span class=\"u-visual-hide\">\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 18, 2026: Gravity Forms Basics\n\n<\/h3><\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n        \n                            <div class=\"c-card__content-inner\"><div class=\"c-card__content-date\"><\/div>\n            \n                            <div class=\"c-card__content-info\"><div class=\"c-card__content-cat\"><\/div>\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNov 18, 2026: Gravity Forms Basics\n\n<\/h3><\/div>\n            \n                            <\/div>\n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide g-col\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"c-card c-card__color c-card__color--orange\">\n\n\t\t\t<a href=\"https:\/\/events.boisestate.edu\/event\/web-accessibility-at-boise-state-2079\" class=\"c-card__link-wrap\"><span class=\"u-visual-hide\">\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tDec 1, 2026: Web Accessibility at Boise State\n\n<\/h3><\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n        \n                            <div class=\"c-card__content-inner\"><div class=\"c-card__content-date\"><\/div>\n            \n                            <div class=\"c-card__content-info\"><div class=\"c-card__content-cat\"><\/div>\n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tDec 1, 2026: Web Accessibility at Boise State\n\n<\/h3><\/div>\n            \n                            <\/div>\n            \n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--faqs top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"faqs\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"l-content--outer\">\n    <div class=\"l-content--inner\">\n        \n\t\n\t\t\t\t\t<header class=\"s-header\">\n\n                \n\n\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title s-title h2\"\n\t\t>\n\n\t5. FAQs  Theme Block Title (h2)\n\n<\/h2>\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/header>\n\t\t\n\t\n\t\n            <div class=\"faq\">\n                <div class=\"faq__content l-weighted-right\">\n                    <div class=\"faq__sidebar\">\n\n                        <form class=\"faq__search\" role=\"search\" aria-label=\"Filter List Form\">\n                            <label for=\"\" class=\"u-visual-hide\">Search<\/label>\n                            <input class=\"faq__search-input\" type=\"text\" name=\"src\" placeholder=\"Optional - Change Placeholder Text\"\n                                   aria-label=\"Search 5. FAQs  Theme Block Title (h2)\" id=\"\">\n                            <button class=\"faq__search-submit\" type=\"submit\" name=\"faq__search-submit\"\n                                    aria-label=\"filter list submit button\">\n                                <i class=\"icon icon-search-thick\"><\/i>\n                            <\/button>\n                        <\/form>\n\n                                                    <div class=\"form-field-group\">\n                                <label class=\"form-control-label u-visual-hide\" for=\"faq__select\">Jump To\n                                    Section<\/label>\n                                <div class=\"form-control-select\">\n                                    <select name=\"faq__select\" class=\"faq__select\" id=\"faq__select\">\n                                        <option value=\"\" hidden=\"\" disabled=\"disabled\" selected=\"selected\">Jump To\n                                            Section\n                                        <\/option>\n                                                                                    <option data-section-location=\"Headings - Section Title (h3)\">Headings &#8211; Section Title (h3)<\/option>\n                                                                                    <option data-section-location=\"Links - Section Title (h3)\">Links &#8211; Section Title (h3)<\/option>\n                                                                                    <option data-section-location=\"Images - Section Title (h3)\">Images &#8211; Section Title (h3)<\/option>\n                                                                                    <option data-section-location=\"Tables - Section Title (h3)\">Tables &#8211; Section Title (h3)<\/option>\n                                                                                    <option data-section-location=\"Using Multiple Theme Blocks - Section 4 Title (h3)\">Using Multiple Theme Blocks &#8211; Section 4 Title (h3)<\/option>\n                                                                            <\/select>\n                                <\/div>\n                            <\/div>\n\n                            <nav class=\"sidebar-tertiary\" aria-label=\"In this section\">\n                                <h2 class=\"sidebar-tertiary__hdg\">Jump to section:<\/h2>\n                                <ul class=\"sidebar-tertiary__list\">\n                                                                            <li>\n                                            <a href=\"#\"\n                                               data-section-location=\"Headings - Section Title (h3)\">Headings &#8211; Section Title (h3)<\/a>\n                                        <\/li>\n                                                                            <li>\n                                            <a href=\"#\"\n                                               data-section-location=\"Links - Section Title (h3)\">Links &#8211; Section Title (h3)<\/a>\n                                        <\/li>\n                                                                            <li>\n                                            <a href=\"#\"\n                                               data-section-location=\"Images - Section Title (h3)\">Images &#8211; Section Title (h3)<\/a>\n                                        <\/li>\n                                                                            <li>\n                                            <a href=\"#\"\n                                               data-section-location=\"Tables - Section Title (h3)\">Tables &#8211; Section Title (h3)<\/a>\n                                        <\/li>\n                                                                            <li>\n                                            <a href=\"#\"\n                                               data-section-location=\"Using Multiple Theme Blocks - Section 4 Title (h3)\">Using Multiple Theme Blocks &#8211; Section 4 Title (h3)<\/a>\n                                        <\/li>\n                                                                    <\/ul>\n                            <\/nav>\n                                            <\/div>\n\n                    <div class=\"faq__listing\">\n                                                    <div class=\"faq__section\">\n                                                                    <div class=\"faq__section-title\" data-section-start=\"Headings - Section Title (h3)\"\n                                         id=\"Headings - Section Title (h3)\">\n                                        <h3>Headings &#8211; Section Title (h3)<\/h3>\n                                    <\/div>\n                                                                <div class=\"faq__question-contain\">\n                                    <div class=\"list\">\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">About Headings in Items- Item Title (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>Item content goes here.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">Consider Adding Multiple Items &#8211; Item Title (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>Consider adding multiple items within a section to create heading structure instead of adding headings within item content.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">Heading Levels &#8211; Item Title (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <h5>Headings in Items (h5)<\/h5>\n<p>If using headings within items, start at heading level 5. If content in an item is lengthy, headings are recommended to improve accessibility and readability of content or you can create additional sections to break up the content with section headings.<\/p>\n<h6>Additional headings in items (h6)<\/h6>\n<p>If you need another heading underneath heading 5, use heading level 6. Keep in mind however, heading level six should be used sparingly. Consider adding another item or section instead.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"faq__section\">\n                                                                    <div class=\"faq__section-title\" data-section-start=\"Links - Section Title (h3)\"\n                                         id=\"Links - Section Title (h3)\">\n                                        <h3>Links &#8211; Section Title (h3)<\/h3>\n                                    <\/div>\n                                                                <div class=\"faq__question-contain\">\n                                    <div class=\"list\">\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">About Links in Theme Blocks (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>Links in <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/FAQs\/\">FAQs Theme Block<\/a> should be unique to avoid accessibility errors. Names of sections in this block should also be unique as they display on the &#8220;jump to section&#8221; area and display as a link on the page.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"faq__section\">\n                                                                    <div class=\"faq__section-title\" data-section-start=\"Images - Section Title (h3)\"\n                                         id=\"Images - Section Title (h3)\">\n                                        <h3>Images &#8211; Section Title (h3)<\/h3>\n                                    <\/div>\n                                                                <div class=\"faq__question-contain\">\n                                    <div class=\"list\">\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">About Images in Blocks (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>Images in the searchable list block require an alternative text description that briefly describes their purpose and function. If description is longer, consider adding a caption as well to provide additional content.\u00a0 The alternative text is only visible when the image is not while the caption is available for all users. For more tips and information about using images and alternative text see <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/images-and-media\/\">Webguide: Image and Media<\/a>.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"faq__section\">\n                                                                    <div class=\"faq__section-title\" data-section-start=\"Tables - Section Title (h3)\"\n                                         id=\"Tables - Section Title (h3)\">\n                                        <h3>Tables &#8211; Section Title (h3)<\/h3>\n                                    <\/div>\n                                                                <div class=\"faq__question-contain\">\n                                    <div class=\"list\">\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">Using Tables within FAQs Blocks (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>Tables can be used withing FAQ blocks, but they must be reviewed for accessibility to ensure they are accessible on different screens.<\/p>\n<p><strong>Caution:<\/strong> Using Tables within the FAQs block may result in a poor user experience on mobile devices.<\/p>\n<p>Keep tables simple, or use list items to group like content.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"faq__section\">\n                                                                    <div class=\"faq__section-title\" data-section-start=\"Using Multiple Theme Blocks - Section 4 Title (h3)\"\n                                         id=\"Using Multiple Theme Blocks - Section 4 Title (h3)\">\n                                        <h3>Using Multiple Theme Blocks &#8211; Section 4 Title (h3)<\/h3>\n                                    <\/div>\n                                                                <div class=\"faq__question-contain\">\n                                    <div class=\"list\">\n                                                                                    <div class=\"faq__question\">\n                                                                                                    <div class=\"faq__question__title\">\n                                                        <h4 class=\"faq__question__title-item\">About Using Multiple FAQs Blocks &#8211; Item Title (h4)<\/h4>\n                                                    <\/div>\n                                                                                                <div class=\"faq__question__answer t-content\">\n                                                    <p>We <strong>do not recommend<\/strong> using more than one FAQs Theme Block on a page.<\/p>\n<p>Doing so creates accessibility errors for web users and you may be asked to remove the additional FAQs Blocks from your page.<\/p>\n\n                                                <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n\n            <\/div>\n\n        \n\t\n\t    <\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t<div class=\"panel s-wrapper site-panel site-panel--modal top-padding--add_padding bottom-padding--add_padding\"\n         data-index=\"\"\n         data-js=\"panel\"\n         data-type=\"modal\"\n\t\t \n\n         data-modular-content>\n    \n\t\t\t<div class=\"site-panel__gallery-modal-wrapper\" data-js=\"gallery-modal-panel\">\n\t\t<div class=\"l-container site-panel__gallery-modal-inner\">\n\t\t\t<div class=\"l-container l-container--boxed-background\">\n\t\t\t\t<div class=\"site-panel--boxed-background\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"l-container--inner\">\n\n\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"s-content site-panel__gallery-modal-content\">\n\t\t\t\t\t\t\t<div class=\"s-content site-panel__gallery-modal-preview\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__gallery-modal-preview-image\">\n\t\t<div  aria-label=\"Graduates take selfie at graduation ceremony\" role=\"img\" style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/02\/2018_SpringCommencement_0041.jpg');\"  class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__gallery-modal-preview-image\">\n\t\t<div  aria-label=\"Commencement Selfie\" role=\"img\" style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_SpringCommencement_0009-1024x541.jpg');\"  class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__gallery-modal-preview-image\">\n\t\t<div  aria-label=\"Students with B Backpacks\" role=\"img\" style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_BroncoDay_051-1024x541.jpg');\"  class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<header class=\"s-header site-panel__gallery-modal-header\">\n\n\t\t                <span class=\"site-panel__accent-title\">\n\t\t                    Optional Accent Title (not a heading)\n\t\t                <\/span>\n\n\t\t\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title h2 site-panel__gallery-modal-title\"\n\t\t>\n\n\t6. Gallery Theme Block Title (h2)\n\n<\/h2>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"s-desc t-content para-sm\" >\n\t<p>Gallery description goes here. We <strong>do not recommend<\/strong> adding additional heading levels here. Keep text content brief. Select Gallery Layout and Title Size from theme block settings.<\/p>\n<p>All images in a gallery <strong>require alternative text <\/strong>descriptions. Captions are also highly recommended to provide context for users. See <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/gallery-block\/\">Gallery Block<\/a> for more details.<\/p>\n<p><strong>Note: <\/strong>The caption is visible for all users to read, the alt text is available for users who can&#8217;t see the image.<\/p>\n<p>Adjust layout, link to external galleries, and padding in settings. This example is the Modal layout.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n<button class=\" c-btn c-btn-sm site-panel__gallery-trigger\"\n\t\ttype=\"button\"\n\t\t\t\ttype='button' aria-label='View Gallery' data-js='gallery-modal-trigger'>\n\t\t\t<span class=\"c-btn__text\">View Gallery<\/span>\n\t<\/button>\n\n\n\t\t\t\t\t\t<\/header>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<script data-js=\"\" type=\"text\/template\" data-script=\"gallery-dialog-script\">\n\t\t\t\t\t\t<div class=\"site-panel__gallery-modal-gallery\" data-js=\"gallery-modal\">\n\t\t\t\t\t\t\t\n<span\n\t\tclass=\"gallery-modal__dialog-title\"\n\t\t>\n\n\t6. Gallery Theme Block Title (h2)\n\n<\/span>\n\t\t\t\t\t\t\t<div class=\"l-container--inner--no-padding\">\n\t\t\t\t\t\t\t\t\n<div class=\"c-slider site-panel__gallery-modal-slider\">\n\t<div class=\"c-slider__main swiper-container c-slider__main--has-arrows\" data-js='c-slider'>\n\t\t<div class=\"c-slider__wrapper swiper-wrapper\">\n\t\t\t\t\t\t\t<div class=\"c-slider__slide swiper-slide\">\n\t\t\t\t\t\n<div >\n\t\t<figure   class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\t\t<img decoding=\"async\" class=\"\"  alt=\"Graduates take selfie at graduation ceremony\" role=\"img\" src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/02\/2018_SpringCommencement_0041.jpg\" sizes=\"(min-width: 1260px) 1260px, 100vw\" srcset=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/02\/2018_SpringCommencement_0041.jpg 664w 664h\" \/>\n\t\t\n\t\t\n\t\t<span class=\"c-slider__slide-caption\" aria-label=\"Image Caption\">1\/3: Students at Graduation<\/span>\n\n\t\t<\/figure>\n\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"c-slider__slide swiper-slide\">\n\t\t\t\t\t\n<div >\n\t\t<figure   class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\t\t<img decoding=\"async\" class=\"\"  alt=\"Commencement Selfie\" role=\"img\" src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_SpringCommencement_0009-1024x541.jpg\" sizes=\"(min-width: 1260px) 1260px, 100vw\" srcset=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_SpringCommencement_0009.jpg 1300w 687h\" \/>\n\t\t\n\t\t\n\t\t<span class=\"c-slider__slide-caption\" aria-label=\"Image Caption\">2\/3: Boise State Spring Commencement, John Kelly photo.<\/span>\n\n\t\t<\/figure>\n\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"c-slider__slide swiper-slide\">\n\t\t\t\t\t\n<div >\n\t\t<figure   class=\"site-panel__gallery-modal-image\">\n\t\n\t\t\n\t\t\t\t<img decoding=\"async\" class=\"\"  alt=\"Students with B Backpacks\" role=\"img\" src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_BroncoDay_051-1024x541.jpg\" sizes=\"(min-width: 1260px) 1260px, 100vw\" srcset=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2018\/11\/2018_BroncoDay_051.jpg 1300w 687h\" \/>\n\t\t\n\t\t\n\t\t<span class=\"c-slider__slide-caption\" aria-label=\"Image Caption\">3\/3: Bronco Day Spring 2018, Quad, Liberal Arts, Library, Aaron Bacus Photo<\/span>\n\n\t\t<\/figure>\n\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"c-slider__arrows\">\n\t\t\t\t<div class=\"c-slider__button c-slider__button--prev swiper-button-prev\"><\/div>\n\t\t\t\t<div class=\"c-slider__button c-slider__button--next swiper-button-next\"><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t \n<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/script>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--embed top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"embed\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t\t\t<div class=\"l-container\">\n\t\n\t\n            <header class=\"s-header l-content--inner\">\n            \n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\t7. iFrame Embed Theme Block Title (h2 and iFrame title description &#8211; do not leave blank) \n\n<\/h2>\n        <\/header>\n    \n\n\t\n\t<div class=\"s-content\">\n\t\t<div class=\"site-panel__iframe-wrapper\">\n                            <iframe src=\"https:\/\/maps.boisestate.edu\/?id=715#!m\/370356?ct\/33178,21174,8947,8943,0?mc\/43.600830642785276,-116.20003500000001?z\/18?lvl\/0\" title=\"\n\n\n\t7. iFrame Embed Theme Block Title (h2 and iFrame title description - do not leave blank) \n\n\" style=\"height: 800px;\"><\/iframe>\n            \t\t<\/div>\n\t<\/div>\n\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\n\t\t\t<\/div>\n\t\n\n\n\n\n\t<div class=\"panel s-wrapper site-panel site-panel--imagetext site-panel-colorway-white top-padding--add_padding bottom-padding--add_padding\"\n         data-index=\"\"\n         data-js=\"panel\"\n         data-type=\"imagetext\"\n  \t\t \n         data-modular-content>\n    \n\t<div class=\"panel-imagetext\">\n\t<div class=\"l-container--thin\">\n\t\t\n\t\n\t\n\t\t\t<div class=\"g-row g-row--no-gutters g-row--col-2--min-full \">\n\n\t\t\t\t<div class=\"g-col\">\n\t\t\t\t\t\n<div class=\"c-image site-panel__imgtxt-image\">\n\t\t<div  aria-label=\"example image and text panel image\" role=\"img\" data-expand=\"200\"   data-sizes=\"auto\" data-bgset=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/05\/BoiseState_16_17_010.jpg 664w 664h\" style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/large.png');\"  class=\"c-image__bg lazyload\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"g-col\">\n\t\t\t\t\t<div class=\"site-panel__imgtxt-content\">\n\t\t\t\t\t\t\n<div class=\"c-content-block\">\n\n\t<div class=\"c-content-block__content\">\n\n\t\t\t\t\t\n<div\n\t\tclass=\"h2 site-panel__accent-title\"\n\t\t>\n\n\tOptional Accent Title (not a heading)\n\n<\/div>\n\t\t\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title site-panel__imgtxt-panel-title s-title h2\"\n\t\t>\n\n\t8. Image and Text Block Title (h2)\n\n<\/h2>\n\t\t\n\t\t\t\t\t\n<div class=\"site-panel__imgtxt-panel-description t-content\" >\n\t<p>Content goes here. We <strong>do not recommend<\/strong> adding additional heading levels here. Keep text content brief.<\/p>\n<p>Add a short alternative text description in the \u201cAlt Text\u201d field in the Add\/Edit Media window.<\/p>\n<p>Adjust image layout, background color, and padding in block settings.<\/p>\n\n<\/div>\n\n\t\t\n\t\t\t\t\t\n<a class=\" c-btn c-btn--sm site-panel__imgtxt-cta\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/image-text-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label is link text for text block should be unique and descriptive<\/span>\n\t<\/a>\n\n\t\t\n\t<\/div>\n<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\n\t\t<\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t<div class=\"panel s-wrapper site-panel site-panel--interstitial has_image site-panel-colorway-white  top-padding--add_padding bottom-padding--add_padding\"\n         data-index=\"\"\n         data-js=\"panel\"\n         data-type=\"interstitial\"\n         \n         data-modular-content>\n    \n\t    <div class=\"interstitial-panel__wrapper has_image\">\n\n\t\n\t\n                    <div class=\"interstitial-panel__img-wrapper l-container--thin\">\n                \n<div >\n\t\t<div  aria-label=\"Example interstitial image\" role=\"img\" style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/05\/D_1708_003_006.jpg');\"  class=\"interstitial-panel__img\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n\n                <div class=\"interstitial-panel__img-caption-wrapper l-container--inner\">\n                    \n                <\/div>\n            <\/div>\n        \n        <div class=\"l-container interstitial-panel__content-wrapper interstitial-panel__content-block--side-by-side t-content \">\n                            <div class=\"interstitial-panel__img-caption-wrapper l-container--inner\">\n                    \n<div class=\"interstitial-panel__img-caption u-bc-white\" >\n\tAdd brief alternative text description to the image properties and add an optional caption to the Image Caption field. (image caption) \n<\/div>\n\n                <\/div>\n                        <div class=\"l-content--inner\">\n                \n<div class=\"c-content-block interstitial-panel__content-block\">\n\n\t<div class=\"c-content-block__content interstitial-panel__content-inner\">\n\n\t\t\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title s-title h2\"\n\t\t>\n\n\t9. Interstitial Theme Block Title (h2)\n\n<\/h2>\n\t\t\n\t\t\t\t\t\n<div class=\"interstitial-panel__description\" >\n\t<p>Content goes here. If using heading levels, start with heading 3 but keep overall content brief. We <strong>do not recommend<\/strong> using the interstitial block as your <strong>first block<\/strong>. Adjust the layout options by reviewing the block settings.<\/p>\n\n<a class=\" c-btn c-btn--sm interstitial-panel__button\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/interstitial-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label is link text for interstitial theme block should be unique and descriptive<\/span>\n\t<\/a>\n\n<\/div>\n\n\t\t\n\t\t\n\t<\/div>\n<\/div>\n\n            <\/div>\n        <\/div>\n\n\t\n\t\t\t\t\n\t    <\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--news_feed top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"news_feed\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"l-container l-container--thin\">\n\t\n\t\n\t\t\t\t\t<header class=\"s-header s-header--panel \">\n\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title site-panel__title--black h2\"\n\t\t>\n\n\t10. News Feed Theme Block Title (h2) recommend turning off excerpt in settings\n\n<\/h2>\n\t\t\t\t\n\t\t\t\t<div class=\"site-panel__description site-panel__description--desktop s-desc t-content\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\n<a class=\"\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/news-feed-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label link text for News Feed theme block should be unique and descriptive &#8211; Include alt text on any featured images for posts (Required)<\/span>\n\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/header>\n\t\t\n\t\n\t\t\t\t\t<div class=\"g-row g-row--col-2--min-full\">\n\n\t\t\t\t\t\t\t\t<div class=\"news-panel__featured g-col\">\n<div class=\"c-card c-card--img\">\n\n\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/2026\/09\/15\/requirements-for-faculty-and-university-affiliated-websites\/\" class=\"c-card__link-wrap\"><span class=\"u-screen-reader-text\">Requirements for faculty and university-affiliated websites<\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"news-panel__image-contain\">\n<div >\n\t\t<div style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2026\/09\/D_1804_067_007.jpg');\"  class=\"tribe-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/span>\n\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n                    <div class=\"c-card__content-inner\">\n        \n                            <div class=\"c-card__meta\"><div class=\"\">September 15, 2026<\/div><\/div>\n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tRequirements for faculty and university-affiliated websites\n\n<\/h3>\n            \n                            <div class=\"c-card__descrip\">What are the differences between personal websites and sites that represent Boise State programs, research,&#8230;<\/div>\n            \n            \n            \n                    <\/div>\n        \n\t<\/div>\n\n\t\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"news-panel__additional g-col\"><div class=\"g-row g-row--col-2--min-full\"><div class=\"g-col\">\n<div class=\"c-card c-card--img\">\n\n\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/2026\/07\/08\/learn-how-people-use-your-website-with-microsoft-clarity\/\" class=\"c-card__link-wrap\"><span class=\"u-screen-reader-text\">Learn how people use your website with Microsoft Clarity<\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"news-panel__image-contain\">\n<div >\n\t\t<div style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2026\/07\/clarity_screenshot.jpg');\"  class=\"tribe-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/span>\n\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n                    <div class=\"c-card__content-inner\">\n        \n                            <div class=\"c-card__meta\"><div class=\"\">July 08, 2026<\/div><\/div>\n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tLearn how people use your website with Microsoft Clarity\n\n<\/h3>\n            \n            \n            \n            \n                    <\/div>\n        \n\t<\/div>\n\n\t\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"g-col\">\n<div class=\"c-card c-card--img\">\n\n\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/2026\/07\/07\/new-pdf-accessibility-lab-workshop\/\" class=\"c-card__link-wrap\"><span class=\"u-screen-reader-text\">New PDF Accessibility Lab workshops<\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"news-panel__image-contain\">\n<div >\n\t\t<div style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2026\/07\/pdf_workshop_image.png');\"  class=\"tribe-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/span>\n\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n                    <div class=\"c-card__content-inner\">\n        \n                            <div class=\"c-card__meta\"><div class=\"\">July 07, 2026<\/div><\/div>\n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tNew PDF Accessibility Lab workshops\n\n<\/h3>\n            \n            \n            \n            \n                    <\/div>\n        \n\t<\/div>\n\n\t\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"g-col\">\n<div class=\"c-card c-card--img\">\n\n\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/2026\/06\/18\/optimizing-boise-state-websites-for-search-and-ai\/\" class=\"c-card__link-wrap\"><span class=\"u-screen-reader-text\">Optimizing Boise State websites for search and AI<\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"news-panel__image-contain\">\n<div >\n\t\t<div style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2026\/06\/AdobeStock_105851509-1.png');\"  class=\"tribe-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/span>\n\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n                    <div class=\"c-card__content-inner\">\n        \n                            <div class=\"c-card__meta\"><div class=\"\">June 18, 2026<\/div><\/div>\n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tOptimizing Boise State websites for search and AI\n\n<\/h3>\n            \n            \n            \n            \n                    <\/div>\n        \n\t<\/div>\n\n\t\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<div class=\"g-col\">\n<div class=\"c-card c-card--img\">\n\n\t\t\t<a href=\"https:\/\/www.boisestate.edu\/webguide\/2026\/04\/08\/dubbot-is-our-new-web-governance-platform\/\" class=\"c-card__link-wrap\"><span class=\"u-screen-reader-text\">DubBot is our new web governance platform<\/span><\/a>\n\t\n\t<span aria-hidden=\"true\">\n\t\t\t\t\t<div class=\"news-panel__image-contain\">\n<div >\n\t\t<div style=\"background-image:url('https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2026\/04\/dub_bot_stylized.png');\"  class=\"tribe-image\">\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/span>\n\n    \n\t<div class=\"c-card__content\" aria-hidden=\"true\">\n\n                    <div class=\"c-card__content-inner\">\n        \n                            <div class=\"c-card__meta\"><div class=\"\">April 08, 2026<\/div><\/div>\n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\tDubBot is our new web governance platform\n\n<\/h3>\n            \n            \n            \n            \n                    <\/div>\n        \n\t<\/div>\n\n\t\n<\/div>\n<\/div><\/div><\/div>\n\t\t\t\n\t\t\t<div class=\"site-panel__description--mobile t-content\">\n\t\t\t\t\n<a class=\"\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/news-feed-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Label link text for News Feed theme block should be unique and descriptive &#8211; Include alt text on any featured images for posts (Required)<\/span>\n\t<\/a>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t\n\t\n\t\t\t\t\n\t\t<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--people-list top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"people-list\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"site-panel__people-list panel-people l-content--outer top-padding--add_padding bottom-padding--add_padding\">\n\t<div class=\"l-content--inner\">\n\t\t\n\t\n\t\t\t\t<div class=\"oneUp\">\n\t\t\t\t<header class=\"s-header t-content\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\t11. People List Theme Block Title (h2)\n\n<\/h2>\n\t\t\t\t\t\t\n<div class=\"site-panel__description s-desc t-content\" >\n\t<p>Description for people list goes here. Can be left blank. If you do add content, keep it brief.<\/p>\n\n<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<form class=\"people-list__search\" role=\"search\" aria-label=\"Filter List Form\">\n\t\t\t\t\t\t\t<label for=\"people-list-search-input-6ae9b4380af2c\" class=\"u-visual-hide\">Search<\/label>\n\t\t\t\t\t\t\t<input class=\"people-list__search-input\" type=\"text\" name=\"src\" placeholder=\"Search for people\" aria-label=\"11. People List Theme Block Title (h2) Text input\" id=\"people-list-search-input-6ae9b4380af2c\">\n\t\t\t\t\t\t\t<button class=\"people-list__search-submit\" type=\"submit\" name=\"people-list__search-submit\" aria-label=\"Search people\">\n\t\t\t\t\t\t\t\t<i class=\"icon icon-search-thick\"><\/i>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/form>\n\t\t\t\t\t\t<div class=\"people-list__search-status u-visual-hide\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t\t<\/div>\n\t\t\t<div class=\"s-content\">\n\t\t\t\t<ul class=\"panel-people__listing oneUp\">\n\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"panel-people__item\">\n\t\t\t\t\t\t\t\n<div class=\"panel-people__media\">\n\t\t<figure   class=\"tribe-image\">\n\t\n\t\t\n\t\t\t\t<img decoding=\"async\" class=\"\"  alt=\"Portrait photo icon\" role=\"img\" src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2019\/05\/photo-placeholder.png\" \/>\n\t\t\n\t\t\n\t\t\n\n\t\t<\/figure>\n\t<\/div>\n\n<div class=\"panel-people__info\" >\n\t\n<div class=\"panel-people__info__hd\" >\n\t\n<h3\n\t\tclass=\"panel-people__name\"\n\t\t>\n\n\tPerson Name (h3)\n\n<\/h3>\n<h4\n\t\tclass=\"panel-people__title\"\n\t\t>\n\n\tOptional Job Title (h4)\n\n<\/h4>\n<\/div>\n\n<div class=\"panel-people__description t-content panel-people__description--mobile\" >\n\t<p>Person description goes here. If using headings in the description, we recommend either heading 4 (h4) or heading 5 (h5).<\/p>\n<p>If using image, add the <strong>name of the person<\/strong> to the \u201cAlt Text\u201d field in the Add\/Edit Media window.<\/p>\n<p>Adjust layout (one or two columns) and padding in settings.\u00a0<strong>Note:\u00a0<\/strong>Two column setting does not display the person description.<\/p>\n\n<\/div>\n\n<div class=\"panel-people__info__ft\" >\n\t\n<div\n\t\tclass=\"panel-people__dept-location\"\n\t\t>\n\n\tOptional Department \/ Location\n\n<\/div>\n<div\n\t\t>\n\n\t\n<a class=\"\"\n\t\t\thref=\"tel:Phone Number (link text)\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Call: Phone Number (link text)<\/span>\n\t<\/a>\n\n\n<\/div>\n<div\n\t\t>\n\n\t\n<a class=\"\"\n\t\t\thref=\"sms:SMS Number (link text)\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">SMS: SMS Number (link text)<\/span>\n\t<\/a>\n\n\n<\/div>\n<div\n\t\t>\n\n\t\n<a class=\"\"\n\t\t\thref=\"mailto:Optional Email (link text)\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Optional Email (link text)<\/span>\n\t<\/a>\n\n\n<\/div>\n<div\n\t\t>\n\n\t\n<a class=\"\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/people-list-block\/\"\n\t\t\ttarget=\"_self\"\n\t\t>\n\t\t\t<span class=\"c-btn__text\">Label link text for People List Block must be unique<\/span>\n\t<\/a>\n\n\n<\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"panel-people__description t-content panel-people__description--desktop\" >\n\t<p>Person description goes here. If using headings in the description, we recommend either heading 4 (h4) or heading 5 (h5).<\/p>\n<p>If using image, add the <strong>name of the person<\/strong> to the \u201cAlt Text\u201d field in the Add\/Edit Media window.<\/p>\n<p>Adjust layout (one or two columns) and padding in settings.\u00a0<strong>Note:\u00a0<\/strong>Two column setting does not display the person description.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\n\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\n\t\t<\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t<div class=\"s-wrapper site-panel site-panel--statsgrid stat-panel-bg--orange top-padding--add_padding bottom-padding--add_padding\"\n\t\tdata-index=\"\"\n\t\tdata-js=\"panel\"\n\t\tdata-type=\"statsgrid\"\n\t\t\n\t\tdata-modular-content>\n\n\t\n\t<div class=\"l-content--outer\">\n\t\t<div class=\"l-content--inner site-panel--statsgrid--inline l-container--inner\">\n\n\t\n            <header class=\"s-header \">\n\n\t\t\t<div class=\"header-titles\">\n\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title s-title h2\"\n\t\t>\n\n\t12. Stats Grid (h2)\n\n<\/h2>\n\t\t\t\t<a target=\"\" href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/stats-grid-block\/\"><span class=\"s-subtitle\">Header link is optional but should be unique and descriptive (link)<\/span><\/a>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"header-description\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__description s-desc t-content\" >\n\t<p>Description of your stats goes here. We do not recommend using additional heading levels. Keep content brief. Adjust the background and card column layout in settings. Add stats using Add Stat button.<\/p>\n<p>We <strong>do not recommend adding hyperlinks<\/strong> to the description field. Depending on the color of the background you select, adding hyperlinks could add contrast errors to your content.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n        <\/header>\n    \n\n\t\n    <div class=\"s-content\">\n        <div class=\"g-row g-row--col-2 g-row--col-4--min-full\"\n             data-depth=\"0\"\n             data-name=\"cards\"\n             data-livetext>\n\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\t# (h3)\n\n<\/h3>\n            \n            \n                            \n<div class=\"c-cta__content\" >\n\t7 character limit for stat, 78 character limit for description\n<\/div>\n\n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\t# (h3)\n\n<\/h3>\n            \n            \n                            \n<div class=\"c-cta__content\" >\n\t7 character limit for stat, 78 character limit for description\n<\/div>\n\n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\t# (h3)\n\n<\/h3>\n            \n            \n                            \n<div class=\"c-cta__content\" >\n\t7 character limit for stat, 78 character limit for description\n<\/div>\n\n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n                            <div class=\"g-col\">\n                    \n<div class=\"c-card\">\n\n\t\n\t<span >\n\t\t\t<\/span>\n\n            <i class=\"c-card__icon c-card__icon--arrow\"><\/i>\n    \n\t<div class=\"c-card__content\" >\n\n        \n            \n                            \n<h3\n\t\tclass=\"c-card__title\"\n\t\t>\n\n\t# (h3)\n\n<\/h3>\n            \n            \n                            \n<div class=\"c-cta__content\" >\n\t7 character limit for stat, 78 character limit for description\n<\/div>\n\n            \n            \n        \n\t<\/div>\n\n\t\n<\/div>\n\n                <\/div>\n            \n        <\/div>\n    <\/div>\n\n\n\t\t\t\t\n\t\t<\/div>\n<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--tabs top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"tabs\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t\n\t\n\t\t<div class=\"site-panel--tabs__container top-padding--add_padding bottom-padding--add_padding\">\n\t\t<div class=\"l-container l-container--boxed-background\">\n\t\t\t<div class=\"site-panel--boxed-background\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"l-content--outer\">\n\t\t\t<div class=\"l-content--inner\">\n\t\t\t\t\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\t13. Tabs Theme Block Title (h2)\n\n<\/h2>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"l-content--outer l-content--outer--tab\">\n\t\t\t<div class=\"tabbed__nav\">\n\t\t\t\t<div class=\"tabbed__nav-contain swiper-container\" data-tabnav=\"tabbed__nav\">\n\t\t\t\t\t<button class=\"tabbed__nav--less\" aria-label=\"Previous tabs\">\n\t\t\t\t\t\t<i class=\"icon icon-icon-nav-chevron-left\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"swiper-wrapper\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"tabbed__nav-item swiper-slide\" data-js=\"tabbed__nav-item\"\n\t\t\t\t\t\t\t\t\tdata-tab-label=\"tab-1-label-title-required-button\" role=\"tab\">Tab 1 Label Title Required (button)<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"tabbed__nav-item swiper-slide\" data-js=\"tabbed__nav-item\"\n\t\t\t\t\t\t\t\t\tdata-tab-label=\"tab-2-label-title-required-button\" role=\"tab\">Tab 2 Label Title Required (button)<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<button class=\"tabbed__nav--more\" aria-label=\"More tabs\">\n\t\t\t\t\t\t<i class=\"icon icon-icon-nav-chevron-right\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"tabbed__nav-border\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"l-content--outer\">\n\t\t\t<div class=\"l-content--inner\">\n\t\t\t\t\t\t\t\t\t<div class=\"tabbed__content tabbed__content--1 t-content\" data-tab-content=\"tab-1-label-title-required-button\" role=\"tabpanel\" aria-hidden=\"false\">\n\t\t\t\t\t\t<article class=\"panel panel-child panel--type-tab\">\n<div class=\"\" >\n\t<h3>Column Heading (h3)<\/h3>\n<p>We recommend the <strong>same heading 3 as your Tab Labe<\/strong>l at the beginning of each tab to help with accessibility and navigation. If additional headings are required, use heading level 4-6 in order. Content columns can be added as well and should start with either heading level 3 or 4, depending on your content.<\/p>\n<h4>Links (h4)<\/h4>\n<p>All links and images provided in tabs must meet accessibility requirements. This means links must be unique and images require alternative text that briefly describes the purpose and function of the image. For guidelines on using Tabs and how to configure them visit <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/tabs-block\/\">Tabs Block<\/a>.<\/p>\n<h4>Tables (h4)<\/h4>\n<p><strong>Caution:<\/strong> Using Tables within tabs may result in a poor user experience on mobile devices.<\/p>\n<h4>Multiple Tabs (h4)<\/h4>\n<p>We <strong>do not recommend<\/strong> using more than one tab block on a single page. This can create a difficult user experience for some users.<\/p>\n\n<\/div>\n<\/article>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"tabbed__content tabbed__content--3 t-content\" data-tab-content=\"tab-2-label-title-required-button\" role=\"tabpanel\" aria-hidden=\"true\">\n\t\t\t\t\t\t<article class=\"panel panel-child panel--type-tab\">\n<div class=\"\" >\n\t<p>NOTE: At this time Acquia Optimize does evaluate content beyond the first tab. You must verify the accessibility of the additional content separately. See <a href=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/tabs-block\/\">Tabs Block<\/a> for additional information.<\/p>\n<h3>Column Heading (h3)<\/h3>\n<p>We recommend using a brief heading at the beginning of each tab to help with accessibility and navigation.<\/p>\n\n<\/div>\n\n<div class=\"\" >\n\t<h3>Column Heading (h3)<\/h3>\n<p>We recommend all columns have a brief heading at the beginning of each tab to help with accessibility and navigation.<\/p>\n\n<\/div>\n\n<div class=\"\" >\n\t<h3>Column Heading (h3)<\/h3>\n<p>We recommend all columns have a brief heading at the beginning of each tab to help with accessibility and navigation.<\/p>\n\n<\/div>\n<\/article>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\t\n\t\n\t\t\t<\/div>\n\t\n\n\n\n\n\t<div class=\"panel s-wrapper site-panel site-panel--videotext site-panel-colorway-blue top-padding--add_padding bottom-padding--remove_padding\"\n         data-index=\"\"\n         data-js=\"panel\"\n         data-type=\"videotext\"\n         \n         data-modular-content>\n    \n\t<div class=\"site-panel__video-text-layout \">\n    \n\t\n\t        <div class=\"l-content--outer\">\n            <div class=\"site-panel__video-text-content-wrapper l-content--inner\">\n                \n<div class=\"site-panel__accent-title site-panel__video-text-accent-title\" >\n\tOptional Accent Title (not a heading)\n<\/div>\n\n                <div class=\"site-panel__video-text-content\">\n                    \n<div class=\"c-content-block \">\n\n\t<div class=\"c-content-block__content \">\n\n\t\t\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title site-panel__title site-panel__title-has-colorway h2\"\n\t\t>\n\n\t14. Video and Text Theme Block Title (h2)\n\n<\/h2>\n\t\t\n\t\t\t\t\t\n<div class=\"site-panel__video-text-description t-content\" >\n\t<p>Content goes here. We do not recommend adding additional heading levels here. Keep text content brief. Adjust background color in block settings.<\/p>\n<p><strong>Note<\/strong>: Add a brief description about video accessibility and consider adding the transcript to a Details block following the video block or adding to the end of the page or linking to a new page with the text transcript.<\/p>\n<p>Example: Video contains closed captions and a text transcript is available on this page following the video.<\/p>\n\n<\/div>\n\n\t\t\n\t\t\n\t<\/div>\n<\/div>\n\n                <\/div>\n            <\/div>\n\n\n            <div class=\"site-panel__video-text-actions l-content--inner\">\n                <div class=\"site-panel__video-text-cta\">\n                    \n<a class=\" c-btn c-btn--sm c-btn--border c-btn--border--inverse\"\n\t\t\thref=\"https:\/\/www.boisestate.edu\/webguide\/publishing\/wordpress-blocks\/video-text-block\/\"\n\t\t\t>\n\t\t\t<span class=\"c-btn__text\">Link text should be unique and descriptive<\/span>\n\t<\/a>\n\n                <\/div>\n                \n<div\n    class=\"c-video c-video--lazy\"\n    data-js='c-video' data-embed-id='8f-Jg5vGgiM' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/youtu.be\/8f-Jg5vGgiM\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/8f-Jg5vGgiM\/maxresdefault.jpg\"\n\t\t\t\t\talt=\"Video Placeholder Image\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">Play Hunting Dust Devils (must be unique and descriptive)<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n            <\/div>\n        <\/div>\n\n    \n\t\t\t\t\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Video Transcript: Hunting Dust Devils<\/summary>\n<p class=\"wp-block-paragraph\"><strong>[Brian Jackson, Assistant Professor, Physics Department]: <\/strong>Dust devils are able to lift dust even when they shouldn&#8217;t be able to. The same thing is true for dust devils on Mars, and so we&#8217;re out here on The Alvord Desert to probe active dust devils and try to understand one: how they lift dust so easily into the atmosphere for the earth and then from that try to understand how they lift dust so easily on Mars. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Although dust devils have been studied for centuries even going back to the ancient Greeks, people have been thinking about dust devils and trying to puzzle them out. We still don&#8217;t really understand how they work and the way we&#8217;re trying to probe these dust devils is to actually fly instrumented drones through the active dust devils so the drones have a variety of different instruments on them including pressure and temperature loggers. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We also try to collect dust from the active dust devils so we have these sticky pads that we&#8217;ve cut up and put on the drone and so as the drone flies through the dust devil, the hope is that it will actually pick up some of the dust while making measurements of the physical properties of the dust devil and so we&#8217;re hoping to piece together what the physical properties are of the dust devil and how much dust that allows the dust devil to lift. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is the only study that I&#8217;m aware of actually using drones to probe dust devils. Folks have done field studies of dust devils for decades, but it&#8217;s only in the last several years that we&#8217;ve had instrumentation that&#8217;s actually small and robust enough that we can stick it on a small drone and fly it through a dust devil. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>[Nick Ellett, Masters Student, Geology Department]: <\/strong>My sort of sub-discipline within geology is called geomorphology which is the study of earth&#8217;s surface processes and so wind process like dust devils definitely fit in that category and just overall geomorphologists are interested in studying how the earth&#8217;s surface changes due to geological processes such as erosion, etc. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So the sort of mechanism of how these dust devils are working out on the playa and the existence of the playa in the first place are some overlaps between Brian&#8217;s physics-based stuff and our geoscience. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>[Brian Jackson]:<\/strong> Why are we driving three hours out to the middle of nowhere to come study dust devils? They&#8217;re just really fascinating phenomenon. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you look at almost any picture of the surface of Mars, very often you&#8217;re going to see dust devils towering over the surface casting these enormous shadows so they play a huge role in the climate on Mar and so if we can understand them out here in the desert on the earth, it really helps us to understand how Mars works. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a good example of what&#8217;s called comparative planetology where we use our understanding of one planet to try to understand another planet where it&#8217;s a little more difficult to go out into the field say and study the dust devils directly. &nbsp;<\/p>\n<\/details>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">15. Cover Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Cover block is used to add an image or solid background color that comprises the full width of the default margins of page or post. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By customizing the settings of the Cover block, you can achieve a parallax scrolling effect where the image scrolls within the block at a faster rate than scrolling the page itself, which may give the impression of depth or distance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Choose your image carefully<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Due to how the Cover block crops images, we recommend that you use photos of landscapes, buildings, or static objects instead of people.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following is an example of a cover block with an aerial photo of the Boise State campus with a title added &#8220;on top.&#8221; <\/p>\n\n\n\n<div class=\"wp-block-cover alignwide has-parallax\" style=\"min-height:430px;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-10534 size-full has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/05\/BoiseState_21_22_001_cover_1.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#807564\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"h-heading-text-goes-here\">Heading text goes here<\/h2>\n<\/div><\/div>\n\n\n\n<h3 id=\"h-alt-text-for-cover-images\" class=\"wp-block-heading\">Alt text for cover images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Alt text added to the cover images is read by assistive technology. You may leave the alt text blank if the image is purely decorative. <\/p>\n\n\n\n<h2 id=\"h-back-to-top-button\" class=\"wp-block-heading\">Back to Top Button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If your page is particularly long, you can select the &#8220;Back to Top&#8221; button options on the page settings. <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Using blocks Theme Blocks provide a way to easily publish pre-formatted content on your pages&#8230;.<\/p>\n","protected":false},"author":96,"featured_media":0,"parent":3900,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2014","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Recommendations for accessible theme blocks - Webguide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Recommendations for accessible theme blocks\" \/>\n<meta property=\"og:description\" content=\"Using blocks Theme Blocks provide a way to easily publish pre-formatted content on your pages....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Webguide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-18T18:44:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/\"},\"author\":{\"name\":\"Carolyn Quintero\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#\\\/schema\\\/person\\\/bb0496d3f61a71eead98b8c69c913a73\"},\"headline\":\"Recommendations for accessible theme blocks\",\"datePublished\":\"2019-05-07T18:18:48+00:00\",\"dateModified\":\"2026-08-18T18:44:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/\"},\"wordCount\":978,\"publisher\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/\",\"url\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/\",\"name\":\"Recommendations for accessible theme blocks - Webguide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#website\"},\"datePublished\":\"2019-05-07T18:18:48+00:00\",\"dateModified\":\"2026-08-18T18:44:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/accessible-theme-blocks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Web accessibility\",\"item\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best practices\",\"item\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/accessibility\\\/best-practices\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Recommendations for accessible theme blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#website\",\"url\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/\",\"name\":\"Webguide\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#organization\",\"name\":\"Boise State University\",\"url\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/wp-content\\\/uploads\\\/sites\\\/16\\\/2025\\\/09\\\/boisestate-primarylogo-2color-rgb-scaled.png\",\"contentUrl\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/wp-content\\\/uploads\\\/sites\\\/16\\\/2025\\\/09\\\/boisestate-primarylogo-2color-rgb-scaled.png\",\"width\":2560,\"height\":1142,\"caption\":\"Boise State University\"},\"image\":{\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/#\\\/schema\\\/person\\\/bb0496d3f61a71eead98b8c69c913a73\",\"name\":\"Carolyn Quintero\",\"url\":\"https:\\\/\\\/www.boisestate.edu\\\/webguide\\\/author\\\/carolynquintero\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Recommendations for accessible theme blocks - Webguide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/","og_locale":"en_US","og_type":"article","og_title":"Recommendations for accessible theme blocks","og_description":"Using blocks Theme Blocks provide a way to easily publish pre-formatted content on your pages....","og_url":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/","og_site_name":"Webguide","article_modified_time":"2026-08-18T18:44:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/#article","isPartOf":{"@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/"},"author":{"name":"Carolyn Quintero","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73"},"headline":"Recommendations for accessible theme blocks","datePublished":"2019-05-07T18:18:48+00:00","dateModified":"2026-08-18T18:44:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/"},"wordCount":978,"publisher":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/","url":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/","name":"Recommendations for accessible theme blocks - Webguide","isPartOf":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#website"},"datePublished":"2019-05-07T18:18:48+00:00","dateModified":"2026-08-18T18:44:03+00:00","breadcrumb":{"@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/accessible-theme-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Web accessibility","item":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/"},{"@type":"ListItem","position":2,"name":"Best practices","item":"https:\/\/www.boisestate.edu\/webguide\/accessibility\/best-practices\/"},{"@type":"ListItem","position":3,"name":"Recommendations for accessible theme blocks"}]},{"@type":"WebSite","@id":"https:\/\/www.boisestate.edu\/webguide\/#website","url":"https:\/\/www.boisestate.edu\/webguide\/","name":"Webguide","description":"","publisher":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.boisestate.edu\/webguide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.boisestate.edu\/webguide\/#organization","name":"Boise State University","url":"https:\/\/www.boisestate.edu\/webguide\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/","url":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png","contentUrl":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png","width":2560,"height":1142,"caption":"Boise State University"},"image":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73","name":"Carolyn Quintero","url":"https:\/\/www.boisestate.edu\/webguide\/author\/carolynquintero\/"}]}},"_links":{"self":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/pages\/2014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/comments?post=2014"}],"version-history":[{"count":217,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/pages\/2014\/revisions"}],"predecessor-version":[{"id":13447,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/pages\/2014\/revisions\/13447"}],"up":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/pages\/3900"}],"wp:attachment":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/media?parent=2014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}