{"id":691,"date":"2023-10-12T13:05:31","date_gmt":"2023-10-12T13:05:31","guid":{"rendered":"https:\/\/usecase.cubewp.com\/streetwise\/?post_type=building&#038;p=691"},"modified":"2023-10-24T09:45:03","modified_gmt":"2023-10-24T09:45:03","slug":"cheema-hous","status":"publish","type":"building","link":"https:\/\/usecase.cubewp.com\/streetwise\/building\/cheema-hous\/","title":{"rendered":"Cheema Hous"},"content":{"rendered":"<p>A long description\u00a0is a way to provide long alternative text for non-text elements, such as images. Generally, alternative text exceeding 250 characters, which cannot be made more concise without making it less descriptive or meaningful, should have a long description. Examples of suitable use of long descriptions are charts, graphs, maps, infographics, and other complex images.<\/p>\n<p>As with alternative text, long descriptions should be descriptive and meaningful. It should also include all text that is incorporated into the image. A long description should provide visually impaired users with as much information as sighted users would understand from the image.<\/p>\n<p>There are four components to creating a long description in the Waterloo Content Management System (WCMS):<\/p>\n<ul>\n<li>A web page containing the long description.<\/li>\n<li>Alternative text that describes the overall image.<\/li>\n<li>A URL to the web page in the &#8220;Long Description URL&#8221; field.<\/li>\n<li>A link to the long description web page for sighted users (recommended).<\/li>\n<\/ul>\n<h2>Create a long description web page.<\/h2>\n<ol>\n<li>From the administration bar, select\u00a0<strong>Workbench,<\/strong>\u00a0and then select\u00a0<strong>My Dashboard<\/strong>.<\/li>\n<li>Navigate to\u00a0<strong>Content types<\/strong>.<\/li>\n<li>Next to\u00a0<strong>Web page<\/strong>, select\u00a0<b>Add<\/b>.<\/li>\n<li>In the\u00a0<strong>Title<\/strong>\u00a0field, enter the heading of the page where the image will reside, and add &#8220;alternative text&#8221; at the end.<\/li>\n<li>Enter a\u00a0<strong>Description of content<\/strong>.<\/li>\n<li>Leave the\u00a0<strong>Place in site hierarchy\u00a0<\/strong>box unchecked.<\/li>\n<li>Select\u00a0<strong>Save<\/strong>.<\/li>\n<li>Select\u00a0the\u00a0<strong>Layout\u00a0<\/strong>tab.<\/li>\n<li>Select\u00a0<strong>+Add block<\/strong>\u00a0and select\u00a0<strong>Copy text\u00a0<\/strong>Block.\u00a0<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/uwaterloo.ca\/web-resources\/sites\/ca.web-resources\/files\/resize\/uploads\/images\/copy_text_1-89x32.png\" alt=\"copy text\" width=\"89\" height=\"32\" \/><\/li>\n<li>In the\u00a0<strong>Title<\/strong>\u00a0field, enter &#8220;long description&#8221; and uncheck\u00a0<strong>Display title.<\/strong><\/li>\n<li>Add the long description into the text field.<\/li>\n<li>Select\u00a0<strong>Add block<\/strong>.<\/li>\n<li>Navigate to the<strong>\u00a0Change to:\u00a0<\/strong>menu and select\u00a0<strong>Published.<\/strong><\/li>\n<li>Select\u00a0<strong>Save Layout<\/strong>.<\/li>\n<li>On the page where the image will reside, insert the image and enter alternative text that describes the overall image. To view the steps of\u00a0inserting an image and adding alternative text, see\u00a0<a href=\"https:\/\/uwaterloo.ca\/web-resources\/wcms-3-users\/wcms-3-training-and-support\/wcms-3-how-documents\/how-add-image-body-content\">How to add an image to body content<\/a>. The image must be inserted through a copy text block so that it may be linked to the long description web page.<\/li>\n<li>Add the long description to the image.\n<ol>\n<li>Select the image in the copy text Block and then select\u00a0the\u00a0<strong>Link icon<\/strong>\u00a0<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/uwaterloo.ca\/web-resources\/sites\/ca.web-resources\/files\/resize\/uploads\/images\/link-icon_0-34x30.png\" alt=\"link icon\" width=\"34\" height=\"30\" \/>in the editing toolbar.<\/li>\n<li>Search and select the long description page title.<\/li>\n<li>Select\u00a0<strong>Save<\/strong>.<\/li>\n<li>Select\u00a0<strong>Update<\/strong>.<\/li>\n<li>Select\u00a0<strong>Save layout<\/strong>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>\u00a0<\/p>\n","protected":false},"featured_media":249,"comment_status":"open","ping_status":"closed","template":"","building_category":[],"location":[9],"class_list":["post-691","building","type-building","status-publish","has-post-thumbnail","hentry","location-new-york"],"cubewp_post_meta":[],"taxonomies":["new york"],"_links":{"self":[{"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/building\/691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/building"}],"about":[{"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/types\/building"}],"replies":[{"embeddable":true,"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/comments?post=691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/media\/249"}],"wp:attachment":[{"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/media?parent=691"}],"wp:term":[{"taxonomy":"building_category","embeddable":true,"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/building_category?post=691"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/usecase.cubewp.com\/streetwise\/wp-json\/wp\/v2\/location?post=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}