{"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-09T11:43:16","modified_gmt":"2026-07-09T15:43:16","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><\/p>\n\n\n\n<p>Bolded text is the best way to make text stand out. It doesn&#8217;t change the shape or angle of the letters, meaning they are as legible as when not emboldened. The <strong class=\"myprefix-text-bold\">message<\/strong> <strong class=\"myprefix-text-bold\">stands out from<\/strong> other text clearly and in an unobstructed way. Screen readers can be set to emphasize bold text.<\/p>\n\n\n\n<p>Using the emphasized text format &#8211; <em class=\"myprefix-text-italic\">something like this<\/em>, for example &#8211; also has a role. For instance, when mentioning the title of a book, like, <em class=\"myprefix-text-italic\">The God of Small Things<\/em> by Arundhati Roy.<\/p>\n\n\n\n<p>Finally, you can outline other text such as an article, like, &#8220;Looking Back on the Spanish War&#8221; 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":4,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21402\/revisions"}],"predecessor-version":[{"id":21412,"href":"https:\/\/carleton.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/21402\/revisions\/21412"}],"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}]}}