{"id":21402,"date":"2026-07-09T11:27:06","date_gmt":"2026-07-09T15:27:06","guid":{"rendered":"https:\/\/carleton.ca\/webaccessibility\/?page_id=21402"},"modified":"2026-07-22T09:50:56","modified_gmt":"2026-07-22T13:50:56","slug":"use-bold-and-emphasis-to-emphasize-text","status":"publish","type":"page","link":"https:\/\/carleton.ca\/webaccessibility\/use-bold-and-emphasis-to-emphasize-text\/","title":{"rendered":"Use bold and emphasis to emphasize text"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Use bold and emphasis to emphasize text\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"accessibility\" class=\"wp-block-heading\">Accessibility<\/h2>\n\n\n\n<p>The best ways to emphasize text is to use <strong class=\"myprefix-text-bold\">bold text<\/strong> or <em class=\"myprefix-text-italic\">emphasized tex<\/em><em class=\"myprefix-text-italic\">t<\/em>, never colours or underlined text<\/p>\n\n\n\n<h2 id=\"reason\" class=\"wp-block-heading\">Reason<\/h2>\n\n\n\n<p>It&#8217;s tempting to bring out all the guns to achieve a task such as making text on a page stand out. For example, <strong class=\"myprefix-text-bold\"><em class=\"myprefix-text-italic\"><u>if someone really wants you to see this text<\/u><\/em><\/strong>. However there are reasons <strong class=\"myprefix-text-bold\">to not overdo things<\/strong> in this manner.<\/p>\n\n\n\n<h2 id=\"best-practice\" class=\"wp-block-heading\">Best practice<\/h2>\n\n\n\n<p>Bolded text is the best way to make text stand out. It keeps letters legible while helping the message stand out from surrounding text. Screen readers can also emphasize bold text.<\/p>\n\n\n\n<p>Emphasized text, such as <em>something like this<\/em>, also has a role. For example, it can be used for book titles such as <em>The God of Small Things<\/em> by Arundhati Roy.<\/p>\n\n\n\n<p>You can also use it for other works, such as \u201cLooking Back on the Spanish War\u201d by George Orwell.<\/p>\n\n\n\n<h2 id=\"example-of-poor-practice\" class=\"wp-block-heading\">Example of poor practice<\/h2>\n\n\n\n<p>The reason to avoid overdoing the emphasis is that multiple forms of emphasis is that it can make text illegible, for example for users with dyslexia. There is a difference between the legibility of:<\/p>\n\n\n\n<p>Important text<\/p>\n\n\n\n<p>with<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\"><em class=\"myprefix-text-italic\"><u>important text<\/u><\/em><\/strong><\/p>\n\n\n\n<p>or<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\"><em class=\"myprefix-text-italic\"><u>IMPORTANT TEXT<\/u><\/em><\/strong><\/p>\n\n\n\n<p>The use of underline <strong class=\"myprefix-text-bold\">and<\/strong><strong class=\"myprefix-text-bold\"> <\/strong>all capitals especially changes the shape of the word, making it harder to read.<\/p>\n\n\n\n<p>Underlining also implies a hyperlink to many users.<\/p>\n\n\n\n<h2 id=\"additional-benefits\" class=\"wp-block-heading\">Additional benefits<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong class=\"myprefix-text-bold\">Usability<\/strong>: Clarity of text benefits everyone, including people whose first reading\/writing system is not the latin alphabet. It also decreases cognitive load for all users, whose abilities to perceive text is both crucial and variable. <\/li>\n\n\n\n<li><strong class=\"myprefix-text-bold\">Marketing<\/strong>: The more easily people can consume your content, the better it is for business.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"what-wcag-says\" class=\"wp-block-heading\">What WCAG says<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>(Be sure to <a href=\"https:\/\/app.pope.tech\/result-documentation\">learn more about errors and alerts<\/a>.)<\/p>\n\n\n\n<p>From WCAG: &nbsp;Punctuation &#8220;will affect how the stress and intonation (known as prosody) patterns from the text are heard, when converted into speech. For example, in English, commas and semicolons will result in a short pause in the speech, whereas a hyphen &#8211; [and underscores] will generally be ignored.&#8221;<\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3.org\/WAI\/WCAG2\/supplemental\/patterns\/o3p06-format-punctuation\/#:~:text=Use%20punctuation%20correctly%20for%20the,content%20creators%20can%20help%20by:\">Learn more about WCAG says about this issue<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility The best ways to emphasize text is to use bold text or emphasized text, never colours or underlined text Reason It&#8217;s tempting to bring out all the guns to achieve a task such as making text on a page stand out. For example, if someone really wants you to see this text. However there [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":21336,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[18,23],"class_list":["post-21402","page","type-page","status-publish","has-post-thumbnail","hentry","cu_page_type-accessibility","cu_page_type-text-and-hyperlinks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/comments?post=21402"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21402\/revisions"}],"predecessor-version":[{"id":21497,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21402\/revisions\/21497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/media\/21336"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/media?parent=21402"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/cu_page_type?post=21402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}