Home

Accessibility@Mason - Assistive Technology Initiative

1. Assistive Technology Initiative Adding a Table and Setting Table Headings in Blackboard How it Works Blackboard is fairly accessible out of the box It is up to the professor to continue the accessibility when creating Modules Items etc within the course When creating a new Module or other Learning Content you will often see the WYSIWYG what you see is what you get edit box where you can add content When adding content to courses there are multiple ways you can include accessibility Let s begin by looking at adding Tables There are two types of tables 1 data and 2 layout presentation Data tables don t necessary have to have numbers to be considered Data Any table presenting information that has a set header that would follow through the rows and columns would be considered a Data table All Data tables need headers set in the Row and Column headers These headers should always be set as Header H1 Adding Accessibility When you add a Table in a Module the Insert Edit Table box opens Check the Table Caption at the bottom of the General Tab Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Columns Cell Padding Alignment Not Set Width 200 Class Not Set Table Caption Then move to the Advanced tab It is good to create information summary about the table Be sure to set the language dire
2. Granting CC Permission The Closed Captioning permission is not included in the default set of Global permissions not even for Moderators including yourself Before Moderators and Participants can enter text in the Closed Captioning input window you must explicitly grant them the Closed Captioning permission 1 To grant permission Select the Closed Captioning permission icon in their participant menu Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 2 When they are granted permission they will see the CC icon in their menu bar w AUDIO amp VIDEO Entering CC Text Once you have been given permission to enter the closed captioning text open the Closed Captioning input window by doing one of the following e Click on the Closed Captioning button at the top of the Audio amp Video panel e From the Window menu select Show Closed Captioning The CC box will come up Closed Captioning Background Yv 24v g Text Dialog Enter captions text This is some closed captioning text Viewing CC Text All Moderators and Participants upon joining a session have the permission to view the text in the Closed Captioning window To open the Closed Captioning view only window do one of the following in Rl e Enter Control F8 Command F8 on Mac e From the Window menu select Closed Captioning e f someone in the session ha
3. Skip Navigation Skip to Main Skip to Content etc Guide to Creating Accessible Electronic Materials A GEORG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility Headings Headings Web pages often have sections of information separated by visual headings For example heading text is bigger and bold Headings need to be marked up in the web page code e g HTML A Heading for a web page can be e The title of the page or e Titles of sections of the page Ensure that all logical headings use the HTML heading tags In order fora screen reader to quickly access content numbering headings is important Heading levels should have a meaningful hierarchy such as Heading Level 1 lt h1 gt Heading Level 2 lt h2 gt Heading Level 3 lt h3 gt Heading Level 3 lt h3 gt Heading Level 2 lt h2 gt Heading Level 3 lt h3 gt Heading Level 4 lt h4 gt Heading Level 4 lt h4 gt Heading Level 2 lt h2 gt Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 What to Check e The page has a heading e All pages should have at least one heading e All text that looks like a heading is marked up as a heading e All text that is marked up as a heading is really a conceptual section heading e The heading hierarchy is meaningful Ideally t
4. Type SHIFT LEFT to rewind 5 seconds or SHIFT SPACE to pause play EN Turning Captions On Off 1 Open your YouTube video 2 Under the video click CC click On and then select English from the track list M ASON UNIVERSITY George Mason University Where Innovation Is Tradition 3 To turn off captions click CC again Gc EORG Assistive Technology UNIVERSITY Initiative Vimeo Adding Captions and Subtitles 1 Log into your Vimeo Account http www vimeo com 2 Select the video that you would like to add captions subtitles to and then click the Settings button GS GUILUIC HA PUDdLIIIVUC b ATI Accessible Media 3 Next click the Advanced link V ATEU Video Settings Basic Info Basic Privacy AddTo Video File es Jos Basic Info Title Description Tags Crariite 4 Under Add Captions amp Subtitles click the Choose a Caption file to Upload button NOTE Vimeo currently supports SRT WebVTT DFXP TTML SCC and SAMI files Video Settings Advanced Basic Privacy AddTo Video File Advanced Content Rating All audiences Mature Add Captions amp Subtitles Choose a Caption file to Upload our FAQ 5 Once the file is uploaded check the box to activate it Uncheck the box to deactivate the file or click the red x to delete it entirely Turning on Captions or Subtitles 1 To turn on captions or subtitles when viewi
5. Beginner Some versions of Internet Explorer IE have the title bar If so the following steps are not needed e Open the web page e On toolbar select Structure e Select Heading structure o Or with keyboard Citrl Alt 6 then down arrow key to Heading structure e Anew page opens e Page title is shown after Title Additional Resources While there is flexibility on what makes a good page title a best practice is for titles to be front loaded with the important and unique identifying information first Poor Titles Welcome to home page of Acme Web Solutions Inc Acme Web Solutions Inc About Us Acme Web Solutions Inc Contact Us Acme Web Solutions Inc History Better Page Titles Acme Web Solutions home page About Acme Web Solutions Contact Acme Web Solutions History of Acme Web Solutions N RE UNIVERSITY Assistive Technology Initiative How to lest Websites for Accessibility Accessible Links What to Check Links and or their associated title attributes must be labeled correctly e A Skip to Content or Skip Navigation link should be located on a webpage in the upper right or left hand side of the screen This link will allow keyboard and screen reader users to quickly access the main content of the page without navigating through all the main menus and navigation bars e Click here More Info etc e URLS that are spelled out such as
6. Converting to PDF To produce accessible PDF files for the web the following requirements must be met 1 The file must meet accessibility standards by providing alternative text for images proper headings appropriate link text etc 2 The file must be exported correctly If a file is created by printing to PDE it will not be correctly tagged 3 Office 2007 users must have either Acrobat or the Microsoft PDF add in installed Office 2010 users can create tagged PDF files natively or with the Adobe add in Note The following instructions can also be used to convert PowerPoint files to PDF Word 2007 Adobe Add in The Adobe Add in best choice to create high quality tagged PDF files 1 To export a PDE click on the Office button hover over Save As and select also called PDFMaker is the Save a copy of the document Word Document Save the document in the default file format PP Word Template Save the document as a template that can be used to format future documents W Word 97 2003 Document Save a copy of the document that is fully compatible with Word 97 2003 Boum Print gt Adobe PDF or use shortcut 98 gt aea aaee cata atrae formats such as PDF or XPS Alt EF E A E Send gt Other Formats Si Open the Save As dialog box to select from 2 Or you can select 4 oe all possible file types i ublis Create PDF
7. anguages ERT DFE file from your computer 3 Upload your SRT file In the Edit Entry menu click on the Captions tab on the left hand side Next click Add Another Caption Then under the Actions column click Upload File Select your SRI file 4 Finally select the language and click Save Turning Captions Audio Description On Off All Mason videos are played using Kaltura s 508 compliant video player Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 The player includes e Support for captions file in timed text or SRT formats for the video audio file e Support for an audio description in a standardized format for the video audio file e Hidden text elements for every non text element for screen readers e Tooltips e Keyboard tabbing and controls e High contrast controls Turn captions audio description on or off by clicking the CC and or AD buttons respectively They appear when you hover your mouse on the top right hand side of your video Assistive Technology Initiative UNIVERSITY You Tube Adding Captions Files or Transcripts 1 Log into your YouTube Account 2 Click the drop down menu next to the Upload button and then click Video Manager in Q Upload ee a3 Dashboard Recomm Video Manager j ilil Analytics KN F les with AdWords for video g 3 Visit your Video Manager and click the drop down menu next
8. 2 Select the Alt Text tab on the sidebar Enter appropriate alt text to the Description field not the Title field Web browsers display alternative text while pictures are loading or if they are missing Web search engines use alternative text to help find Web pages Alternative Text is also used to assist users with disabilities Alt Text Pee XXX Do not put alt here XXX Titles and ceserpters srovide ateratve text Cased heoresenteters of he riament contarei r hies doyens mages aid ofer dbjedtt The rimado s sef for people wth vision or cognitive imparments eho may not be able to see or understand fre object We oa De read to 6 person orth Gbit ard 9 used to danene whe ther They vat to haar the description of the content 2012 Project GOALS All rights reserved CREATING ACCESSIBLE MICROSOFT WORD Co UMNS sert Page Layout References Mailings D E Breaks When creating columns re sn Margins Orientation Size always use true columns not columns created by hand with the Tab key b Hyphenation v Page S Creating Columns 1 Select Page Layout on the Ribbon 2 Select Columns in the Page Setup group Data Tables Use the Insert Table command to create tables not by hand with spaces or the Tab key Left Right More Columns e There is no way to easily create table headers in Word The first row can be
9. Content Section When doing this the video will automatically show up at the bottom of all content in Blackboard and it would need to be moved to the appropriate location Build Content v Ai Create Item File Audio Image By default Video Options include Autostart Loop and Add alignment to content checked as No Maintain these settings You can easily add a Transcript for the video audio Select the Browse Button to Include a Transcript 2 Video Options NOTE Adding a transcript doesn t make the video fully accessible but does help add additional support for all students Additional Resources Don t have a transcript Visit ATI s Accessible Media website for a free transcript and captioned video meer Ja N RES UNIVERSITY Initiative Assistive Technology Blackboard Collaborate Web Conferencing Built In Accessibility Features Blackboard Collaborate offers built in features that are an integral part of the program but also aid in accessibility These are more universal design features that can help anyone in the collaborate experience but may be especially helpful for someone with a disability Audible Visual Notifications These are system messages used to notify users when important events occur within the session The following audible notifications should always be enabled and the default visual notifications should always be checked e Chat Message Received e Mi
10. You can also click on the Contrast button to identify text that may be difficult for some people to read 2 Navigate without a mouse Some users with motor disabilities as well as those who are blind have difficulty navigating the web using a mouse Because of this all web content must be accessible using the keyboard only To test this use the Tab key to navigate through links and forms Shift Tab to go backward and the Enter key to perform an action If you cant get to what you want or if your cursor gets trapped and can t move the page has an accessibility problem Note If you are using Safari you will need to enable the following preference first Safari gt Preferences gt Advanced gt Check Press Tab to highlight each item on a webpage 2013 Project GOALS All rights reserved Contact us at goals ncdae org or 435 797 3381 Check for the following issues e When you Tab to a link with the keyboard it should be highlighted usually with a dashed outline If you dont see this outline this is a serious issue Ensure that the keyboard navigation order is logical It should basically match the visual reading order of the page e g header sidebar main content footer e Check for things that only work with a mouse e g a navigation menu that expands when the user hovers over it with a mouse See what happens if you try to navigate this same area with a keyboard Some pages have
11. creating Modules Items etc within the course When creating a new Module or other Learning Content you will often see the WYSIWYG what you see is what you get edit box where you can add content When adding content to courses there are multiple ways you can include accessibility Let s begin by looking at adding Images There are two types of images 1 meaningful important information and 2 presentation show All images need tagged or described It depends upon what type of image as to the type of tag used Adding Accessibility When you add an Image in a Module the Insert Edit Image box opens Under the general tab you select the location of your image You MUST enter a description Entering a Title is helpful but should not be identical to the description Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Insert Edit Image Mozilla Firefox f https mymasonportal gmu edu webapps vtbe tinymee y iry ry pP wor Pe MET mi DU GIN General Appearance f Advanced Browse My Computer Browse Course TAP aan nen JP JE gt AR AER m m3 Pset far When attaching a file from your computer you must fir ScriptiomAccessiity Mason Logo Here you have an area that you can either enter in a long description describing the chart or graph Additional Resources Accessibility Features in Blackboard http www blackboard com Platforms L
12. http section508 gov docs exam ples files PPT slide1 html instead of linking to text Check with IE WAT Beginner Some versions of Internet Explorer IE have the title bar If so the following steps are not needed e Open the web page e On toolbar select Doc Info e Select List Links o Anew window will open with a report e Review links provided in report o For example Link phrases and words rather than write out URLs such as www cnn com news story _PandaCam should be Panda Cam Story title linked e Also within the report o Check the first few links under link content for a Skip to Content or Skip Navigation link o Use CTRL F to open a Find toolbar at the top of the page and type the work skip then press enter o If Skip exists on that page the word will be highlighted o If that option does not bring up results then there is no skip to content link present Check Using Keyboard and or Screen Reader Intermediate Screen readers such as NVDA or JAWS can be used to access a list of links on a page Ensure the skip link is functioning correctly by Tab to link gt Enter gt Tab again Watch for redundant title attributes lt a title Articles gt Articles lt a gt INSERT F7 opens a dialog box where a list of all of the links on the page will appear Press the S key to search for all links that start with the letter S o For example
13. 14 Navigation Refers to the system that allows visitors to a website to move around that site Navigation is most often thought of in terms of menus but links within pages breadcrumbs related links pagination and any other links that allow a visitor to move from one page to another are included in navigation 15 Plugins A special kind of web browser add on Plugins are essentially required add ons if viewing very specialized web pages Examples include Adobe Flash or Shockwave player Microsoft Silverlight player and Adobe Acrobat PDF reader 16 Tabindex The tabindex attribute specifies the tab order of an element when the tab button is used for navigating 17 Template A file used to create a consistent design across a website Templates are often used in conjunction with a CMS and contain both structural information about how a site should be set up but also stylistic information about how the site should look 18 URL Stands for Uniform Resource Locator The technical term for the address of a website or document on the web For example www ati gmu edu is a URL 19 Usability Refers to how easy it is for a visitor to use a website in its intended manner 20 WAT Stands for Web Accessibility Toolbar t is a free toolbar developed by the Paciello Group that can be installed in IE for testing accessibility of webpages 21 Web Standards Specifications recommended by the World Wide Web Consortium for standa
14. E 1 Hello all order of an element click h drag gt ag to t x NPS ocation that reflects the 4 Image w 102 correct reading order EN 2 This is a test DEEA m ii Alternative Text E When an image is tagged as a figure the alternative text appears over the top of the image 1 To add or change text Right click on the image select Edit Alternate Text 2 Enter the appropriate alternative text in the dialog box Table Inspector The Table Inspector allows you to easily identify and assign scope to table headers 1 With the TouchUp Reading Order tool open select a table and then select Table Inspector 2 Right click on a selected cell s and choose Table Cell Properties A dialog box will appear 3 If the selected cell s needs to be tagged as a header select the Header Cell option and assign a scope of either Row or Column Artifacts Artifacts are elements that are ignored by a screen reader Important text should never be labeled as an artifact 1 With the TouchUp Reading Order tool open select an element you wish to change to an artifact and press the background button Or right click on an item in the Tags panel and select Change Tag to Artifact 2 To search for artifacts go to the Tags panel and select Options gt Find Artifact is the default search option so click Find For more information go to www ncdae org goals Made possible by a grant from the Fund for the
15. Have a website tested for free at GMU using this tool Please visit Request a Web Accessibility Evaluation Sample from AMP report below Compliance Health By Ruleset PE 4 mm 508 21 508 22 508 24 508 31 508 Mobile 1 0 WCAG2 WCAG2 AA Color Contrast Analyzer The Color Contrast Analyzer is a Google Chrome Extension This extension allows a user to analyze color contrast on a single webpage according to the WCAG 2 0 color standards A user can choose to analyze a portion of the webpage or the entire page The automated process takes anywhere from 1 3 minutes and the results display a map of the outlined text that meets the standards Any text that is not displayed in the results does not have enough contrast to meet the standards selected Sample of results below HIGHLIGHTS WOMENSTRACKAND CHAMPION OFCHANGE SILVERTSUNAMT FIELD TOPS IN A 10 COMES ASHORE Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative How to Test Websites for Accessibility Free Testing Tools Open AJAX Alliance The Open AJAX Alliance OAA is an accessibility add on within Firefox This plug in opens a sidebar to evaluate web pages for compliance to WCAG 2 0 success criteria and allows web developers to explore and inspect the accessibility of webpages OAA displays a
16. Home Page lt a gt E M GEORG UNIVERSITY Assistive Technology Initiative CommonSpot Web Management Image Description Alt Text What is an Alt Text tag Alt tags are descriptions for images that communicate the meaning of the image to users of assistive technologies and text only browsers This is very important for accessibility and is a best practice that should be followed CommonSpot allows the addition of alternative text for images but it must be included by the content manager developer It is not automatically added To add alt tags to images on your CommonSpot page follow the steps below Step 1 Select the gear icon for your image and select Image Single Image No Changes Current bd S E lg 2 age Caption Layout Style Comments more Step 2 In the mage Properties dialog box type in the text description in the Alternate Image Text field and click Save See next example mage Properties ease specify the source of the image and its rendering properties below i f A ayant y Image Choose New b 4 fimages main_pici_2 jpg ey Rollover Image Choose New Not specified Image Size Edit Rescan Im Original Size 420 x 241 Scaled Size 420 x 241 Border Size 0 Vertical Space Around Image 0 Horizontal Space Around Image 0 Alternate Image Text Flyover Text ergonomic keyboard Link Edit URL
17. Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied Adobe LiveCycle Designer Making Accessible PDF Forms About Adobe LiveCycle Designer software enables the creation of forms that combine high fidelity presentation with XML data handling The easy to use graphical interface enables users to quickly design forms maintain form templates define a form s business logic make changes and preview forms before they are deployed as Adobe PDF or HTML documents For example this product enhances document security with secure template designs for digital signatures and enables compliance with government accessibility requirements for online forms Accessibility Features e Easily configure form properties to generate accessibility information e Create alternative text for images e Easy addition of proper labels e Ensures reading and tab order for logical and correct order e Allows heading cells for tables Adding Accessibility Right click anywhere on a new document and select the Accessibility palette which will be added on the right side of the page Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Paste ayout Border Accessibility 3 Accessibility shows on the Delete Del Rename Object Change Object Type gt 2 right side of the Wrap in Subform Unwrap Subform screen Me
18. Set Open Options Runs Ea Manage Actions automatically Make Accessible Archive Documents 3 Recognize Text using OCR If your PDF is not true text it will be converted into true text during this step If you Te are not sure if your PDF is ia oleae true text one easy test is to search for a word that you Drntaction know occurs in the document If no results are found it needs to be converted to text Publish Sensitive Informati 4 Detect Form Fields Only necessary if your page contains fillable forms 5 Set Tab Order Property Runs automatically 6 Set Reading Language 7 Add Tags to Document PDF tags provide accessibility information to screen readers If your document does not have tags they will be added during this step You will need to check the quality of these tags later on Set Alternate Text A window will appear that allows you to add alternative text Use the arrows to move between images and check Decorative figure if the image should be ignored by a screen reader 9 Run Accessibility Full Check This checker will show additional issues Right click errors and warnings and select Fix to address the issues Skip Rule if the issue has been addressed and Explain to read online help Set Alternate Text OO Image1 of 5 Alternate text Decorative figure d INSERT ALT TEXT HERE 2013 Project GOALS All rights reserved Conta
19. a link at the ee of the page diss allows users to skip over top navigation to the main content on the page navigate to this link with Tab and then press Enter to activate the link Ensure that the screen visually jumps ain conte over the navigation to the beginning of the y N C 2 page Hit Tab again and The National Centi make sure that focus goes and Access to asia Newsstand Subjects Business Departments Used Rental eTextbooks New History Sell Textbooks FAQ Computer Education See More gt to the next link on the page If it jumps back to the top of the page or if focus never moves from the top of the page in the first place the skip link might be broken e If any boxes pop open e g slideshows date pickers warnings make sure you can navigate and close these boxes with a keyboard The Ese key should close Q these boxes Correct it Find and remember your current location Learn more as well 3 Zoom a page and enlarge text Some users with visual disabilities enlarge page content for readability but enlarging content on a page can sometimes cause layout problems To make content larger press Ctrl Cmd on Mac and plus Ctrl and minus makes content smaller and Ctrl and the number 0 will return to the default Zoom the page several times and make sure everything is readable especially images with text
20. file by default 4 If not select Preferences from the Acrobat ribbon and ensure Cahen that Enable Accesibility PF Reflow with tagged Adobe PDF is selected Ji en Adobe PDF rent r e ISET2010 Adote Sytten hossented ad t hormon Al agta reserved 4 Adobe te Adios ings Acrobat the Adobe POF logo Poeto and Reeder oe ether GENE VYdETade of raterus of Adobe Stens hootonted nthe Mote United Sites r gt she Soter Saving PDF Natively oms ee Tagged PDF files can still be created without installing Dea Selection Acrobat Page s From pH To pH 1 Select File gt Save As green 2 Under Save as Type BP select PDF 3 Before saving select Word bookmarks Options and ensure that the Document structure tags for PDF options efo Z mplian PDF accessibility option eee ae ee is selected Encrypt the document with a password Ca ee Document showing markup Indude non printing information F Create bookmarks using Headings GOS Ga For more information go to www ncdae org goals Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied MathType Creating Accessible Math Equations About MathType 6 9 MathType is a powerful interactive equation editor for Windows and Macintosh that lets you create mathematical notation for word processing web pages
21. from the Acrobat Ul e ribbon dialog box will appear Ca EEI Home Insert E k Word Options X Exit Word Docl dq Page Layout References Mailings Review View Acrobat ee F Preferences Create and Mail Create and Send Acrobat Start F Attach to Email Merge For Review Comments Meeting Create Adobe PDF Create and Email Review And Comment Connect O 2012 Project GOALS All rights reserved PDF CONVERSION IN MICROSOFT WORD Save Adobe PDF File As 3 The program should create a tagged PDE D EB Adobe PDF Conversion Options PDF Options file by default If not select Fen cole Can PoF Se Adobe PDF Poser p M Word Headings Conversion word Bookmarks C word Styles Options and ao select the Create Accessible mee Tagged PDF Fully functional PDF O Quick and simple PDF file option yew resit Microsoft Add in Word 2007 offers a free Save as en Sana copy oi the daonnan Word Document PDF Add in that EN we Save the document in the default file Vy Open format allows you to create Word Template tagged PDF files bead SM Soe toma om without installing Il Save As P steg ie is fully Acrobat This is compatible with Word 97 2003 Print available at http www mi Prepare 1 p other Formats www microsoft Open the Save As dialog box to select from com en us all possible file types e a d
22. identified as table headers in PDF but not in HTML To do this Right dick on the first row in the table and select Table Properties gt Row gt Repeat as header row at the top of each page Links Word automatically creates a hyperlink when a user pastes a full URL onto a page These may not make sense to screen reader users so more information is needed Editing Hyperlinks 1 Select a hyperlink right click and select Edit Hyperlink or CTRL k 2 Change the URL in the Text to Display field to a more meaningful description Edit Hyperlink Link to Text to display WebAIM article on creating accessible content in Word webaim org techr x E My Documents OG articles Target Frame Place in This backup Document Browsed blog ideas Pages gt Bluetooth O conferences Create New Recent consulting Document Files Downloads events le Look in Existing File or Web Page O AdobeStockPhotos n Current archives E Folder 2 Address http www webaim org techniques word E mail Address Contact us at goals encdae org or 4435 797 3381 Lists ka LEE iE Use true numbered and iii j l bulleted lists to emphasize a E point or a sequence of steps m m P D 4 Creating Lists 1 Select Page Layout on the Ribbon 2 Select Bullets and Numbering Other Principles Ensure that font size is sufficient aroun
23. it is important to make sure adequate response time is given for mobility impaired users users with screen readers and readers with cognitive impairments All of these audiences require extra time to process instructions Think online banking and purchasing online tickets etc Check Timed Responses e If elements on the page require a timed response for example O Quizzes or automatically refreshing pages or o Any timed redirects Warn the user before the time limit expires Provide the user sufficient time to indicate that more time is required before the time limit is reached Page is not accessible if o User has no option to extend the time o Is not given an alert with enough time to extend the limit Additional Resources http textcaptcha com Vo M GEORG UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility Color Contrast Color Contrast Some individuals cannot read text if there is not sufficient contrast between the text and background Gray Text on Light Background Some people cannot read text if there is not sufficient contrast between the text and background For others bright colors high luminance are not readable they need low luminance High contrast is required by some individuals with visual impairments including many older people who lose contrast sensitivity from ageing For example dark text on light background or bri
24. or hard of hearing to access the content Both Populations Likely Impacted e Individuals with visual impairments e Individuals who are deaf or hard of hearing Alternative Options for Providing Equivalent Access 1 Provide users with an accessible PowerPoint version of the presentation e Add word for word text transcript to notes section for each slide e Limit use of animations and transitions e Add alternative text descriptions for images charts graphs e Provide unique titles for each slide e Use pre designed slide layouts as much as possible Export Camtasia video as mp4 format enabling students to play the video in whatever video playback application they choose Export Camtasia video as mp4 format and submit for captioning transcription http ati gmu edu acc media form cfm Additional Resources M GEORG UNIVERSITY Adding Speech To Text Captions Sync Captions with Script Add Captions Manually Importing Exporting Captions Making Videos Searchable Accessibility Best Practices for Adobe Captivate Building an Accessible PowerPoint Presentation Presenter pi Assistive Technology Initiative Comparison Chart Lecture Capture Accessibility Presenter differs from Camtasia and Captivate in that it installs as a plug in to Microsoft PowerPoint Users can add narration to PowerPoint slides import audio video content and have the opti
25. radio button Reading order will now be displayed in the page instead of tag type 2 Select Show Order Panel The Order Panel will appear in the left sidebar with numbers that correspond to the numbers in the page EHA Hello all pdf EHA Pagel S 1 Hello all Sv 2 This is a test 3 To change the reading order of an element in this panel click and drag the tag to the location that reflects the correct reading order Note It is easier better to make documents accessible as they are created See our other cheatsheets to make documents accessible in MS Word PowerPoint and InDesign For a digital version go to nedae org resources cheatsheets Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied INADOBE ACROBAT X Tags Pane PDF tags provide accessibility information to screen readers They should not impact the look of the PDE To view and edit tags do the following 1 Select View gt Show Hide gt Navigation Panes gt Tags 2 Select the Options menu Br gt Highlight Content This allows you to see what content is associated with a tag Tags H HL H lt P gt S lt P gt HF lt Figure gt C lt Table gt FLEES lt TR gt HB lt TD gt H lt TR gt 3 In the Zags panel expand lt Tags gt and lt Sect gt to view and navigate your list of tags 4 Navigate through the tags usin
26. screen reader in a PowerPoint file and should remain intact when exporting to HTML or PDE 1 Right click or control click on the image and select Format Picture A dialog box will appear 2 Select the Alt Text option in the sidebar 3 Remove the image filename from the Description field This is a bug in PowerPoint for Mac Duplicate Selected Slides 4 Enter appropriate alternative text to the Description field not the Title field Alt Text Title Glow amp Soft Edges XXX Do not put alt here XXX Reflection _ 3 D Format 3 D Rotation Adjust Picture Artistic Filters A Crop Text Box Description Remove filename and replace with alternative text lt Size You can type alt text for tables diagrams images and other fi Position objects Screen readers can then read the alt text to people who may have difficulty seeing objects The screen reader first reads the title The person can then decide whether to hear a longer description Cancel ox O 2013 Project GOALS All rights reserved Contact us at goals ncdae org or 4435 797 3381 CREATING ACCESSIBLE MICROSOFT POWERPOINT Data Tables e PowerPoint can style rows and columns so they appear as data tables but there is no way to add content in a way that will be identified by a screen reader e If your presentation contains more than the simplest tables and if you have Adobe Acrobat con
27. structured headings and lists and proper reading order C S d Hamr aim rare Tanhans Finima igih br Shiva reating I e A 1 zb j kia Headnga 49 A a 4 Cor Tg Pee Layo uts FJ asmat Pairkar T SS kadin aides Aa 4 CEDIN a 1 Select Home gt New Slide or select the New Slide button from the default tool bar 2 Choose from the slide options menu the desired layout T dider from Guifne j Rouse Mi Alternative text for Images Images can be given appropriate alternative text in PowerPoint This alt text is read by a screen reader in a PowerPoint file and should remain intact when exporting to HTML or PDE Size Alt Text Alternative text logo gif PowerPoint 2007 1 Right click on the image and select Size and Position A dialog box will appear 2 Select the Alt Text tab and replace the filename with appropriate alternative text PowerPoint 2010 1 Right click on the image and select Format Picture A dialog box will appear 2 Select the Alt Text tab on the sidebar Enter appropriate alt text to the Description field not the Title field Web browsers display alternative text while pictures are loading or if they are missing Web search engines use alternative text to help find Web pages Alternative Text is also used to assist users with disabilities Alt Text Tele XXX Do not put alt here XXX Ce Titles and ceserpters grove aterat
28. summary report with the number of violations warnings manual checks and the percentage of accessibility included WCAG 2 0 Summary bews 59 Percent Passed 169 Violabans 663 Manual Checks 255 Warnings Expand All Collapie All ey Rule L Req Vi V W Ma PP 58 H Bil re 4Pranciple I Bll 11 200 458 178 8 1605 lt DE Guideli 30 30 35 69 108 411 10 30 30 35 69 108 To Yes 100 m Yes 2 Ci 9 A Yes 30 30 6 27 NOTE A indecates a first step rule to understand and complete Rule 4 Result Message os All 32 image elements have text alternatives less than 100 characters Category Report Rule 4 Information Bement Results for Ride 416 Elernertt Propertees Result Values img 49x118 morila tabpng b gt 691c86b Pas img 62x54 firefox png b 691c86b Pass s 494 E91 44 17749 nesten ril VISAST Oa The sidebar supports both ARIA code and the reports can easily be sent to developers and managers to inform them of accessibility problems or demonstration of conformance Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Web Accessibility Toolbar in IE The Web Accessibility Toolbar WAT is a free download provided by the Paciello Group This toolbar is built into Internet Explorer IE and provides quick and easy manual checks for web accessibility With the WAT Toolbar a user can check for headings alt text for images color contrast and mor
29. you can include accessibility Let s begin by looking at adding Videos Adding Accessibility There are two ways to add a video 1 through an item module etc 2 directly adding it into the Build Content section by selecting Video It is best practice to add a video through an item module etc When in the Item or Module select the Embed or Add Video button Here you can choose what type of file you would like to add It is best practice to use QuickTime and avoid the use of iframe and flash Also whichever file format you choose a download link of that application should also be added in the module For example if Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 QuickTime is used add a Download QuickTime link Insert Edit Embedded Media Mozilla Firefox f httos mymasonportal qmu edu webapps 9 General Advanced Source et Type Flash Flash left IR FulefURL QuickTime ERA ANVE Using the Item or Module option allows you to add a description of the video within the WYSIWYG edit box You can also include a file for a transcript and a link where someone can download the video and or open it into a new window NOTE Embedded videos are not always accessible to screen readers so it is best to give the link in addition to the embedded video The second way you can add a video is by directly adding it into the Build
30. 2 24 2014 Step 2 Select Add New Field in the Edit Fields dialog box Edit Simple Form Fields Add edit and delete fields as needed Example Form amp add New Field add Shared Fie Step 3 In the New Form Field dialog box Select the field type enter a field name and a label name When finished select Add Field Please Note usually the label name is the same as the field name New Form Field Ke Please select the type of form field you would like to add to your form Standard Properties Other Properties Type Small Text Area Label Name Enter a label that will be displayed n Shared Indicate whether or not this field can be shared on oth forms EN ep 4 You will now see in the ample Forms dialog box that the edit ld now has a label Example Form P Field Name Labe Field Type Name Name Small Text Area A Add New Field Add Shared Field 0 Add New Tab Forms and Usability When filling out the Form Field dialog box if the field is going to be required an asterisk should be placed in front of the field name and the label to let users know that it is required For example Name would be entered in the Field Name and the Label field if it is a required field See the next example for an accessible usable form Notice how there is also a note stating that the required fields are marked with an asterisk to let the user know of t
31. Accessibility Mason Guide to Creating Accessible Electronic Materials K 5 Assistive Technology Initiative About This Guide The Assistive Technology Initiative ATI at George Mason University designed this user manual to provide information and guidance for the creation and testing of e learning materials i e documents websites and videos including step by step procedures for access and use Some handouts within this manual are provided courtesy of the 2012 Project GOALS from The National Center on Disability Access to Education NCDAE These documents were made possible for public use by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education For further information please visit www ncdae org The ATI office operates under the Vice President for Compliance Diversity amp Ethics at George Mason University in Fairfax Virginia For further information please visit ati gmu edu Email ati gmu edu Phone 703 993 4329 Twitter AccessibleMason Who Should Read This Document Any Mason faculty and or staff members who manage develop or distribute e learning materials for individuals within the Mason community How To Use This Document This manual was designed as a just in time resource to support Mason faculty and or staff members with the creation of accessible e learning content As such it consists of a series of one page cheat sheets that
32. Description Unknown Mouseover Action ig Save VI Check Spelling Step 3 You can now check that the alt text has been added by hovering your mouse over the picture the alt text will appear next to your mouse cursor like the example below i ergonomic keyboard is SPACE Decorative Images An image that is purely decorative and has no meaning should be given an alt Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 g of a double quote This will de the image in the background so at it will not be noticed by assistive hnologies even though it is still ible on the page Without this null or ded alt tag assistive technologies may pick up the image as blank or raphic without any context to the er The user would not know if this s an image of importance or not amples of Decorative Images Smiley Faces or Emoticons ores weet gees Background images or graphic art Images that should contain an Alt Tag Social Media Logos Mason Logos Other images displaying information that describe the context of the webpage Pictures that contain text Zz M GEORG UNIVERSITY Assistive Technology Initiative Blackboard and Bb Collaborate In this section the most commonly used COLLABORATE learning management platforms here at G O Mason Blackboard Learn and Bb Collaborate will be discussed
33. IVERSITY Accessibility Laws and Policies In this section a brief overview is provided of the relevant disability laws and university policies as well as their impact at George Mason University V r Guide to Creating Accessible Electronic Materials GEORG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative Accessibility Laws and Policies at George Mason University Section 504 of the Rehabilitation Act Americans with Disabilities Act Section 508 of the Rehabilitation Act University Policy Number 1201 University Policy Number 1203 University Policy Number 1307 University Policy Number 1308 ADA Amendments Act 21st Century Commununications amp Video Accessibility Act Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 504 ADA 508 1201 1203 1307 1308 ADAA CVAA Civil rights law designed to eliminate discrimination on basis of disability Civil rights law designed to eliminate discrimination in employment on basis of disability for state and local government services public accommodations commercial facilities transportation and mandates the establishment of TDD telephone relay services Requires electronic and information technology be accessible for persons with disabilities Non discrimination Non discrimination amp reasonable accommod
34. It is fine if a horizontal scroll bar appears at the bottom of your window By default zooming enlarges everything on the page including images but some users only enlarge text so test this as well To enlarge only text do one of the following e Safari View gt Zoom Text Only e Firefox View gt Zoom gt Zoom Text Only Internet Explorer View gt Text size Then enlarge the page at least 150 and up to 200 roughly 4 5 steps and make sure none of the text becomes hidden or unreadable It is fine if text wraps to a new line or if the page doesn t look the same A series of infor A series of A series specifically for le 100 4 Other Recommendations to help you detect accessibility issues e Check videos for captions Look for links with generic link text such as click here or more info These types of links can be confusing to blind screen reader users and should be replaced with more descriptive link text Check the page title the text that appears in your browser tab and make sure that it is unique and descriptive Contact individuals with disabilities and see if they would be willing to review the site and identify issues they encounter For a digital version go to ncdae org resources cheatsheets Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied How to Test Webs
35. JAWS reads the button name press enter e The error dialog box will appear e Press enter or escape to close the dialog box DIRECT FOCUS DIALOG BOX e Use JAWS to access the button e Press enter on the button e Does JAWS read the dialog box that appears e Can you tab to the OK button Additional Resources FORMS Click on the text next to a form field If the field receives focus the label is correctly associated This makes fields easier to click especially checkboxes and radio buttons e Buttons should not have labels e 1 1 form to label relationship e Fieldsets e Other ways to group large lists tabindex 0 or ARIA e Support for ARIA labeling i e aria labeled by aria described by is good but testing still required e Start with HTML labeling and user ARIA if necessary ERROR MESSAGES e Submit the form empty and look for error messages Are they accessible e Errors at the top e Alerts receive focus e Errors are inline e Submit forms empty e Direct users directly to errors e Provide quick access to the problematic elements e Allow resubmission of the form DIALOG BOXES e Focus should be set to the dialog box when it opens Focus should be set back to the correct place in the page when it closes JavaScript alerts etc are not the same as dialog boxes They should be natively accessible Some non modal dialogs e 9 some date pickers may be hidden from keyboard users if functionality is availab
36. ONIA REE EG 35 Part Il Adding Accessibility to Content Management Systems rrrrnrrrrnnnnnnnnnnnerrnnnrennnnnernnnnrrnrnnnernrnnnrnnnnnrenrnneennnnesennnnssnnnnsennnnsnennnsnee 36 CommonSpot Adding Labels to Form Fields rrrrarrrnnrrrrrnnnrvrnnnrvrrnnnrnrnnnrernnnnnrnnnenennnnsnennnnrrnnnnsennnnnsennnnsnnnnnsennnnssennnsssennnsnenn 37 COMMONS Pot Heading Structure rrrrrnrrrrrrnnnerrrnnrrrrannrrrrnnrrnrnnnrnnrnnnrnnnnsrennnnssennnssernnnssennnnsrrnnansernnnssennnnsnnnnnesnnnnssennnnsnennnsnenn 38 CommonSpot Keyboard Accessibility rrrrnrrrrrnnnarrrnnnrrrrnnnrnrnnnrrnrnnnrnrnnnrernnenrnrnnanennnnsnennnnsrrnnnnsennnnssennnnssnnnnnssnnnnssennnsnnennnsnenn 39 Common spor n ge ESN NTN re 40 Section IV Bb nd Bb CGoll bor t Lnnavv2sv2742ssvesessae eden edda sbnesdeda 41 Part I Blackboard Addno Headers Me AC KOON EEE EE EE S Scbasnaiteeaens 42 Adding a Table and Setting Table Headings ccccccccccseeececeeeeeeeeeeeeceeeeeeeeeeeeeeeeeeeeeeeeeeeeeeesaeeeeeseeeeesaeeeeessaeeeesseeesaaeeessaeeeesanes 43 Adding ani Image and Tagding LD CSCHOIN Gl EE bauws avebenseeeesautenacavesnessancsaies 44 Rading a IDC SCHOMOM Ose NG ENN T 45 Adang a VOGO aea E dns taie iatetiee Nhe et tsi lean led Beuancamiiki ana Mallet eaaNa macau uteue dalelaaahiedeamcemiienaatenss 46 Part Il Bb Collaborate Web Conferencing BUEN F OI ride 47 48 Section V Lecture Capture Tools and Accessibility rrrrnrrrrrnnnrrrrnnnrerr
37. The following pages will cover Blackboard s commitment to accessibility resources for faculty staff and students on the different built in features of Blackboard Bb Collaborates built in accessibility features how to enable these features and resources for the latest Bb Collaborate updates A Guide to Creating Accessible Electronic Materials N A GEORG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative Adding Headers in Blackboard About Blackboard is usable and accessible The National Federation of the Blind NFB recently awarded Blackboard Learn Release 9 1 and later with a Nonvisual Accessibility Gold Certification making it the first learning management system to achieve certification Blackboard measures and evaluates accessibility levels using two sets of standards the Web Content Accessibility Guidelines WCAG issued by the World Wide Web Consortium W3C and Section 508 of the Rehabilitation Act issued in the United States federal government How it Works Blackboard is fairly accessible out of the box It is up to the faculty member to continue the accessibility when creating Modules Items etc within the course When creating a new Module or other Learning Content you will often see the WYSIWYG what you see is what you get edit box where you can add content When adding content to courses there are multiple ways you can include accessibilit
38. a site independent of the site s content It also usually makes it easier for content to be added to the site for people who are not designers 6 Dialog Box A box that appears on a display screen to present information or request input i e Search Box 7 Drag and Drop Clicking on an icon or selection holding the mouse button down and moving the mouse to drag the selection to a new location When the mouse button is released the item is dropped 8 Element In XML an element is the central building block of any document Individual elements can contain text other elements or both 9 Form Fields Term for fields in a fillable form Examples include First Name Last Name Phone Number Email etc 10 Homepage The front page of a website 11 IE Stands for Internet Explorer One of the most popular web browsers designed by Microsoft 12 JAWS Stands for Job Access With Speech Provides users who are visually impaired access to a computer through text to speech Reads everything on the computer screen E Guide to Creating Accessible Electronic Materials N GEORG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative Definitions 13 NVDA Stands for Non Visual Desktop Access Free screen reading application Provides users who are visually impaired access to a computer through text to speech Reads everything on the computer screen
39. able Format drop to set specific font style size and color down settings for a particular heading format If you think this would help you in formatting the style of your headings contact your web developer Guide to Creating Accessible Electronic Materials GEORGE E Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative Heading 3 ersity s commitme secth educational environment that values integrity and a culture of shared respons ectful and Advance the Unive t Diversity Div d At Mason Leadership Ethics Accountability Diversity Excellence Imu edqu Paragraph Heading 1 Heading 2 CommonSpot Web Management Keyboard Accessibility Adding Keyboard Accessibility One of the top best practices for accessibility is keyboard access In other words would someone be able to access your website using just the keyboard and not the mouse This functionality is important for users with visual impairments and mobility impairments who cannot use a mouse This can be accomplished by ensuring that elements that utilize device dependent event handlers mouse only are not the sole means of providing dynamic functionality Content managers and developers can incorporate this by providing a redundant device dependent event handler in the code to allow users of assistive technologies a method to access the functionality If a Mouse or Click ha
40. annrrrrnnnrerrnnnrrrnnnnrennnnnrnrnnnrrnnnnnennnnnnennnnsennnnn 49 Camtasia Captivate and Presenter Accessibility rrrrrrrranrrrnarrrrannrrrnnnrrannrrranerrnnnennanernnnrennanennaernnansennanannnnsennunsennnennasennnnsennnn 50 Comparison Chart Lecture Capture Accessibility rrrrrrrnnrrrrrnnnrerrnnnrrrrnnrrrrnnnrrnrnnnrrnranrrnrnnerennannsnnnnnsnnnnnssnnnnsnennnnsnennnsnennnnsnenn 51 Section VI Making Your Videos Accessible ree ceetecce sete dow soccer ceies on se ecic no gemstone voce eaeeace nanny abencee eee eneueseeeaene 52 Kaltura Manually Add Captions to Your Kaltura Video ccccccccccceecececeeeeeeeeeeeeeeeeeeeseeceeseeeeeeseeeeeseeeeeesaeeesaeeeessaeeeeseeeesaaeeees 53 YouTube Adding Captions Files or Transcripts ccccccccceccceececeeeeeeeeceeeeeeeeeseeeseeeeeeeeseeeeseeesseeeseueeseeesseeesaeessaeeseueeseeessneeseeeeas 54 WIM sok solo linje KO eli NT 10 ESTE oe EE EE 55 Demon rede 56 57 A Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 MAS 2 24 2014 UNIVERSITY Assistive Technology Initiative Requesting Services from the AT I To aid faculty and staff with meeting the needs of their students with disabilities and ensuring compliance with providing equivalent access in the classroom the ATI provides additional in house options for creating accessible materials Procedures for requesting additional services are as follows Need Handou
41. ations on basis of disability Procurement and or development of administrative systems applications University information technology accessibility Updated amendments to the ADA in order to clarify the definition of disability Increase access to modern communications for persons with disabilities Z M GEORG UNIVERSITY Assistive Technology Initiative Making Accessible Documents In this section specific tips and strategies are provided on how to create documents i e Adobe Word and PPT that are accessible to individuals with disabilities Additionally accessibility tools and simple techniques are discussed to help you identify and remediate common accessibility errors in your documents Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 MAS Assistive Technology 2 24 2014 UNIVERSITY Initiative Making Accessible Adobe Documents JA Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative IN ADOBE ACROBAT XI 1 Run Make Accessible wizard Select Tools from the upper right corner then select Action Wizard gt Make Accessible from the sidebar Select Start button Tools Sign C Content Editing E Create Mew Action 1 Add Document Description Enter a descriptive page Title Other fields are optional 2
42. crophone On Off e Hand Raised Lowered e Participant Joined Left e Private Chat Message Received To enable these features from the Edit menu select Preferences This will bring up a Preferences dialog box Under General select Audible Notifications Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Visual Notifications J B In Session Invite Application Sharing Features The following sections describe features that improve accessibility for low vision and color blind users Hosting Options The Hosting Options allow you to define how to display the Application Sharing window while you are hosting an Application Sharing session To access the Hosting Options open the Preferences dialog box from Edit Menu then on the left side of the dialog box you will see Hosting Options Preferences JAD Activity Event Filtering When Hosting Starts Application Sharing Filtered Keys Remote Control CE Simulated Keys Viewing Options Audio Video Camera Settings Microphone Settings Speaker Settings General Audible Notifications Error reporting kiak aue Restore Defaults w Ok It is recommended to keep the Hide content area un checked select a region highlight color bright bold colors such as yellow orange or blue keep Raise shared applications to front checked select emphasize cursor will display a colore
43. cs G on a web page Listen to how JAWS reads the graphics If it reads a short but descriptive title then the image is labeled correctly olf it reads a long drawn out label or the name of the file image that does not represent the image it is not labeled correctly With JAWS press Insert F3 to open the HTML elements dialog box o Arrow down to the graphics list and press enter o A separate list of all graphics will open O Check the list for the graphic labels BA M GEORG UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility Accessible Tables Tables There are two types of tables e Presentation e Data If Tables are being used to display anything other than simply presentation ensure that table headings are marked as headings Check with IE WAT Beginner e Use the WAT in Internet Explorer IE e Goto Table e Select Table Headers e Any Headers will be highlighted e If you see a table that does not show a highlight then it is not set as a header While viewing the table on the website e Use the WAT toolbar in IE e Goto Table Show Data Tables from the toolbar e Look for the table header lt th gt tag at the Header level of the table Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Check Using Keyboard and or Screen Reader Intermediate Use JAWS to find tables on a web page e Pres
44. ct us at goals ncdae org or 435 797 3381 CREATING ACCESSIBLE PDF DOCUMENTS 2 Add Change tags The TouchUp Reading Order tool allows a user to quickly add and edit PDF tags and view the reading order of elements on the page To edit tags do the following 1 From the right hand foun up Reading Order menu select Tools 2 Then select Accessibility gt Tet Figure TouchUp Reading Order If the Accessibility option is not listed use the Options button to check Accessibility on the menu 3 When selected the view on the screen changes All of the content is enclosed in numbered boxes Each of these boxes Draw rectangle around the content then click one of the buttons below Form Field Figure Caption Heading 1 Heading 4 Table Heading 2 Heading 5 Cell Heading 3 Heading 6 Formula Background Table Editor Show page content groups Page content order Structure types Show table cells E Show tables and figures E represents a tag and the number corresponds with the reading order in the Order panel 4 Select the Structure Types radio button The page will now display tag types instead of reading order 5 Within the TouchUp Reading Order window you will notice a group of buttons with the names of several common tags You can use these buttons to assign tags to selected text or objects Use the Text button for body text and the Heading 1 6 buttons to assign correct heading levels Y
45. ction We read top to bottom and left to right So the language direction would be left to right Insert Edit Table Mozilla Firefox f https mymasonportal gmu edu General Advanced 3 Summary S yb ste Table Language Code Background Image Browse Course Frame Not Set Rules Not Set Language Direction Left to Right fele Background Color CJ Once you have created the specifics of your table hit Insert The table will show up in your Module To set the Table Headings Highlight the top Row and far side Column if applicable Use the Format Drop Down Menu and select Heading T T T F Heading Arial M b v Q Format o avs Heading og pr Sub Heading 1 Sub Heading 2 The Row MEET Headers are Formatted Code x m highlighted and HEADING is o C 7 Weekly Assignments selected from the Format drop 1 Required readings eae down menu Ideally the Column Headers would also be selected these would be the week numbers 1 16 and also set as HEADING Additional Resources Accessibility Features in Blackboard http www blackboard com Platforms L earn Resources Accessibility Accessibi lity Resources aspx pi M GEORG UNIVERSITY Assistive Technology Initiative Adding an Image and Tagging Describing in Blackboard How it Works Blackboard is fairly accessible out of the box It is up to the professor to continue the accessibility when
46. d 12 points e Provide sufficient contrast Dont use color as the only way to convey content Provide a table of contents especially for long documents e Use simple language Word 2010 Accessibility Checker Word 2010 includes an accessibility resource that identifies and repairs accessibility issues Running the ACC e SSI b i ity Home insert Page Layout Relerences rManngs Rey Checker s z Information about Document1 1 Select File gt BP Opin Pe Permissions Info gt Check for ap Close ay Anyone can open copy and change an Protect Issues gt Check Document Accessibility Recent Prepare for Sharing 2 The checker New i Before shanng thes file be aware that presents print Document properties ya 3 sues Content that people with disabildi accessibility share ETTOTS s WATNINGS veg and tips on how eck the document for c i Eut atidi to repan the wa pors it supported by eanier errors gt Inspect Document Check the document tor hidden properties Of personal information versions of Word Docx format The docx format supports Word 2007 and newer For a more widely supported file format consider saving files as Word 97 2003 or doc format For more information go to www ncdae org goals Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied 2007 2010 DOCUMENTS
47. d ring around your cursor so that its more visible and easy to follow and check Show Notification this will bring up a dialog box to let users know you are about to share an application Make these changes to your options and click Apply and Close Messaging Chat Options You can set the font size of the text in the conversation messaging pane anywhere from 7 points to 109 points in increments of 2 points The default value is 13 points To increase decrease the font size do one of the following e From the Tools menu select Chat and then Increase Font Size e From the Chat Options menu select Increase Font Size Changing the Notes Text Size You can change the size of the font in the Notes text editor p M GEORG UNIVERSITY Assistive Technology Initiative Blackboard Collaborate Web Conferencing Built In Accessibility Features 1 To open the notes text window go to Window in the menu bar click Show Notes 2 Or to open the notes window press Ctrl E Closed Captioning CC The Closed Captioning feature enables a session attendee to transcribe audio information while a session is in progress Other session attendees can view the transcribed text in the live session and in a recording of the session It can also be saved to a text file There are two types of Closed Captioning windows one for entering closed captioning text input window and one for reading the text view only window
48. desktop publishing presentations e learning and for TeX LaTeX and MathML documents MathType with Microsoft Word MathType provides close integration with Microsoft Word letting you insert equations by clicking a button on the toolbar You can also perform other tasks such as numbering equations formatting all the equations in your document and much more Within Word you can e Add an equation e Edit an equation e Insert handwritten math e Number and reference equations e Change the font and size of equations e Create accessible math web pages e And More Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Features If you are using Windows 7 or Windows 8 you can use a tablet PC your mouse or a digitizing tablet to enter handwritten math directly into MathType Full ribbon support in Word 2013 2010 2007 and MAC Office 2011 a aly elds Documenti Mic Home Insert Page Layout References Mailings Review View Mai OG Math 7 2 Previous 82 Equa her 1 Insert Number v Gl Insert Reference gt Inline p Display p Right numbered Insert Equations XS Form Dy Conv Q Equati mechapters amp Sections sa Symbols Browse Save expressions in the toolbar Fie Eiet freser vi fe oO eoge jogof oo lel ool mele ia For a full reference of How to and more info on MathType vi
49. e o The code label should be same as the form name o If the field label is First Name then the code label should also be First Name Error Messages on Form Pages The user must be able to quickly identify any form fields that are not filled out correctly For example if an email address is required but was not filled out ona form the form is submitted and an error message occurs The user needs to be able to quickly identify which fields are not filled out correctly The error listing must receive focus directly after the user attempts to submit information to advance to the next screen Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Direct Focus Dialog Box When a new dialog box pop up box or window is displayed does the focus move to this dialog box For example if there is an error message from filling out a form and a separate dialog box is displayed with an error message does this box take focus over the webpage or application Check with IE WAT Beginner FORM FIELDS e Use the WAT in Internet Explorer IE e Select Structure e Go to Fieldset Labels e A dialog box will come up giving you the number of errors out of the number of form controls on the page e Any errors on the page will signify an invalid or missing label ERROR MESSAGES ON FORM PAGES The error message can be tested by selecting the button without filling in any of th
50. e Sample below Se v Lil Check 3 Resize 68 OSS E Images i Colour Doc Info lt gt Source SIE Dev aViewer Refs Additional Resources WebAim Web Accessibility in Mind AMP Accessibility Management Platform by SSB Bart Group WebAccessibility com UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility Page Title Page Titles Good page titles are particularly important for orientation They help individuals move between pages that are open in their browser Page titles can be e Shown in the window title bar in some browsers e Shown in browsers tabs when there are multiple web pages open e Shown in search engine results e Used for browser bookmarks favorites e Read by screen readers e Inthe web page markup is the lt title gt within the lt head gt What to Check e Check that there is a title that adequately and briefly describes the content of the page and distinguishes the page from other web pages The example below shows the page title Easy Checks A First Review of Web Accessibility in the title bar and the titles of 4 pages in the tabs Note that in the tabs only the first part of the page title is shown Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 www w3 0rg WAl eval preliminary Pt Check Page Title with IE WAT
51. e and Presenter Accessibility Note The purpose of this page is to provide more detailed accessibility information regarding these three commonly used lecture capture solutions on Mason campuses Adobe Presenter Techsmith Camtasia and Adobe Captivate Additionally alternative options for ensuring equivalent access to the course content and additional resources are provided Accessibility Challenges Note The following information relates to the final output i e video of the application not the authoring tools Users of assistive technology i e screen reading screen magnification captions will be impacted by the following e Very limited keyboard access Only the Play Pause and Slider Positioning buttons can be accessed by keyboard Camtasia e Screen reading applications are unable to identify any of the Camtasia video player controls Camtasia e Alternative text descriptions must be provided for interactive video elements i e callouts Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 buttons questions etc Captivate e Some of the video player controls are available in high contrast settings Camtasia e Interactive elements i e quizzing and surveys cannot be accessed by users of assistive technology i e screen reading applications Camtasia e Captions must be added manually in order for individuals who are deaf
52. e form fields A dialog box will take to notify you of the errors Does it tell you what the error is Does it take you back to the specific area in which you need to make the change e Each individual error listing must begin with the text Error to best convey information to assistive technologies e The user must be able to navigate directly to fields in order to make corrections Press the tab key to see if the focus can be navigated to the form field in error DIRECT FOCUS DIALOG BOX e Select the button and notice the dialog box that appears e Does it take focus e Can you press the tab key to access the OK button e Press Ctrl P to see if the print dialog box appears to just print that specific dialog box Check Using Keyboard and or Screen Reader Intermediate FORM FIELDS e Use JAWS to find form fields edit fields e Check the labeling of the edit fields by pressing Insert F3 to open the HTML features list p M GEORG UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility Form Fields Error Messages and Direct FOCUS e Arrow down to Edit Boxes List and press enter e This will open a list of all of the edit box labels on the page e Arrow down through the list to ensure that the labels correspond with the edit field ERROR MESSAGES ON FORM PAGES e Use JAWS to navigate to the button by pressing the quick navigation key B for button e When
53. eading order of text boxes that are not part of the native slide layout They are usually the last thing read by a screen reader If you have embedded video ensure that the video is captioned and that the player controls are accessible If you have embedded audio include a transcript If your slides contain animations ensure that they are brief and do not distract from the most important content on the page PowerPoint 2010 Accessibility Checker PowerPoint 2010 includes an accessibility resource that identifies and repairs accessibility issues Running the Accessibility Checker 1 Select File gt Info gt Check for Issues gt Check Accessibility 2 The checker presents accessibility errors warnings and tips on how to repair the errors Pptx format The pptx format supports PowerPoint 2007 and newer For a more widely supported file format consider saving files as PowerPoint 97 2003 or ppt format For more information go to www ncdae org goals Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied Web Accessibility COMMONSPO Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 In this section information is provided on identifying testing and creating accessible websites Many accessibility problems can be quickly and easily identifi
54. earn Resources Accessibility Accessibi lity Resources aspx If the image is meaningful important then enter the description of the image in the box If the image is for presentation show then enter an open and closed quote If the image is a chart graph or other complex image that needs a detailed description click on the Advanced tab of the Insert Edit Image box amp Insert Edit Image Mozilla Firefox https mymasonportal gmu edu webapps vtbe tinymece tiny mee plugins advimage image jspinarn Alternative Image For Mouse Over For Mouse Out ID Language Direction Not Set Language Code Enter along description of th chart graph etc nade Man Long Description Link jart describe the X and Y axis with the P a MAS UNIVERSITY Assistive Technology Initiative Adding a Description to a File in Blackboard How it Works Blackboard Is fairly accessible out of the box It is up to the professor to continue the accessibility when creating Modules Items etc within the course When creating a new Module or other Learning Content you will often see the WYSIWYG what you see is what you get edit box where you can add content When adding content to courses there are multiple ways you can include accessibility Let s begin by looking at adding Files Adding Accessibility When you add a Document in a Module the Insert Content Link box opens Once you browse and find the fi
55. ed without the need for a technical background These handouts outline free accessibility tools and simple techniques to help you identify common web accessibility problems M GEORG UNIVERSITY Assistive Technology Initiative of amp IDENTIFYING WEB ACCESSIBILITY ISSUES Ea While it takes a fairly technical background to detect all accessibility issues and features there are many accessibility problems that can be quickly and easily identified without the need for a highly technical background This handout will suggest a few free accessibility tools and offer 4 simple techniques to help you identify some common web accessibility problems 1 Use the WAVE tool to detect errors WAVE wave webaim org is a free online tool that can help you evaluate your page for accessibility WAVE places color coded icons over the page you are testing While it takes some skill to interpret some icons you can be sure that any red icon is an accessibility error to be addressed If you are not sure what an icon means click on it and then select More information Missing form label form control does not have corresponding label More Information ee ee ee le EE Enter Your Email Address If you cannot see the icons correctly select the No Styles button to view the page without styles Although the page will look different all icons should be visible
56. een Reader Text Accessibility Mason Logo M GEORG UNIVERSITY Assistive Technology Initiative Adobe LiveCycle Designer Making Accessible PDF Forms Ensure Reading and Tab Order Go to Window gt Tab Order Window Help T Arrange b 7 Workspace b 3 v Toolbars a Script Editor v Status Bar Ctrl Shift F5 L Hierarchy Shift F11 PDF Structure Data View Tab Order Ctrl Shift F11 The Tab Order window will open on the left side of the screen Notice it sets to Automatic to guess the appropriate reading order As a user determine if this is correct If not select Custom and move the fields to the appropriate location using the up and down arrows on the Tab Order section Additional Resources For more information on how to use LiveCycle Designer http wwwimages adobe com www adobe com content dam Adobe en accessibility pr oducts livecycle pdfs livecycle designer accessibility quidelines pdf Note Adobe LiveCycle Designer is free if purchased or upgraded from Adobe Professional 8 X LiveCycle Designer is available for purchase A Guide to Creating Accessible Electronic Materials GEORGE Ea Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative CommonLook Office Accessible Office to PDF Plugin About CommonLook Office is an add in to Microsoft Word and PowerPoint This allows author
57. ences Create New Recent consulting Document Files Downloads Look in la My Documents Existing File or I Address http www webaim org techniques word i v E mail Address Outline and Notes Panels PowerPoint contains two panels that can be used to enhance accessibility the outline panel and the notes panel Outline Panel The outline panel contains a text outline of the content that appears in your slides e Reviewing this panel can help ensure the content on the slides is logically sequenced that slide titles are unique and meaningful and that reading order is appropriate for any user Contact us at goals ncdae org or 435 797 3381 SGOALS The notes panel allows the speaker to add notes and information that will not appear on the slides Notes Panel e Placing image or chart descriptions in this area should be avoided This information may not be accessed by a screen reader so use with caution Other Principles e Ensure that font size is sufficient If your presentation will be viewed on a projector font size may need to be even larger e Provide sufficient contrast If your presentation will be viewed on a projector sometimes the contrast needs to be even more pronounced e Do not use color as the only way to convey content Avoid automatic slide transitions e Use simple slide transitions when possible e Use simple language e Check r
58. g the up down arrow keys and expand and collapse tags with the left right arrow keys Find Tag From Selection 1 Click the Select Tool icon and select a portion of text an image or a table oo 2 Select the Options menu T at the top of the Tags panel and then select Find Tag From Selection The appropriate tag will be highlighted in the tags panel sd i mcr Modifying Tags 1 Right click the Type Heading Level 1 z ig yOu Waero 7 change and select eg ner Properties and Bed enk then the Tag tab lg Level 6 E 2 Selecting the s ibe appropriate new pis 3 tag type from the s OO dropdown list l labeled Type Tagging an Untagged Document 1 To add tags to an untagged document choose Tools from the right hand menu 2 Select Accessibility gt Add Tags to Document 2012 Project GOALS All rights reserved CREATING ACCESSIBLE PDF DOCUMENTS TouchUp Reading Order The TouchUp Reading Order tool allows a user to quickly add and edit PDF tags and view the reading order of elements on the page TouchUp Reading Order Tool 1 From the right hand menu select Tools 2 Then select Accessibility gt TouchUp Reading Order If the Accessibility option is not listed use the Options button to check Accessibility on the menu 3 When selected the view TeuehUpiesangorde on the screen changes All of the content is enclosed in numbered Tet boxes Each of these boxes
59. ght text on dark background Dark Text on Light Background Some people cannot read text if there is not sufficient contrast between the text and background For others bright colors high luminance are not readable they need low luminance Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 While some people need high contrast for others including people with some types of reading disabilities such as dyslexia bright colors high luminance are not readable They need low luminance Light Text on Dark Background Gray Text on Dark Background Dark Text on Gray Background Web browsers should allow people to change the color of text and background and web pages need to work when people change colors This accessibility requirement is sometimes called sufficient color contrast however that is incorrect technically it s luminance contrast What to Check Web pages should have a minimum contrast by default A contrast ratio of at least 4 5 1 for normal size text Using Google Chrome e Download the Color Contrast Analyzer Extension e Click on the Extension located in the top right of your page Q Additional Resources http www 456bereastreet com archive 200709 10 colour contrast checking tools to improve the accessibility of _your_design M GEORG UNIVERSITY Assistive Technology Ini
60. glass e The alt attribute is an attribute of the img tag and is meant to be an alternative for non visual browsers when they come across images This ensures that a text equivalent is available when the image is not visible on the page For example lt img src graphics logo gif alt George Mason University gt e If an image is not of importance and is used solely for visual needs an alt text with open and closed quotes should be used Empty alt tags hide an image from a screen reading Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 application so background images and aesthetic elements would be good uses for this For example AG lt image src graphics progress gif alt gt Background images cannot have an alt text o Only images without informational content are allowed to be background images or the information needs to be provided in an alternative way Check with IE WAT Beginner Use the WAT in Internet Explorer IE Go to Images Select Show Images to outline images Show alt text on the page o If an error message appears select OK or press enter to close the message Notice which images have No Alt attached to them Check Using Keyboard and or Screen Reader Intermediate With JAWS check Alt text for images or Graphics on a page Press the JAWS quick navigation key for graphi
61. he required fields Required fields are marked with an asterisk Part I Background Information Name Address City State Select v For more information about how to create a form contact your web developer Vo M GEORG UNIVERSITY Assistive Technology Initiative CommonSpot Web Management Heading Structure Step 3 Once the appropriate heading Heading Levels Adding Headings level is applied you can change the font size and color of the text Simply It is best practice to ensure that Maintaining a structured heading order highlight the text again and select the heading levels have a meaningful is important not only for accessibility appropriate tools hierarchy and do not skip levels such but for search engine optimization as as H1 to H3 You should always have well When someone uses a search an H2 before adding an H3 See engine to find a specific topic it pulls in JE example below for a structured the headings from pages for search obi A pl u E af E E 7 heading order results Heading3 NoCSSstyle Verdana4r Font size F Font SIZE Y Services QEDS is now Compliance Diversity and Ethics CDE The original Main Page Title Heading 1 To add headings to your Common 1 will now be re directed to integrity gmu edu Please contact us if you have qui Sub Heading Heading 2 Spot webpage follow the steps below Sub Heading Heading 3 p pag p Step 4 Once your styles are app
62. he page starts with an h1 Check with IE WAT Beginner Using the WAT Toolbar in Internet Explorer IE e Goto Structure and select Heading Structure e Ensure that the heading structure list is in order lt h1 gt lt h2 gt and that the subheadings are labeled Check Using Keyboard and or Screen Reader Intermediate Use a screen reader such as NVDA or JAWS to access a list of headings e For JAWS press Insert F6 to open a list of headings Arrow down through the list to ensure that the headings are in the correct order and that the list does not skip subheadings e For NVDA press Insert F7 and select the Headings radio button at the top This will bring up a list of headings on the page Ensure that the headings are labeled and that the list does not skip subheadings Additional Resources e Info and Relationships e Headings and Labels e Section Headings Vg M GEORG UNIVERSITY Initiative Assistive Technology How to Test Websites for Accessibility Image Description Alt Text Alt Text Alt text should be functional and provide an equivalent user experience Text alternatives alt text convey the purpose of an image including pictures illustrations charts etc For example individuals with visual impairments and use screen readers are able to hear the alt text read aloud e Appropriate text alternative for a search button O would be search not magnifying
63. ice will generate an accessible PDF document Note Please contact ATI to receive a copy of CommonLook Office for your Department Cc EORGE Assistive Technology UNIVERSITY Initiative Making Accessible Word Documents A Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative 2011 DOCUMENTS MAC Headings Create a uniform heading structure through use of styles in Word This allows screen readers to navigate a document and improves accessibility for everyone Adding and Editing Headings Headings can be created using the Styles toolbar 1 Select the text and click on the appropriate style E g Heading 1 2 Headings 1 2 or 3 can also be assigned using command option 1 2 or 3 respectively Styles Heading 2 AaBbCcDdE AaBbCeDdE AaBbCecDi AaBbCcDdE Nonmal No Spacing Heading 1 Alternative text for Images Images can be given appropriate alternative text in Word This text is read by a screen reader in a Word file and should remain intact when exporting to HTML or PDE 1 Right click or control click on the image and select Format Picture A dialog box will appear 2 Select the Alt Text option in the sidebar Enter appropriate alternative text to the Description field not the Title field Aa Fi
64. ites for Accessibility Free Testing Tools WAVE WAVE by WebAim is a tool that provides quick feedback on the current state of a webpage It displays results with green yellow and red tags to show where violations may occur and where accessibility is already built in To test an Internet resource for accessibility enter the URL into the space provided at the WebAim Wave port at http wave webaim org DD web accessibility evaluation tool ENTER URL HERE Powered by WebAIViI The results will display on the left side of the page with a summary of issues Errors are in red yellow alerts need a human to test and green checks are where accessibility is included n WAVE web accessibility evaluatio http www con com US hpt siten No Styles Contrast i WAYE has detected the following hd f16 Errors 79 Alerts faa Features 53 Structural Elements WAVE Firefox Extension WAVE also provides a toolbar extension for Firefox where you can run WAVE directly in Firefox Visit WAVE Firefox Extension for more information Accessibility Management Platform The Accessibility Management Platform AMP is a web based system with the capability to spider through an entire website and test for 508 Mobile WCAG standards and highlight violations It provides accessible code examples and best practices for how to correct violations A clean easy to read report is then published
65. ize Row 1 _ Specify height o Row height is At least Options TA Allow row to break across pages lt M Repeat as header row at the top of each page Ea Previous Row NextRow Cance Links Word automatically creates a hyperlink when a user pastes a full URL onto a page These may not make sense to screen reader users so more information is needed Editing Hyperlinks 1 Select a hyperlink right click and select Edit Hyperlink or command k p GOALS der 2 Change the URL in the Display field to a more meaningful description Edit Hyperlink Link to Http nedae org NCDAE ScreenTip l Web Page Document E mail Address 2 In the Link to box enter the address URL of the Web page that you want to link to ne Anchor If you want to link to a specific location anchor within the Web page enter the name of the anchor above or click Locate to find it Locate Remove Link Cancel ok Lists Use true numbered and bulleted lists to emphasize a point or a sequence of steps To create a list select the Numbered List or Bulleted List option in the main ribbon Other Principles Ensure that font size is sufficient around 12 points e Provide sufficient contrast Dont use color as the only way to convey content Provide a table of contents especially for long documents e Use sim
66. le with the keyboard Most non modal dialogs should return focus but some should set focus to the next link form control Many jQuery dialogs have good accessibility Guide to Creating Accessible Electronic Materials V GEORG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative How to Test Websites for Accessibility CAPTCHA and Timed Responses CAPTCHA CAPTCHA stands for Completely Automated Public Turing test to tell Computers and Humans Apart Check CAPTCHA e CAPTCHA image cannot include ALT text for screen readers because a bot would read it e Audio CAPTCHAs can interfere with screen readers unless a pause at the beginning is included e As spammers develop algorithms to break CAPTCHA systems images and audio become more distorted to the point where even many sighted users have difficulties identifying the text Sometimes CAPTCHA will state it is accessible due to offering an audio option this is not the case Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Additional Information Although there are workarounds available the best approach may be to use a CAPTCHA that poses a logic question in plain text Such questions are easy for humans to answer but difficult for a machine to parse 9 Whatis 5 6 Timed Responses When using redirects or forms requiring a timed response
67. le you want to attach the name of the file will automatically appear The alt Text should be a description of the file Insert Content Link 1 Select Content Link The name Attach File Browse My Computer Browse Course Source URL appears h Attached files _ How to Test Websites for Acces s Page Titles docx fies ud have alt text iet 1 with ther The description goes here Open in new window Yes No Accessible Documents By adding a description does not make the document accessible once it is opened To make sure a document is accessible it should be OGR d made searchable This not only helps with accessibility but also helps ESL students and non traditional students Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Additional Resources Accessibility Features in Blackboard http www blackboard com Platfor ms Learn Resources Accessibility A ccessibility Resources aspx P MR MAS UNIVERSITY Assistive Technology Initiative Adding a Video in Blackboard How it Works Blackboard is fairly accessible out of the box It is up to the professor to continue the accessibility when creating Modules Items etc within the course When creating a new Module or other Learning Content you will often see the WYSIWYG what you see is what you get edit box where you can add content When adding content to courses there are multiple ways
68. lied Sub Heading Heading 2 Step 1 In the formatted text box YON CAN ENN Sub Heading Heading 3 level is displayed when the text is highlight the text that you want to d format as a heading selected Some CommonSpot web pages must have Heading 1 coded by a web ninaing inrarmauon on xs site ali developer if the main heading is also caan leB B z r the main title of the page Content eo 5 O B Heina Nocsm managers may not have access to ission Statement Advance the University s commitment to creating welcoming resp shared responsibility Note The Office of Equity and Diversi ity Services is now DEDS A equity gmu edu and diversi iad gmu edu wil now be re directed t updating this See example below finding information on this Heading 1 Coded by Dev Compliance Diversity and Ethics At Mason Leadership Ethics Accountability Diversity Ex Advance the University s commitment to creating a welcoming respectfi ehared r neihilitw Step 2 In the text box tools select the Format drop down and select the appropriate Heading level 1 2 3 l r Heading Styles Heading 2 Site ihe Office of Equity and Diversity Services OFDS is N Compliance Dive CDP The oon al website equ iy grmu edu and diversi _ pot will mer d integrity gm pda Plaka contact us il you mo uestions about finding iato seder p Diversity and Ethics CommonSpot web developers are
69. ll Line Alt Temi VI Shadow E Glenw amp Sof Eipri Reflection I 3 0 Formas 1 6 Riation Adjust Picture Artistic Filters 4 Crap EG Trur Bas k HE Yeu can type alt text far rables diagrams images and arher ohjects Sereen Hi Laytrst readers can read ihe all beat lo people whe may have difficulty seeing ihe objects The sern reader ret reads the title The persan can then decide whether pg hear longer description Cancel OK If you do not see the Alt Text option make sure you have the most up to date version of Word Alternative text is available in Office 14 1 or newer O 2013 Project GOALS All rights reserved Contact us at goals Ancdae org or 4435 797 3381 CREATING ACCESSIBLE MICROSOFT WORD Columns When creating columns always use true columns not columns created by Three hand with the Tab key ief Right Creating Columns 1 Select Layout on the main ribbon Columns 2 Select Columns in the Page Setup group Data Tables e Use the Tables ribbon to create tables not by hand with spaces or the Tab key e There is no way to easily create table headers in Word The first row can be identified as table headers in PDF but not in HTML To do this Right click on the first row in the table and select Table Properties gt Row gt Repeat as header row at the top of each page Table Properties Table Column Cell Alt Text S
70. mmonLook Office displays the first applicable checkpoint based on the contents of your document Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Follow the instructions to complete each checkpoint Note that some of the checkpoints may require changes to the Word or PowerPoint file Commontook Office Checkpoints v x Content Preparation gt Word gt Style 7 Ensure that styles in use are mapped to appropriate PDF tags More Ali Checkpoints TS Current Checkpoint 25 Checkpoint Preferences Fee 3 c Table Grid a Hyperlink List Paragraph Quote Title Sl Style Usage in Document INTRODUCTION Chapter 1 GETTING STARTED Chapter 2 TEXT graper 3 LISTS D Chapter 6 IMAGES APPENDIX Map to PDF Tag H1 MW Create PDF Bookmark for this Tag Task Applicabie Checkpoint We Generate PDF CommonLook Office is a one step process instead of Microsoft s three CommonLook Office s checks and prompts are based on Section 508 standards CommonLook Office reduces the number of iterations therefore reducing overall development time Microsoft s Accessibility Wizard locates errors but the user must learn how to fix them CommLook Office for example automatically tags the document Whereas the user would need to learn how to do this within Microsoft Office Once all the applicable checkpoints are complete CommonLook Off
71. ndler is used an alternative must be added See below for examples Event Handler Alternative OnClick OnKeyPress OnMouseDown OnKeyDown OnMouseUp OnKeyUp OnMouseOverOnFocus OnMouseOut OnBlur OnDblGlick OnKeyDown Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 G 4 _ Layout Fonts a rare a ear Icon dt this element s text i How To Add the Alternative Code Step 1 When logged into your website go to View Work On This Page My Changes it Help dmun e from illegal discriminatton It works collaborat Step 2 Select the gear icon that appears in the upper left corner of the text box and then select the text button Step 3 In the text box select the Show Hide HTML button Show Hide HTML Step 4 Add the alternative code in the HTML text box In this case below the On Focus was selected since the On Mouse Over handle was also used with On Mouse Out Step 5 Select the Show Hide HTML button again to go back to the text box Code Examples Non Accessible Example lt a href http www yahoo com onmouseover window status Go to the yahoo homepage return true gt Click here lt a gt Accessible Example lt a href http www yahoo com onMouseOver window status Go to the yahoo homepage return true onFocus window status Go to the yahoo homepage return true gt Yahoo
72. ng a video click the CC button in the player s bottom toolbar In the menu that appears select the caption Up or subtitle track you d like to see 2 When the video plays the captions will overlay your video at the bottom of the screen TG but we wanted to make the best thing about Vimeo Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 I sx UNIVERSITY Assistive Technology Initiative Definitions 1 Alt Tag Text used to describe an image Example the alt text for the GMU logo would be George Mason Logo This is what a screen reader user would hear when navigating to the logo 2 Anchor The text a link uses to refer to a website This can make a big difference in a website s search engine results 3 Attribute Links tables and frames all have attributes The attribute specifies extra information about an element such as a link or table title or a frame description 4 Bookmark A bookmark aka favorite is a marker placed on web pages and files A bookmark would be useful to return to the page or file later or to recommend the page or file to someone else 5 Content Management System CMS The Content Management System or CMS is a backend tool for managing a site s content that separates said content from the design and functionality of the site Using a CMS generally makes it easier to change the design or function of
73. ocuments ccccccceccceeeee ence nee eee ee sence neat nn ees eee EEA AA EEE AA EEEA NEES SEES A EAE Od EA GG EE SAG EASA SESH A Ses anEEs a AEEA EEn rE rnEeE 15 ONTOS OM VO OUD CG EEE EE vee tne E eet ogee NE 16 MMNCKOSOIM Vee NE Eg OE EN ce A onsuneeeenkeaqsenee 17 PDF Conversion im Microson Word 200 2010 save 18 MathType Creating Accessible Math Equations rrrnnranrannrvnnnrnrnnrrnnnrrnnnnnrnnnrennnnrennnrennnrsnnnarennnnsnnnnsennnssnnnnsennasennnnsennnennnssen 19 Part Ill Making Accessible PowerPoint Documents Lanansanvmunmednenvnmnusvueerkingoderdaksl natt vokb jaetphenagareve 20 VICOSO FOWEIF NTN e E T A T 21 Med PP NN NPE 22 SeCUon MN WED ACCESS 2 23 Pan k ldentiiing 0 Pa ee se 156 EN EN EE 24 Part Il How to Test Websites for Accessibility FPS 25 26 PN 27 ee 50 ET EE EEE EN 28 ACAO SEE EEE 29 Image Description Alt Text EE EEEn EEEE re EEn nEne rennen nnee 30 ACCCS SIDI FAD CS EEE EE 31 a Guide to Creating Accessible Electronic Materials N A GEORGE Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative Table of Contents Forms Fields Error Messages and Direct FOCUS rrrnnnrnnnnnnannnnanevanennanennnnrnnnrnnnnrnnennnanennnsenanennasennasennnannunennnennasennnennsennnsen 32 33 CAPTCHA and Timed Responses arrrrrrarrrvrannrvrrnnnrnrnnnrenrnnnsnnnnsrennnsnnennnssernnnnsennnanernnassennnnssennnnsennnnnsennnnesnnnnssnnnnssennnsnnennnsnenn 34 GOOT G
74. on may not be accessed by a screen reader so use with caution Other Principles Ensure that font size is sufficient If your presentation will be viewed on a projector font size may need to be even larger e Provide sufficient contrast If your presentation will be viewed on a projector sometimes the contrast needs to be even more pronounced e Do not use color as the only way to convey content Avoid automatic slide transitions e Use simple slide transitions when possible e Use simple language e Check reading order of text boxes that are not part of the native slide layout They are usually the last thing read by a screen reader If you have embedded video ensure that the video is captioned and that the player controls are accessible If you have embedded audio include a transcript If your slides contain animations ensure that they are brief and do not distract from the most important content on the page e For a more widely supported file format consider saving files as PowerPoint 97 2004 Presentation ppt format instead of the default pptx format For a digital version go to ncdae org resources cheatsheets Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied 2007 2010 PRESENTATIONS Slide Layouts Using slide layouts provided within Powerpoint will ensure that files have correctly
75. on of creating a survey or quiz at the end of a presentation Camtasia is a screen recording and video editing software application It is used extensively for computer simulation and training exercises It can be installed on both a Mac and aPC However there are some notable differences between the two applications View comparison chart Captivate is a screen recording and video editing software application While similar to Camtasia and Presenter in many ways it is much more robust Consequently it is also more expensive than the two previous applications accessibility support as well on both a Mac and a PC It offers a great deal more It can be installed Y Yes Yes Author must follow best practices for building Starting with v8 captions accessible PPT presentation can be added manually or with built in speech to text functionality Yes No Captions must be added manually Videos shown using Camtasia Player and interactive elements like quizzes are inaccessible to screen reader users Choose alternative strategy for delivering quizzes Videos should be exported and shown using an accessible video playback application Yes Yes Captions must be added manually Captivate projects are accessible to screen reader users Follow the link above for best practices for making accessible Captivate presentations Links above will take you to 3 party websites with detailed info
76. ou can also add edit the following tags in the TouchUp Reading Order tool Images and alternative text 1 To tag a part of the page as an image drag a box around the image and select the Figure button 2 To add or change alternative text Right click on the image select Edit Alternate Text 3 Enter the appropriate alternative text in the dialog box Table headers 1 Select a table and then select Table Inspector Table header cells will be identified in red 2 Select a table or cell by dragging a box through the cells not around them or you might select additional cells Right click on a selected cell s and choose Table Cell Properties A dialog box will appear 3 If the selected cell s needs to be tagged as a header select the Header Cell option and assign a scope of either Row or Column Move items to from the background 1 Select an element you wish to move to the background i e it will be ignored by a screen reader and press the background button This may include repetitive headers or footers 2 If a part of the page is not in a gray box then it is already in the background If it should be read by a screen reader select the item and press the appropriate button e g Text Heading 1 6 Figure 3 Check edit reading order The TouchUp Reading order tool can also allow you to change the reading order of the page content so it matches the visual reading order Select the Page Content Order
77. ownload details m se px id 7 aSpx 1d 1 Click on the Office Button hover over Save As and select Adobe PDF or use shortcut Alt F F P 2 Before saving select Options and ensure that the Document structure tags for accessibility option is selected Word 2010 Adobe Add in Please note the Acrobat add in is only available to users who have Acrobat X installed and have the 32 bit version of Office 2010 Document showing markup Indude non printing information _ Create bookmarks using Headings Word bookmarks Document properties F Document structure tags for accessibility l PDF options F ISO 19005 1 compliant PDF A V Bitmap text when fonts may not be embedded C Cee Contact us at goals ncdae org or 435 797 3381 p GOALS 3 1 To export a PDE select Create PDF from the Acrobat ribbon Home Insert Page lay Referen Mailing Review View Add Ins Acrobat T 2 Preferences Create and Mail Create and Send Acrobat Embed Attach to Email Merge For Review Comments v Flash Create and Email Review And Comment Flash Create Adobe PDF 2 Or you can select File gt Save as Adobe PDF A dialog box So i FOFMaker Senrga will appear Canatan i Use tene setnge to create Adcbe POF socurerts stable br hake veers and piring of buerese documents Cheated POF doownerts canbe opened with 3 The program should create a tagged PDF
78. ple language e For a more widely supported file format consider saving files as Word 97 2004 Document doc format instead of the default docx format For a digital version go to ncdae org resources cheatsheets Made possible by a grant from the Fund for the Improvement of Postsecondary Education FIPSE US Department of Education No official endorsement implied 2007 2010 DOCUMENTS Headings Create a uniform heading structure through use of styles in Word This allows screen readers to navigate a document and improves accessibility for everyone Adding and Editing Headings Headings can be created using the Styles toolbar 1 Select the text and click on the appropriate style E g Heading 1 2 Headings 1 2 or 3 can also be assigned using CTRL ALT 1 2 or 3 respectively t AaBbCi AaBbCc Aab AaBbCc AaBbCcDt PA Heading1 Heading 2 Title Subtitle Subtle Em Change Styles Styles E Alternative text for Images Images can be given appropriate alternative text in Word This alt text is read by a screen reader in a Word file and should remain intact when exporting to HTML or PDF ae ae Word 2007 1 Right click on the image and select Size A dialog box will appear 2 Select the Alt Text tab and replace the filename with appropriate alternative text Word 2010 1 Right click on the image and select Format Picture A dialog box will appear
79. provide step by step procedures for incorporating accessibility into commonly used software applications This document can be reviewed in its entirety or individuals may pick and choose the cheat sheets that are most applicable to their current needs For example a faculty member may only use PowerPoint and Blackboard in their course this semester For that reason they would only need to access the information specific to those tools while developing their course materials pi Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative Table of Contents Requesting Services from the ATl uuvv2v4v44v4v4244vev47vrv4v4r4ervrvvrrepee Skee 5 Section Accessibility Laws and Policies vvs Gene 6 Accessibility Laws and Policies at George Mason University rrrrrrrnnrennnnnnvnnnrnnnnrnvnnrrnnnnnnnnnnrnnanennnnrrnnanennnnrnnnanennnernnnnsennnrnnnnsennnsennnnennnn 7 Section Il Making Accessible Documents rrrrrnrnrnnannnnnrnnnvrrrnnnrrnnnnnnrnnnnnrnnrnnnrnnnnnntnnnnnsennnnnsennnnnsennnnnsennnnssnnnnsssennnssennnnn 8 Part Making Accessible PDFS isiccossrcutensiarteantadencsamieianeennntasisesiahansaesoxnelinicntaactantioainsadeieaesicac dninenunndonacnahitiabsoutanadnadninnGiueeniseaakenneesasseiaes 9 GR SEERE EE 10 FEST 11 PLEASE 12 13 GommonLook Ofiice Accessible Office to PDF Plug cessen TE EEN EE 14 Part Il Making Accessible Word D
80. rdizing website design The main purpose of web standards is to make it easier for both designers and those who create web browsers to make sites that will appear consistent across platforms 22 WYSIWYG Stands for What You See Is What You Get A WYSIWYG editor is one that enables the user to see on the computer screen exactly what will appear when the document webpage is finished It eliminates the user s need to know how to manipulate programming code e g HTML E Guide to Creating Accessible Electronic Materials N GEORG Assistive Technology Initiative Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY A GEORG UNIVER IT Y Where Innovation Is Tradition CONTACT US Assistive Technology Initiative Aquia Building Room 238 4400 University Drive MS 6A11 Fairfax VA 22030 Phone 703 993 2143 Fax 703 993 4743 Web ati gmu edu E mail ati gmu edu Twitter AccessibleMason
81. represents a tag and the number corresponds with the reading order in the Draw a rectangle around the content then click one of the buttons below 4 Figure Caption Heading 1 Table Heading 2 Cell Me 4 Within the TouchUp i Reading Order window Table Editor you will notice a group of butto ns with Show page content order B the names of seve ral Show table cells i Show tables and figures Ei common tags You can use these buttons to assign tags to selected text or objects Clear Page Structure Show Order Panel Adding Changing Tags 1 To select content that needs editing drag a box around an element using the crosshairs cursor or select everything within a box by clicking on the number in the top left corner 2 Once you have selected a new element you can assign some of the most common tags to that element by clicking on one of the buttons e g Heading 1 Acrobat will place the selected content in the appropriate tag 3 Assign alternate text to images by right clicking on the image and choosing Edit Alternate Text Contact us at goals ncdae org or 435 797 3381 Order Panel The order panel allows you to change the reading order of the page content so it matches the visual reading order 1 To open the Order panel Order El select Show Order Panel in the TouchUp Reading LP Order tool EHPA Hello all pdf 2 To change the reading PHA Page1
82. rge Fragments gt Styles gt Patterns G Actions gt Insert Insertion Point 2 Select Layout p Bring to Front Border Accessibility Bring Forward Send Backward Send to Back Objet from font Palettes Paragrapt D Fj NUR 1 Right Click on Page Add Proper Labels to Forms After all form fields have been added Go to Edit gt Select All gt Select all Fields ie LiveCycle Designer Untitled View Insert Table Layout Tools Window Help Undo Choice List Setting az EO 2 ip Redo Shift Ctrl Z Cut Ctrl X Copy Ctrl C i Paste Ctrl V x Delete Del 113 Delete Page Duplicate z ere Copy Multiple 24 Select All FA Find Ctrl F Pe Find Next a E Find Previous Shift F3 Replace Ctrl H Go To Line Ctrl G Lock b Re p lace Artwork In the Accessibility Palette to the right select Caption this automatically sets all form fields to the captioned name which is to the left of the field Object S e Screen Reader Precedence Custom Tet ly Custom Screen Reader Text Custom Text mddress oy Jff on am 3 Add Alternative Text for Images After adding an image go to the Accessibility Palette Using Custom Text as the Screen Reader Precedence add alternative text for the image below in the Custom Screen Reader Text A N Border Accessibility EN Screen Reader Precedence custom Text ustom Scr
83. rmation on incorporating accessibility into ping lecture capture videos Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 Assistive Technology Initiative A von GE MASON UNIVERSITY Making Your Videos Accessible Kaltura Vimeo and YouTube are the most commonly used applications by Mason faculty for hosting web based A videos s Guide to Creating Accessible Electronic Materials MAS RG Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY In this section general accessibility information is provided concerning how to ensure that your videos are accessible to individuals who are deaf and or blind Assistive Technology Initiative Kaltura Manually Add Captions to Your Kaltura Video 1 Log into Kaltura Account Edit Entry 3PlayMedia_H264_ 1080_Mar30 Kaltura Management Console You can add muttiple captions files to each entry a To assign Me olther paste an external URL of the Thumbnails 2 odin g Access Control File Location File Type Language SRT Selecta L Email 9 i gt s Password Enter Password 1 _ Remember Me Forgot Password Signup 2 Select the video to be captioned At the top of the page click on the Content tab and select the video to which oe you want to add captions Click on the video s name highlighted in blue and a pop 3 menu called Edit Entry will appear
84. s been granted the permission to enter captions you will see the Closed Captioning button at the top of your Audio amp Video panel Click on it to open the view only window Saving CC Text e You can save the closed captioning text by selecting Save from the Options menu in either of the Closed Captioning windows input or view e Each time you close the Closed Captioning window a new transcript is started so only the captions that were entered since the last time you opened the window will be saved For full details on CC in Collaborate and all of the accessibility features see the online moderator s accessibility guide http library blackboard com ref 483c0 5b6 f353 4187 b294 ebe11f5e5bca index htm Vd M GEORG UNIVERSITY Assistive Technology Initiative Lecture Capture Tools and Accessibility In this section general accessibility information is provided concerning three lecture capture solutions that are commonly used by faculty on Mason campuses Adobe Presenter Camtasia and Adobe Captivate Additionally alternative options are provided to ensure equivalent access to the course content and additional resources to improve the accessibility of your lecture capture videos Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 2 24 2014 UNIVERSITY Assistive Technology Initiative Lecture Capture Tools Camtasia Captivat
85. s the quick navigation key for tables T e JAWS will cycle through the tables on the page and read any presentation or data tables e If you come across a data table arrow down through the table to a cell that contains data e Press ALT CTRL Numpad 5 to check the heading order of the table e Ifthe table headings are properly labeled JAWS will read the Column heading Row heading and the contents of the cell e If JAWS only reads the contents of the cell then the table headings are not properly labeled e Table Headers should read in the order in which a table presents information For example Class Schedule Class Course Location Name i a Building A Chemistry Building B 100 Example Code lt table gt lt caption gt Class Schedule lt caption gt lt tr gt lt th scope col gt Class Name lt th gt lt th scope col gt Course lt th gt lt th scope col gt Location lt th gt lt tr gt lt tr gt lt th scope row gt Biology lt th gt lt td gt Bio 100 lt td gt lt td gt Building A lt td gt lt tr gt P MAS UNIVERSITY Initiative Assistive Technology How to Test Websites for Accessibility Form Fields Error Messages and Direct FOCUS Form Fields There are 2 things to check e Ensure the tab focus goes directly to each form field in the correct reading order of top to bottom left to right e Ensure form fields are labeled properly in the cod
86. s to test and correct accessibility issues through a series of checkpoints in the process of making accessible PDF documents This software is simple and effective It does not require prior knowledge of accessibility Add Accessibility e PowerPoint gt select Create CommonLook PDF e Word gt Save As CommonLook PDF E lf ll Create Commonlook Guidelines for Accessible Commonlook About CommonLook PDF Office Preferences Word Documents Office Overview Bonu nlook PDF Help 6 vi Office Checty Content Preparation gt Word gt Byte Mager thet etyles abe pe MEEPS to epEroorets POF ta tree oe Mars S DP o P Click on More to get detailed Desert Ormen Orackgart Oocdkgort felsenoes PG Wer inatnacteons on the current chece poet Alt View Gf COCOS and N ASSOCAMOO ARA 8 Current Checkpoint y ta bow bases for ihe Current Checkpowt Checkpotet Preterences Wrtw ard moddy preferences for the current checkpoint s FFL Hi Previous amp Next Appticable Checkpoint Mowe tram checknoint to checkpoet Previews amp Noxt Task Mowe trom Lash 10 tash Additional Resources For Word http www commonlook com user quide commonlook office word For PowerPoint http www commonlook com user quide commonlook office ppt Versus Microsoft Office Accessibility Wizard After launch the CommonLook Office panel will be displayed Co
87. sider creating an accessible PDF and adding the additional accessibility information in Acrobat Pro Links PowerPoint automatically creates a hyperlink when a user pastes a full URL onto a page These may not make sense to screen reader users so more information is needed Editing Hyperlinks 1 Select a hyperlink right Link t Hime I Jards org click and select Ty Hyperlink gt SereenTip Edit Hyperlink BOTT Document e mail address Or command nthe Link to bow enter the address URLI of the Web page that le yee wart ta link pa 2 Change the URL in the r ALE Display field W you warn 15 link 15 a specific lerarion fancier within the Web page enter ihe name of the griho above or click Locate to fied i to a more meaningful Remove Link _ Cancel 06 description Outline and Notes Panels PowerPoint contains two panels that can be used to enhance accessibility the outline panel and the notes panel Outline Panel The outline panel contains a text outline of the content that appears in your slides e Reviewing this panel can help ensure the content on the slides is logically sequenced that slide titles are unique and meaningful and that reading order is appropriate for any user SGOALS The notes panel allows the speaker to add notes and information that will not appear on the slides Notes Panel e Placing image or chart descriptions in this area should be avoided This informati
88. sit http www dessci com en products mat htype Math Player Math Player enables Microsoft Internet Explorer IE 9 and older to display mathematical notation in web pages It also makes math accessible by enhancing Internet Explorer such that mathematical expressions can be enlarged and spoken for people with reading related learning disabilities Use MathType to save files in a MathPlayer format MathPlayer is available as a free download Find more information by visiting http www dessci com en products mat hplayer M GEORG UNIVERSITY Assistive Technology Initiative Making Accessible PowerPoint Documents A Guide to Creating Accessible Electronic Materials GEORGE Contact us at ati gmu edu or 703 993 4329 Assistive Technology 2 24 2014 UNIVERSITY Initiative 2011 PRESENTATIONS MAC Slide Layouts Using slide layouts provided within PowerPoint will ensure that files have correctly structured headings and lists and proper reading order Sides PER E avo Creating Slide merke oe Layouts 1 Select Home gt New Office Theme Slide or select the New Slide button from the default tool bar Title Slide Title and Section Header Content ee Comparison Title Only Blank 2 Choose from the slide options menu the desired layout Alternative text for Images Images can be given appropriate alternative text in PowerPoint This text is read by a
89. tiative Web Accessibility COMMONSPO Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 In this section the most commonly used Content Management Systems for Mason websites will be discussed Instructions on how to incorporate accessibility with step by step instructions are included for content managers and web developers M GEORG UNIVERSITY Assistive Technology Initiative CommonSpot Web Management Adding Labels to Form Fields Including Labels on Forms When building a form on your Common Spot page it is important to include a label with every form field When form fields do not explicitly include a label assistive technologies may incorrectly render the label or provide no feedback at all to users When labels are not present or are incorrect users of assistive technologies may not be able to complete a form To add labels to form fields follow the steps below Step 1 After adding the Form Element to your page click the yellow sign next to the Simple Form Element and select Edit Fields W Click here to deine the Fiash element Click here to define the Video element e 5TIITPTE TE Form My Change Work in Progress New Coni Eg ER E L l Form Edit Form Form Layout Style Fields Action Security more Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329
90. to the Edit button for the video you d like to add captions to Next click Captions Fuller Facts FINAL HD ter i 3 5 05 PM zr i a A e a Prid Info and Settings Enhancements kn Audio ppa e Captions Download MP4 Ex Delete 4 If you havent added captions before click the Add captions button Or if you ve already added Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 a caption click the Add a new track bution Uploading Captions Files to Videos 1 After following the previous steps select Upload a file fr Add captions v Transcribe and sync Upload a file 2 Set your track language If you d like you can also add a track name then click Upload Track list TRACK LANGUAGE English v Add track name CAPTION OR TRANSCRIPT FILE You can upload a timed caption file or transcript Learn more Upload 3 3 Select your caption or transcript file and click Open Transcribing and Syncing Text file 1 Following the previous steps but select Transcribe and sync instead of Upload 2 Set your track language If you d like you can also add a track name then click Upload Type or copy and paste your transcript into the text box Once your finished click Sync 1 TRACK LANGUAGE English X 2 VIDEO TRANSCRIPT Add track name gt A Automatically pause video while typing
91. ts Pamphlets or other types of promotional materials converted into an accessible format i e Braille Large Print Tactile graphics electronic e Complete an Accessible Text Agreement form e Complete an Accessible Text Request form for each book material e Submit all forms materials to the ATI office Need Captioning Services e Complete the online Accessible Media Request Form for each file needed e For bulk requests e g 10 or more videos feel free to use the BULK Request Form Excel e Submit request form to the ATI office at least 7 days prior to the date needed Need Audio Video Description Services e Audio Video description requests are reviewed on a case by case basis Please contact the ATI directly at ati gmu edu to discuss this service Need a Websites and or E Learning Applications Tested for Accessibility e For Mason Websites Please complete our Website Evaluation Request form e For Non Mason Websites and e learning applications Please complete our Accessibility Evaluation Request form Please Note This service is only available for promotional materials such as orientation packets training materials etc that a department or unit would provide during commencement ceremonies training orientation or similar type of event pi Guide to Creating Accessible Electronic Materials I GEORG Assistive Technology Initiative Contact us at ati gmu edu or 703 993 4329 2 24 2014 UN
92. ve text Cased resresenabons of he rianan comtered r hies Seg br mages afd offer Gbjects The rimado ute for peogie th vigon or cognitive mannens eho may nor be able to see or understand fre object NSG Can De redd to p son orth Gbit ard used to danene whe thee fey ve to haar the Gatorna of the content 2012 Project GOALS All rights reserved CREATING ACCESSIBLE MICROSOFT POWERPOINT Data Tables e PowerPoint can style rows and columns so they appear as data tables but there is no way to add content in a way that will be identified by a screen reader e If your presentation contains more than the simplest tables and if you have Adobe Acrobat consider saving your presentation to PDF and adding the additional accessibility information in Acrobat Pro Links PowerPoint automatically creates a hyperlink when a user pastes a full URL onto a page These may not make sense to screen reader users so more information is needed Editing Hyperlinks 1 Select a hyperlink right click and select Edit Hyperlink or CTRL k 2 Change the URL in the Text to Display field to a more meaningful description Edit Hyperlink Link to Text to display WebAIM article on creating accessible content in Word webaim org techr va Web Page O AdobeStockPhotos n kg archives 3 woe OG articles Target Frame Place in This backup Document Browsed DB blog ideas Pages gt Bluetooth confer
93. y Let s begin by looking at adding Headers Headers should be used ina logical order starting with Header 1 Guide to Creating Accessible Electronic Materials Contact us at ati gmu edu or 703 993 4329 2 24 2014 H1 H2 H3 etc Headers should not jump from H1 to H3 Adding Accessibility When you add content into the WYSIWYG box select the text that would be the header and go to the Formatting Drop Down Menu to select the appropriate header Text T 3 rs een GI Drop down x b v Q Format H di o a ais Lende K select Heading Sub Heading 1 Sub Heading 2 gt Paragraph Formatted Code This feature should be used throughout all Modules created Each Module would follow the same setup from H1 H3 etc Here is an example of multiple headings used Text FT d EE 9 Assignments y b p Q Formet Me owns Heading _ would be H1 Sub Heading 1 l or Heading gt Paragraph TIE Formatted Code Required Readings would be Sub Heading 1 H2 Required Readings CCRC Recommended Readings would be Sub Heading 2 ASKE EN H3 Additional Resources Accessibility Features in Blackboard http www blackboard com Platforms L earn Resources Accessibility Accessibi lity Resources aspx Accessibility for individuals using Assistive Technology http www blackboard com Platforms L earn Resources Accessibility JAWS Demo aspx BA M GEORG UNIVERSITY

Accessibility@Mason - Assistive Technology Initiative

Contents

Download Pdf Manuals

Related Search

Related Contents