{"id":45,"date":"2023-03-02T14:57:14","date_gmt":"2023-03-02T14:57:14","guid":{"rendered":"https:\/\/www.monmouth.edu\/accessibility\/?page_id=45"},"modified":"2024-03-19T19:23:28","modified_gmt":"2024-03-19T19:23:28","slug":"headers","status":"publish","type":"page","link":"https:\/\/www.monmouth.edu\/accessibility\/headers\/","title":{"rendered":"Web Page Headers"},"content":{"rendered":"\n<p>Headers on your page need to follow the proper order: from h2 to h3 to h4 to h5 to h6. A header should never jump levels. While h1 is an option in our editor it should not be used as h1 is reserved for page titles, white are already placed on the page for you. <\/p>\n\n\n\n<p>Take this example: Say you have a section that starts with an <strong>h2<\/strong>, along with some accompanying paragraph text. Now you want to add a subheader to this section. That subheader <strong>must<\/strong> <strong>be an<\/strong> <strong>h3<\/strong>.<\/p>\n\n\n\n<p>While it may be tempting to use another heading level for quick control over its font size, you must avoid this\u2014otherwise, you risk creating a confusing hierarchical structure for the user. Headers relay structural context to individuals who have the headers read out to them, including those who use screen readers. If a page\u2019s headers jump from a h2 to a h4 or h5 they might think they are missing some content, leading to a potentially baffling experience.<\/p>\n\n\n\n<p>Headers should also be created from a proper heading element. Making text bold does not qualify as a header.&nbsp;<\/p>\n\n\n\n<p>Headers must have text; they cannot be blank.<\/p>\n\n\n\n<p>While editing in WordPress, you\u2019ll find a tool at the top of the page that will let you see your heading structure as an outline. If you select the icon near the top left of your screen that looks like three stairs, you will find a document outline that will highlight any issues.<\/p>\n\n\n<div><span id=\"expander-45\"><\/span><\/div>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h2 class=\"wp-block-heading block-title\" id=\"incorrect-heading-structure-amp-empty-header\">Incorrect Heading Structure &amp; Empty Header<\/h2>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"882\" src=\"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png\" alt=\"screenshot of the WordPress interface showing the outline of a page with incorrectly structured headings. A h4 is a direct decedent of a h2, and one header is missing text. \" class=\"wp-image-410\" srcset=\"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png 702w, https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect-239x300.png 239w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h2 class=\"wp-block-heading block-title\" id=\"correct-heading-structure\">Correct Heading Structure<\/h2>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"882\" src=\"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-correct.png\" alt=\"screenshot of the WordPress interface showing the outline of a page with correctly structured headings\" class=\"wp-image-407\" srcset=\"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-correct.png 702w, https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-correct-239x300.png 239w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headers on your page need to follow the proper order: from h2 to h3 to h4 to h5 to h6. A header should never jump levels. While h1 is an option in our editor it should not be used as h1 is reserved for page titles, white are already placed on the page for you. [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mu_eop_enabled":false,"_mu_eop_name":"","_mu_eop_name_override":false,"_mu_eop_description":"","_mu_eop_description_override":false,"_mu_eop_url":"","_mu_eop_url_override":false,"_mu_eop_program_type":"","_mu_eop_educational_credential":"","_mu_eop_time_to_complete":"","_mu_eop_number_of_credits":"","_mu_eop_occupational_category":"","_mu_eop_occupational_category_code":"","_mu_eop_program_prerequisites":"","_mu_eop_application_deadline":"","_mu_eop_application_start_date":"","_mu_eop_start_date":"","_mu_eop_end_date":"","_mu_eop_day_of_week":"","_mu_eop_time_of_day":"","_mu_eop_educational_program_mode":"","_mu_eop_financial_aid_eligible":"","_mu_eop_maximum_enrollment":"","_mu_eop_offers_price":"","_mu_eop_offers_currency":"USD","_mu_eop_offers_price_per":"","_mu_eop_offers_preset":"","_mu_eop_salary_upon_completion":"","_mu_eop_training_salary":"","_mu_eop_recognized_by_name":"","_mu_eop_recognized_by_url":"","_mu_eop_concentrations":"","_mu_eop_identifier_cip":"","_mu_eop_provider_name":"","_mu_eop_provider_name_override":false,"_mu_eop_provider_url":"","_mu_eop_provider_address":"","_mu_eop_provider_city":"","_mu_eop_provider_state":"","_mu_eop_provider_zip":"","_mu_eop_provider_country":"","footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Page Headers | Digital Accessibility | Monmouth University<\/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.monmouth.edu\/accessibility\/headers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Page Headers | Digital Accessibility\" \/>\n<meta property=\"og:description\" content=\"Headers on your page need to follow the proper order: from h2 to h3 to h4 to h5 to h6. A header should never jump levels. While h1 is an option in our editor it should not be used as h1 is reserved for page titles, white are already placed on the page for you. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.monmouth.edu\/accessibility\/headers\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Accessibility\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-19T19:23:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/\",\"url\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/\",\"name\":\"Web Page Headers | Digital Accessibility\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/wp-content\\\/uploads\\\/sites\\\/1164\\\/2024\\\/03\\\/headings-incorrect.png\",\"datePublished\":\"2023-03-02T14:57:14+00:00\",\"dateModified\":\"2024-03-19T19:23:28+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/headers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/wp-content\\\/uploads\\\/sites\\\/1164\\\/2024\\\/03\\\/headings-incorrect.png\",\"contentUrl\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/wp-content\\\/uploads\\\/sites\\\/1164\\\/2024\\\/03\\\/headings-incorrect.png\",\"width\":702,\"height\":882},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/#website\",\"url\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/\",\"name\":\"Digital Accessibility\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.monmouth.edu\\\/accessibility\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Page Headers | Digital Accessibility | Monmouth University","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.monmouth.edu\/accessibility\/headers\/","og_locale":"en_US","og_type":"article","og_title":"Web Page Headers | Digital Accessibility","og_description":"Headers on your page need to follow the proper order: from h2 to h3 to h4 to h5 to h6. A header should never jump levels. While h1 is an option in our editor it should not be used as h1 is reserved for page titles, white are already placed on the page for you. [&hellip;]","og_url":"https:\/\/www.monmouth.edu\/accessibility\/headers\/","og_site_name":"Digital Accessibility","article_modified_time":"2024-03-19T19:23:28+00:00","og_image":[{"url":"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.monmouth.edu\/accessibility\/headers\/","url":"https:\/\/www.monmouth.edu\/accessibility\/headers\/","name":"Web Page Headers | Digital Accessibility","isPartOf":{"@id":"https:\/\/www.monmouth.edu\/accessibility\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.monmouth.edu\/accessibility\/headers\/#primaryimage"},"image":{"@id":"https:\/\/www.monmouth.edu\/accessibility\/headers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png","datePublished":"2023-03-02T14:57:14+00:00","dateModified":"2024-03-19T19:23:28+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.monmouth.edu\/accessibility\/headers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.monmouth.edu\/accessibility\/headers\/#primaryimage","url":"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png","contentUrl":"https:\/\/www.monmouth.edu\/accessibility\/wp-content\/uploads\/sites\/1164\/2024\/03\/headings-incorrect.png","width":702,"height":882},{"@type":"WebSite","@id":"https:\/\/www.monmouth.edu\/accessibility\/#website","url":"https:\/\/www.monmouth.edu\/accessibility\/","name":"Digital Accessibility","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.monmouth.edu\/accessibility\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":10,"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/pages\/45\/revisions\/421"}],"wp:attachment":[{"href":"https:\/\/www.monmouth.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}