De-Stress with Scholarly Commons

The end of the semester is a stressful time with finals and preparing for the summer. During this time it is especially important to take care of your mental health and take some time for yourself. Here are some ways to relax using equipment from Scholarly Commons:

  1. Check out a Tranquility Kit to help with mental health during the stress of finals. This kit includes a Happy Light, headphones, exercise bands and an exercise guide, stress ball, and fidget toys. One of these kits is also available in the Orange Room on the first floor of the library. 
tranquility kit showing happy light, stress ball, fidget toys and headphones
Photo Credit: Media Commons
  1. Read a book on an Amazon Kindle. The Kindles have 4GB memory storage which is enough storage for thousands of books. 
  2. Now that the weather is getting nice you can check out a camera and take a walk outside. Take pictures or videos of the campus or all the geese outside. 
image of Panasonic Lumix camera
Photo Credit: Media Commons
  1. Check out a projector and projector screen and watch a movie with friends.
  2. Try out our new Digital Drawing Kits with downloaded programs including Procreate, Sketchbook, Adobe Illustrator, Adult Coloring Book and Assembly.  
image of iPad with Apple Pencil
Photo Credit: Media Commons
  1. Check out Bluetooth speakers and headphones so that you can blast some music and have a dance party.
  2. Check out one of the sensory toys from the Orange Room while you study. Sensory toys available include a water wiggler, wacky tracks, and twisty tangles. Loanable technology from the Orange Room is available for two-hour check outs. 

Technology from Scholarly Commons is available for loans of up to 10 days. You can book in advance on the Scholarly Commons website or make a booking at the Tech Desk in room 306. To pick up equipment, make sure to bring a valid i-card. 

Good luck with finals! We’ll see you again next year!

Strategies for Accessible E-Learning

Why Teach Accessible Classes?

No matter if you’re teaching a full semester class or a one-off workshop, you will be teaching disabled learners, whether they disclose their disabilities or not. All of your students deserve an equitable learning experience and accessible practices eliminate barriers for all users.

man using a braille keyboard writer
Image by Sigmund on Unsplash

Web Content Accessibility Guidelines (WCAG)

One of the most important standards when it comes to accessibility on the web is the Web Content Accessibility Guidelines. These guidelines are split into four components: Perceivable, Operable, Understandable, and Robust, or POUR.

Perceivable

  • Everyone can identify your content not matter how they perceive information.
    • Use text, audio, and video alternatives for content.
    • Make your lessons adaptable for different student needs.

Operable

  • Learners should be able to navigate your course with ease.
    • Have large and obvious navigation buttons.
    • Give enough time or eliminate timed progression counters.
    • Make your content keyboard navigable.

Understandable

  • Content should be clear and concise.
    • Avoid using jargon and keep text content simple.
    • Use specific language: Instead of “click here” use “click next.”

Robust

  • Content can be accessed by assistive technologies (such as screen readers).
    • Make sure your content is compatible with assistive technology.
    • Update any dead links or finicky buttons.
    • Learners should be able to access course materials with reasonably outdated software.
a teacher with a student, pointing to something on a laptop
Image by Desola Lanre-Ologun on Unsplash

Best Practices

Now that I’ve gone over the basic web accessibility standards, here are some practical tips that use can use to make your class materials more accessible.

Course Structure

  • You want your course structure to be easily digestible, so break up lessons into manageable chunks.
  • Asynchronous courses are courses that allow learners to complete work and attend lectures at their own pace. You may want to consider some form of this to allow your students flexibility.

Text and Links

  • Headings and titles should be formatted properly. Instead of just bolding your text, use headings in numerical order. In Word, you can accomplish this by selecting Home > Styles and selecting the heading you want.
heading one and heading two in the Word styles interface

Images

  • Always include alt-text with your images. There will be different ways of doing this in different programs. Alt-text describes the image for users who cannot see it. For instance, in the alt-text I describe the image below as “a beagle with its tongue out.”
  • If the image is purely decorative, you can set it as such.
a beagle with its tongue out
Image by Milli on Unsplash

Videos

  • Videos should have error-free captioning. It can be useful to include a written transcription.
  • Video interfaces should be navigable using a keyboard (spacebar to start and stop).

