{"id":139,"date":"2025-04-17T13:30:21","date_gmt":"2025-04-17T17:30:21","guid":{"rendered":"https:\/\/www.clarku.edu\/wordpress-training\/?page_id=139"},"modified":"2025-04-17T13:30:21","modified_gmt":"2025-04-17T17:30:21","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress-training\/resources\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"\n<p>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\u00a0<\/strong>always include appropriate \u201calt\u201d text for uploaded images.\u00a0 Alt text helps visitors using assistive technology understand your web content.<\/li>\n\n\n\n<li><strong>Ensure videos have captions \u2013<\/strong>\u00a0all 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>\u00a0text must have\u00a0sufficient contrast\u00a0against backgrounds, and should generally not be layered over images. In order to be\u00a0<a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\">WCAG 2.0<\/a>\u00a0level 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.\u00a0<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>\u00a0\u2013 people perceive certain elements differently than intended. Avoid using color to impart meaning or emphasis.<\/li>\n<\/ul>\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>\u00a0if 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>\u00a0research indicates that\u00a0<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>\u00a0simple 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>\u00a0on your big monitor, something might be on the right, but on a smaller screen, it may appear below.\u00a0 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>\u00a0many 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>\u00a0a 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>\u00a0assistive 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":7,"featured_media":0,"parent":9,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-139","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 | WordPress Training | Clark 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.clarku.edu\/wordpress-training\/resources\/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-training\/resources\/accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress Training\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ClarkUniversityWorcester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@clarkuniversity\" \/>\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-training\\\/resources\\\/accessibility\\\/\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/resources\\\/accessibility\\\/\",\"name\":\"Accessibility | WordPress Training | Clark University\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/#website\"},\"datePublished\":\"2025-04-17T17:30:21+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/resources\\\/accessibility\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/139#breadcrumbs\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":0,\"name\":\"ClarkU\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":1,\"name\":\"WordPress Training\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/#website\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/\",\"name\":\"WordPress Training\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress-training\\\/?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 | WordPress Training | Clark 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.clarku.edu\/wordpress-training\/resources\/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-training\/resources\/accessibility\/","og_site_name":"WordPress Training","article_publisher":"https:\/\/www.facebook.com\/ClarkUniversityWorcester","twitter_card":"summary_large_image","twitter_site":"@clarkuniversity","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clarku.edu\/wordpress-training\/resources\/accessibility\/","url":"https:\/\/www.clarku.edu\/wordpress-training\/resources\/accessibility\/","name":"Accessibility | WordPress Training | Clark University","isPartOf":{"@id":"https:\/\/www.clarku.edu\/wordpress-training\/#website"},"datePublished":"2025-04-17T17:30:21+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clarku.edu\/wordpress-training\/resources\/accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/pages\/139#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"name":"ClarkU","item":"https:\/\/www.clarku.edu\/"},{"@type":"ListItem","position":1,"name":"WordPress Training","item":"https:\/\/www.clarku.edu\/wordpress-training"}]},{"@type":"WebSite","@id":"https:\/\/www.clarku.edu\/wordpress-training\/#website","url":"https:\/\/www.clarku.edu\/wordpress-training\/","name":"WordPress Training","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clarku.edu\/wordpress-training\/?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-training\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":1,"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/pages\/139\/revisions\/140"}],"up":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/www.clarku.edu\/wordpress-training\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}