| |

Making University Websites More Accessible for Nontraditional Students

As the education world navigates through the dynamic landscape of emerging trends and challenges, universities must adapt and find innovative ways to capture the hearts and minds of nontraditional students. One hyperbole that comes to mind when discussing this issue is comparing navigating a traditional website as a nontraditional student to finding one’s way through…

Web Accessibility: Unlocking Digital Inclusion

From educational resources and e-commerce to social interactions and governmental services, the web connects us to countless opportunities. However, for individuals with disabilities, these digital frontiers can often become frustrating barriers to overcome. This is where web accessibility comes into play, paving the way for an inclusive online landscape that leaves no one behind. At…

Offer an Online Experience That Works for Every Student – The Essentials of Remote Accessibility

Make documents, images, and ideas available to all students, regardless of ability   ​ ​ Online class offerings have increased accessibility to education, but not for everyone. If you look at the word “accessibility” in the dictionary, it has several definitions that all mean the same thing: The quality of being usable, reachable, obtainable.   …

Accessibility Examples and Code

      Here are a few notable web components that can be helpful in providing functionality that is accessible in our experience:  Accordions & Tabs: http://webcloud.se/jQuery-Collapse/ https://codepen.io/mpiotrowicz/pen/gocmu https://github.com/anvk/a11yAccordion https://drupal.org/project/quicktabs http://lamovo.com/tabs+accordion http://webcloud.se/jQuery-Collapse/ Autocomplete: http://www.bu.edu/webteam/clrux/accessibility/autocomplete/autocomplete.html Alerts: http://joshnh.com/weblog/how-to-make-an-alert-bar/ https://paulund.co.uk/twitter-bootstrap-alert-boxes Carousels: http://kenwheeler.github.io/slick/ Captcha: http://simplyaccessible.com/article/googles-no-captcha/ Charts: http://paypal.github.io/amcharts-accessibility-plugin/ Comments: https://help.disqus.com/what-is-disqus/common-questions-about-disqus Date Pickers: https://www.deque.com/blog/accessible-jquery-ui-datepicker/ http://www.oaa-accessibility.org/examplep/datepicker1/ Grids: http://adamkaplan.me/grid/ https://www.drupal.org/project/packery https://github.com/brunjo/rowGrid.js https://isotope.metafizzy.co/ https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties…

|

Making Accessible Designs

All elements have a contrast ratio of 4.5:1 (7:1 AAA) other than: Large scale text and images can be 3:1 (4.5:1 AAA). Purely decorative, logos, or inactive elements that don’t matter, have no contrast ratio requirements. Designing for color contrast is straightforward in many situations. Contrast checkers take the background color and the foreground color,…

End of content

End of content