{"id":32,"date":"2025-02-01T19:14:48","date_gmt":"2025-02-02T00:14:48","guid":{"rendered":"https:\/\/www.golive.clarku.edu\/jp\/?page_id=32"},"modified":"2025-10-30T11:52:22","modified_gmt":"2025-10-30T15:52:22","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"\n<div class=\"wp-block-columns sidebar is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"intro\">Clark\u2019s website is for everyone. The institution embraces equity, diversity, and inclusion, and its website must communicate the same.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Images and color<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alternative text for images \u2013&nbsp;<\/strong>always include appropriate \u201calt\u201d text for uploaded images.&nbsp; Alt text helps visitors using assistive technology understand your web content.<\/li>\n\n\n\n<li><strong>Ensure videos have captions \u2013<\/strong>&nbsp;all videos must be closed captioned, those that aren\u2019t must provide a transcript.<\/li>\n\n\n\n<li><strong>Be mindful of text contrast \u2013<\/strong>&nbsp;text must have&nbsp;sufficient contrast&nbsp;against backgrounds, and should generally not be layered over images. In order to be&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\">WCAG 2.0<\/a>&nbsp;level AA compliant, small text must have a contrast ratio of at least 4.5:1 and large text must have a ratio of 3:1. Level AAA compliance requires a contrast ratio of 7:1 for small text and 4.5:1 for large text. Large text is defined as 14pt and bold or larger, or 18pt and larger. <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">https:\/\/webaim.org\/resources\/contrastchecker\/<\/a><\/li>\n\n\n\n<li><strong>Be mindful of color<\/strong>&nbsp;\u2013 people perceive certain elements differently than intended. Avoid using color to impart meaning or emphasis.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><?xml encoding=\"utf-8\" ?><nav class=\"is-vertical wp-block-navigation is-content-justification-stretch is-layout-flex wp-container-core-navigation-is-layout-353c4f5a wp-block-navigation-is-layout-flex\" aria-label=\"Build a website submenu\"><ul class=\"wp-block-navigation__container  is-vertical wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/writing-for-the-web\/\"><span class=\"wp-block-navigation-item__label\">Writing for the Web<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/links\/\"><span class=\"wp-block-navigation-item__label\">Links<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/\"><span class=\"wp-block-navigation-item__label\">Color<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/\"><span class=\"wp-block-navigation-item__label\">Images<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/documents\/\"><span class=\"wp-block-navigation-item__label\">Documents<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/\"><span class=\"wp-block-navigation-item__label\">Accessibility<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/how-tos\/\"><span class=\"wp-block-navigation-item__label\">How tos<\/span><\/a><\/li><\/ul><\/nav>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Usability<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Do not provide instructions on how to use a page \u2013<\/strong>&nbsp;if your page requires instructions, redesign it. In addition, your visitors already know how forms work, there\u2019s no need to use language like, \u201cfill in the form below.\u201d<\/li>\n\n\n\n<li><strong>Do not open links in new windows \u2013<\/strong>&nbsp;research indicates that&nbsp;<a href=\"https:\/\/www.nngroup.com\/articles\/new-browser-windows-and-tabs\/\">new windows make it harder for your visitor to browse your site<\/a>.<\/li>\n\n\n\n<li><strong>Use plain language \u2013<\/strong>&nbsp;simple and positive language makes it easier for the public to read and understand our website. Consider visitors who aren\u2019t fluent in English or otherwise struggle with reading.<\/li>\n\n\n\n<li><strong>Never describe where elements appear \u2013<\/strong>&nbsp;on your big monitor, something might be on the right, but on a smaller screen, it may appear below.&nbsp; Either link directly to the resource or reference it without describing its location.<\/li>\n\n\n\n<li><strong>Test your pages on a small screen \u2013<\/strong>&nbsp;many web pages are primarily viewed on a phone. Your page must work well on small screens. Tip: design first for a phone, second for a larger display.<\/li>\n\n\n\n<li><strong>Use engaging link text \u2013<\/strong>&nbsp;a good link informs the visitor what it is without reading the content around it. It can be a few words. Try to include a verb in your link text. Do not use \u201cclick,\u201d \u201ctap,\u201d or any other hardware reference.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Follow correct syntax<\/h2>\n\n\n\n<p>The way we format text affects more than the appearance and layout of the page. For example, it\u2019s easy to make a header bold and it can have the desired look and feel, but formatting the same text as a header signals gives meaning in relationship to any text that follows. Consistent syntax helps signal what type of content users are reading. This is particularly helpful for viewers who use assistive technology to access your content, and is also helpful for search engine optimization.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Use proper headings \u2013<\/strong>&nbsp;assistive technology relies on heading elements to navigate a page\u2019s content hierarchy, use them properly. Be sure that your heading blocks follow a nested pattern. <\/li>\n<\/ul>\n\n\n\n<p>HTML syntax is organized like an outline:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;Title&lt;\/h1&gt;\n\n&nbsp;&nbsp;&nbsp; &lt;h2&gt;Topic 1&lt;\/h2&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h3&gt;Subtopic A&lt;\/h3&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h3&gt;Subtopic B&lt;\/h3&gt;\n\n&nbsp;&nbsp;&nbsp; &lt;h2&gt;Topic 2&lt;\/h2&gt;\n\n&nbsp;&nbsp;&nbsp; &lt;h2&gt;Topic 3&lt;\/h2&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Clark\u2019s website is for everyone. The institution embraces equity, diversity, and inclusion, and its website must communicate the same. Images and color Usability Follow correct syntax The way we format text affects more than the appearance and layout of the page. For example, it\u2019s easy to make a header bold and it can have the [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":23,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Accessibility - ClarkU WordPress<\/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.clarku.edu\/wordpress\/build-a-website\/accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility\" \/>\n<meta property=\"og:description\" content=\"Clark\u2019s website is for everyone. The institution embraces equity, diversity, and inclusion, and its website must communicate the same. Images and color Usability Follow correct syntax The way we format text affects more than the appearance and layout of the page. For example, it\u2019s easy to make a header bold and it can have the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"ClarkU WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T15:52:22+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/accessibility\\\/\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/accessibility\\\/\",\"name\":\"Accessibility - ClarkU WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\"},\"datePublished\":\"2025-02-02T00:14:48+00:00\",\"dateModified\":\"2025-10-30T15:52:22+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/accessibility\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/32#breadcrumbs\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":0,\"name\":\"ClarkU\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":1,\"name\":\"ClarkU WordPress\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/\",\"name\":\"ClarkU WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Accessibility - ClarkU WordPress","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.clarku.edu\/wordpress\/build-a-website\/accessibility\/","og_locale":"en_US","og_type":"article","og_title":"Accessibility","og_description":"Clark\u2019s website is for everyone. The institution embraces equity, diversity, and inclusion, and its website must communicate the same. Images and color Usability Follow correct syntax The way we format text affects more than the appearance and layout of the page. For example, it\u2019s easy to make a header bold and it can have the [&hellip;]","og_url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/","og_site_name":"ClarkU WordPress","article_modified_time":"2025-10-30T15:52:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/","url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/","name":"Accessibility - ClarkU WordPress","isPartOf":{"@id":"https:\/\/www.clarku.edu\/wordpress\/#website"},"datePublished":"2025-02-02T00:14:48+00:00","dateModified":"2025-10-30T15:52:22+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/32#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"name":"ClarkU","item":"https:\/\/www.clarku.edu\/"},{"@type":"ListItem","position":1,"name":"ClarkU WordPress","item":"https:\/\/www.clarku.edu\/wordpress"}]},{"@type":"WebSite","@id":"https:\/\/www.clarku.edu\/wordpress\/#website","url":"https:\/\/www.clarku.edu\/wordpress\/","name":"ClarkU WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clarku.edu\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":4,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/32\/revisions\/583"}],"up":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/23"}],"wp:attachment":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}