Tables

  • Avoid using tables if you can, they can be challenging for screen readers to decipher.
  • Tables can be made accessible with proper web design. For a instructions on how to create accessible tables visit WebAIM’s Accessible Tables Guide.

Color Contrast

examples of good and bad color contrast
Image made with dopelycolors
  • Make sure that your content is readable, whatever colors you use. Avoid going wild: dark text on light backgrounds and light text on dark backgrounds are standard.
  • If you want to check your color contrast, try the WCAG Color Contrast Checker.
  • Avoid providing information that solely relies on the student being able to distinguish color i.e. red meaning “stop” and green meaning “go.”

Resources to Learn More

When it comes to accessible practices, there’s a lot of information to cover. If you want to learn more, here are some resources to get you started.

By working to make your classes accessible, you can create a better learning experience for all your students.

Unreadable: Challenges and Critical Pedagogy to Optical Character Recognition Software 

In the 21st century, Optical Character Recognition (OCR) software has fundamentally changed how we search for information. OCR is the process of taking images with text and making them searchable. The implications of OCR vary from allowing searchability on massive databases to promoting accessibility by making screen readers a possibility. While this is all incredibly helpful, it is not without fault, as there are still many challenges to the OCR process that create barriers for certain projects. There are also some natural limitations to using this software that especially have consequences for time-sensitive projects, but other factors within human control have negatively influenced the development of OCR technology in general. This blog post will explore two issues: the amount of human labor required on an OCR project and the Western biases of this kind of software. 

Some text in ABBYY FineReader. Not all of the appropriate text is contained within a box, indicating the human labor that needs to go in to correct this.
Public Domain Image

Human Labor Requirements 

While OCR can save an incredible amount of time, it is not a completely automated system. For printed documents from the 20th-21st century, most programs can guarantee a 95-99% accuracy rate. The same is not true, however, for older documents. OCR software works by recognizing pre-built characters the software was initially programmed to recognize. When a document does not follow that same pattern, the software cannot recognize it. Handwritten documents are a good example of this, in which the same letter may appear differently to the software, depending on how it was written. Some programs, such as ABBYY FineReader, have attempted to resolve this problem by incorporating a training program, which allows users to train the system to read specific types of handwriting. Even still, that training process requires human input, and there is still much work for individuals to put into ensuring that the processed document is accurate. As a result, OCR can be a time-consuming process that still requires plenty of human labor for a project.  

Western Biases  

Another key issue with the OCR process is the Western biases that went into the creation of the software. Many common OCR programs were designed to handle projects with Latinized scripts. While helpful for some projects, this left barriers to documents with non-Latinized scripts, particularly from languages commonly used outside the West. While advances have been made on this front, the advancements are still far behind that of Latinized scripts. For example, ABBYY FineReader is one of the few software programs that will scan in non-western languages, but it cannot incorporate its training program when those scripts aren’t Latinized. Adobe Acrobat can also scan documents with languages that use non-Latinized scripts, but its precision is less consistent than with those languages that do.  

An old version of ABBYY FineReader. The text scanned on the left is a language with a non-Latinized script. The right side shows a variety of errors due to the system's lack of knowledge of that language.
Photo Credit: Paul Tafford 

Addressing the Issues with OCR 

Although OCR has performed many amazing tasks, there is still much development needed when it comes to projects related to this aspect of scholarly research. One crucial component when considering taking on an OCR project is to recognize the limitations of the software and to account for that when determining the scope of your project. At this stage, OCR technology is certainly a time-saver and fundamentally changing the possibilities of scholarship, but without human input, these projects fail to make an impact. Likewise, recognizing the inequality of processing for non-western languages in some of the more prevalent OCR software (which several developers have looked to offset by creating OCR programs specifically catered to specific non-Latinized languages). Acknowledging these issues can help us consider the scope of various projects and also allow us to address these issues to make OCR a more accessible field.

Explore the Possibilities with ArcGIS StoryMaps

