{"id":1005,"date":"2017-03-01T17:18:37","date_gmt":"2017-03-01T17:18:37","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=1005"},"modified":"2017-03-03T17:54:21","modified_gmt":"2017-03-03T17:54:21","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"

Web Accessibility is the practice of creating web content that is usable for those with disabilities, including low or severe vision impairment, colorblindness, deafness or hearing loss, and impaired mobility.<\/p>\n

These users utilize tools like screen reader software,\u00a0enlarged screen resolution, and special computer mice or keyboards to make a website easier to use. Screen reader software like JAWS<\/a>\u00a0reads out all the content on the screen in order, and the user can use the keyboard to navigate based on the voice description provided by the software.\u00a0<\/p>\n

In the College of Arts and Sciences Web System we have already included many of the elements needed to make our system accessible. However, in order to maximize our accessibility\u00a0there are a few things editors\u00a0can also do to help.<\/p>\n

\n

Images<\/h2>\n

 <\/p>\n

Adding extra contextual content to our image code is the most common way we can help with accessibility. When you insert an image into a post or page, Be sure to fill out the alt text, which should directly describe the content of the image. Here’s an example.<\/p>\n

Alt Text:<\/strong> Brad Odhner standing in front of ruins in Athens Greece<\/p>\n

<\/p>\n

\"\"<\/p>\n<\/div>

<\/p>\n

\u00a0\u00a0<\/p>\n<\/div><\/div>\n

\n

Text on Images and Images as Buttons<\/h2>\n

 <\/p>\n

In general we would prefer that you refrain from writing important text on images at all times. However, if it must be done, please make sure\u00a0the text is also available elsewhere on the same page and you have also provided alt text for the image.\u00a0<\/p>\n

 <\/p>\n

<\/p>\n

\"\"<\/p>\n<\/div>

\n \"\"<\/p>\n

\n<\/div><\/div>\n

\n

PDFs<\/h2>\n

 <\/p>\n

PDFs are not something we often consider when working on accessibility, but PDFs can often provide crucial information to students that is difficult to find elsewhere. In general, your PDF files should follow a logical structure of font sizes and weights.<\/p>\n

When you create PDFs from Microsoft Word Documents you need to take a few extra steps to make sure they’re accessible.<\/p>\n

 <\/p>\n

On a Mac using Office 2016<\/h2>\n

 <\/p>\n

<\/p>\n

Go to File > Save As.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

<\/p>\n

Choose PDF as the file format.<\/p>\n

Make sure to select the option that says “Best for electronic distribution and accessibility (uses Microsoft online service). Note: this is only suitable for publicly available information, not for internal or private data.<\/strong><\/p>\n

It will ask you to confirm using the online service to convert your file if you have never used it before. Confirm, and your PDF will be saved.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

 <\/p>\n

\n<\/div><\/div>\n

On Windows using Office 2016<\/h2>\n

 <\/p>\n

<\/p>\n

Go to File > Export > Create PDF\/XPS<\/p>\n

\n<\/div>

<\/p>\n

<\/p>\n

\n<\/div><\/div>\n

<\/p>\n

Choose PDF as the file format.<\/p>\n

Go to Options near the bottom of the window.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

<\/p>\n

 <\/p>\n

On the new window, look for the section titled Include non-printing information<\/em>. At the bottom of this section should be a checkbox with the label Document structure tags for accessibility<\/em>. Check this option.<\/p>\n

Confirm and then publish the document to save it.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Web Accessibility is the practice of creating web content that is usable for those with disabilities, including low or severe vision impairment, colorblindness, deafness or hearing loss, and impaired mobility.<\/p>\n

These users utilize tools like screen reader software,\u00a0enlarged screen resolution, and special computer mice or keyboards to make a website easier to use. Screen reader software like JAWS<\/a>\u00a0reads out all the content on the screen in order, and the user can use the keyboard to navigate based on the voice description provided by the software.\u00a0<\/p>\n

In the College of Arts and Sciences Web System we have already included many of the elements needed to make our system accessible.<\/p>\n

Continue reading… Accessibility<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/1005"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=1005"}],"version-history":[{"count":10,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/1005\/revisions"}],"predecessor-version":[{"id":1026,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/1005\/revisions\/1026"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}