# Training ## expand\_more ## OpenScholar demonstrations - May 11 '22 OpenScholar authoring and best practices - Publications - [Presentation slides](/file_url/484) - [Publications tutorial](/ux-tutorial-publications) - [Presentation content](https://projects.iq.harvard.edu/files/diseasebiophysics/files/seas-dbg-openscholar.pdf) - [Presentation recording](https://projects.iq.harvard.edu/files/diseasebiophysics/files/seas-dbg-openscholar.mov). ### OpenScholar documentation - [Content categorization (taxonomy)](https://help.theopenscholar.com/categorizing-your-content-taxonomy) - [Publications](https://help.theopenscholar.com/publications-app) - [People](https://help.theopenscholar.com/people-profiles) - [List of posts widget](https://help.theopenscholar.com/list-of-posts-widget) - [Announcements (News)](https://help.theopenscholar.com/news-app) ### 10 OpenScholar accessibility best practices 1. [Page title](https://help.theopenscholar.com/page-settings) 2. [Information Structure](https://help.theopenscholar.com/overview-text-editor-wysiwyg) 3. [Heading structure](https://help.theopenscholar.com/overview-text-editor-wysiwyg#adding-formatting) 4. [Semantic Markup](https://help.theopenscholar.com/formatting-text-correctly-page#use-semantic-markup) 5. [Legibility, color contrast](https://help.theopenscholar.com/managing-look-your-site) 6. [Readability](https://help.theopenscholar.com/formatting-text-correctly-page#additional-tips) 7. [Language](https://help.theopenscholar.com/formatting-text-correctly-page) 1. [Additional information from this article of the Nielsen Norman Group](https://www.nngroup.com/articles/tone-of-voice-dimensions/) 8. [Links](https://help.theopenscholar.com/adding-links-hyperlinks) 9. [Image Alternatives](https://help.theopenscholar.com/add-alt-text) 1. [Additional information from this NYT article](https://www.nytimes.com/interactive/2022/02/18/arts/alt-text-images-descriptions.html) 10. [Media Alternatives](https://help.theopenscholar.com/multimedia) 1. [Accessible social media](https://www.accessible-social.com/) ### [10 accessibility essentials for Content Creators](https://accessibility.huit.harvard.edu/10-essentials) ### [10 accessibility essentials for Developers](https://accessibility.huit.harvard.edu/10-essentials-developers) - [Siteimprove Accessibility Checker](https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc?hl=en-US) - [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=09AAAA) - [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools) ## Resources - [Accessibility Checklist for Content Creators](/file_url/483) ⬇ - [Clear language is easier to understand](https://www.youtube.com/watch?v=Q8e5VODJ25w) - [ALT text image descriptions](https://www.nytimes.com/interactive/2022/02/18/arts/alt-text-images-descriptions.html) - [Digital Accessibility website](https://accessibility.huit.harvard.edu/content-creators)[ ](https://accessibility.huit.harvard.edu/about) - [Digital Accessibility Services ](https://accessibility.huit.harvard.edu/about) - [Procurement Process](https://accessibility.huit.harvard.edu/about) - [Harvard University Disability Services](https://accessibility.harvard.edu/) - [Vendor Management Office](https://fta.campusservices.harvard.edu/information-technology/vendor-management) /**/ /* ## Secondary menu */ /* Header */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { background-color: white !important; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { color: #346ba6 !important; } #block-boxes-os-pages-section-nav { border-top: 4px solid #44697d; margin: -.2em 0em 0em .5em; } .webkit .section-nav ul.menu li a { font-weight: normal; } .section-nav ul.menu li a, .section-nav .leaf.menu-depth-3 > a, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a { color: #346ba6 !important; } .section-nav ul.menu li a:hover, .section-nav .leaf.menu-depth-3 > a:hover, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a:hover { text-decoration: underline !important; background-color: white !important; } /* Tutorials sub pages - secondary menu */ li.first.last.leaf.menu-depth-3.menu-item-195610 > a { background-color: white !important; } li.first.last.leaf.active-trail.active-trail.menu-depth-3.menu-item-195610 > a { background-color: white !important; } /* Suppress bottom border, font style */ .sidebar #block-boxes-os-pages-section-nav ul li { background-color: white; border-bottom: 0px solid #44697d !important; font-size: 0.95em; line-height: 22px; font-weight: 300; } /* Link of current page */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { color: #000000 !important; } /* Suppress mouse-hover color */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a:hover, .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a:hover, #columns .os-custom-menu ul.nice-menu li a:hover, #columns .os-custom-menu ul.menu li a:hover{ background-color: #ffffff!important; } /* Secondary pages*/ .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; background: none repeat scroll 0 0 #ffffff !important; } /* ## UX Content */ /* Images of icons */ img.media-element.file-default { padding-right: .25em; margin-bottom: -.25em; } .page-node h1#page-title, h1#page-title { font-size: 2em; } /* Links */ #columns .field-name-body a { text-decoration: underline !important; font-weight: bold; } /**/ Embed /**/ /* ## Secondary menu */ /* Header */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { background-color: white !important; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { color: #346ba6 !important; } #block-boxes-os-pages-section-nav { border-top: 4px solid #44697d; margin: -.2em 0em 0em .5em; } .webkit .section-nav ul.menu li a { font-weight: normal; } .section-nav ul.menu li a, .section-nav .leaf.menu-depth-3 > a, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a { color: #346ba6 !important; } .section-nav ul.menu li a:hover, .section-nav .leaf.menu-depth-3 > a:hover, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a:hover { text-decoration: underline !important; background-color: white !important; } /* Tutorials sub pages - secondary menu */ li.first.last.leaf.menu-depth-3.menu-item-195610 > a { background-color: white !important; } li.first.last.leaf.active-trail.active-trail.menu-depth-3.menu-item-195610 > a { background-color: white !important; } /* Suppress bottom border, font style */ .sidebar #block-boxes-os-pages-section-nav ul li { background-color: white; border-bottom: 0px solid #44697d !important; font-size: 0.95em; line-height: 22px; font-weight: 300; } /* Link of current page */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { color: #000000 !important; } /* Suppress mouse-hover color */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a:hover, .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a:hover, #columns .os-custom-menu ul.nice-menu li a:hover, #columns .os-custom-menu ul.menu li a:hover{ background-color: #ffffff!important; } /* Secondary pages*/ .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; background: none repeat scroll 0 0 #ffffff !important; } /* ## UX Content */ /* Images of icons */ img.media-element.file-default { padding-right: .25em; margin-bottom: -.25em; } .page-node h1#page-title, h1#page-title { font-size: 2em; } /* Links */ #columns .field-name-body a { text-decoration: underline !important; font-weight: bold; } /**/ ## Screen Readers Open all sections Close all sections ### VoiceOver (Mac only) expand\_more - [VoiceOver Keyboard Shortcuts on a Mac (by Deque)](https://dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts) - [VoiceOver Getting Started (by Apple)](https://help.apple.com/voiceover/info/guide/10.8/English.lproj/index.html) - [VoiceOver navigation modes](https://projects.iq.harvard.edu/digital-accessibility-developers/screen-reader-navigation#voiceover) ### NVDA (Windows only) expand\_more - [NVDA (download app)](https://www.nvaccess.org/download/) - [NVDA Quick Keyboard Reference Guide (by Deque)](https://dequeuniversity.com/assets/pdf/screenreaders/nvda-guide.pdf) - [NVDA navigation modes](https://projects.iq.harvard.edu/digital-accessibility-developers/screen-reader-navigation#nvda)