ArcGIS StoryMaps is a handy tool for combining narrative, images, and maps to present information in an engaging way. Organizations have used StoryMaps for everything from celebrating their conservation achievements on their 25th anniversary to exploring urban diversity in Prague. The possibilities are vast, which can be both exciting and intimidating for people who are just getting started. I want to share some of my favorite StoryMap examples, which will demonstrate how certain StoryMap tools can be used and hopefully provide inspiration for your project.

A Homecoming for Gonarezhou’s Black Rhinos

Screenshot of a storymap with text about and an image of rhinos.

If GIS and map creation are a bit outside your wheel-house, no worries! A Homecoming for Gonarezhou’s Black Rhinos is a StoryMap created by the Rhino Recovery Fund that is a great example of how a StoryMap can be made without using any maps. It’s also a good example of the timeline feature as well as making great use of a custom theme by incorporating the nonprofit’s signature pink into the story’s design.

Sounds of the Wild West

Screenshot of a storymap with text about and an image of the Yellowstone River.

Sounds of the Wild West is a StoryMap created by Acoustic Atlas that takes you on an audio tour of four different Montana ecosystems. This StoryMap is a lovely example of how powerful images and audio can immerse people in a location, enhancing their understanding of the information presented. The authors also made great use of the StoryMap sidecar, layering text, images, and audio to create their tour.

California’s Superbloom

Header of the California's Superbloom StoryMap

Speaking of beautiful photos, this StoryMap about California’s Superbloom is full of them! It’s a great example of the StoryMap image gallery and “swipe” tools. The StoryMap swipe tool allows you to juxtapose different maps or images, revealing the difference between, for example, historical and modern photos, or satellite imagery during different times of year in the same region.

The Surprising State of Africa’s Giraffes

Screenshot of The Surprising State of Africa’s Giraffes StoryMap with a map highlighting the habitat of the Northern Giraffe

The Surprising State of Africa’s Giraffes is a StoryMap created by ESRI’s StoryMaps team that demonstrates another great use for the sidecar. As users scroll through the sidecar pictured above, different regions of the map are highlighted in an almost animated effect. This not only provides geographic context to the information, but does so in a dynamic way. This StoryMap also includes a great example of an express map, which is an easy way to make an interactive map without any GIS experience or complicated software.

Map Tour Examples

StoryMaps also features a tool that allows you to take users on a tour around the world – or just around your hometown. The map tour comes in two forms: a guided tour, like the one exemplified in Crowded Skies, Expanding Airports; and an explorer tour, such as The Things that Stay with Us.

StoryMaps Gallery

There are so many different forms a StoryMap can take! To see even more possibilities, check out the StoryMaps Gallery to explore nearly a hundred different examples. If you’re ready to get your feet wet but want a bit more support, keep an eye on the Savvy Researcher calendar for upcoming StoryMap workshops at the UIUC Main Library.

HTML & CSS Games

Welcome back from Spring Break!

I’m fortunate to be taking Web Content Strategies & Management this semester with Dr. David Hopping. Here are some games and tools I learned about in class to help me practice my HTML and CSS knowledge. These games are helpful whether you’re just starting web development or looking to improve your skills.

Grid Garden

CSS Grid Garden Homepage

Grid Garden is a great way to practice placing items on a page using the CSS 2-dimensional grid layout. Water your carrots by moving the water placement on the grid using the grid-column-start property.

Flexbox Froggy

Flexbox Froggy Homepage

Flexbox Froggy teaches you how to justify items within a flexbox by writing CSS to move the frog to the lily pad.

CSS Diner

CSS Diner Homepage

When learning CSS, it’s essential to know how to select which specific items you want to change with your CSS code. In CSS diner, you can practice writing CSS selectors to select elements by their type.

CSS Challenges

CSS Challenges Homepage

See how far you can get in these CSS challenges! Try to copy the format shown in each example to progress.

W3 Schools

W3 Schools Homepage

For more resources on learning HTML, CSS, or other major web languages, visit W3Schools. This website has step-by-step lessons and tutorials for self-guided learning. If you get stuck on any of the previous games, W3 Schools might be able to help you figure it out.

These games and tools have helped me enjoy learning basic web development skills, I hope they help you have fun with the process too. Happy coding!