Responsive and Universal Design Tips

Hello PSU Community,
I’ve been expanding my knowledge over the summer building little fun projects with my Arduinos via Make Crate and thinking a bit more about my role in higher education and design. I also recently started taking online courses through the University of New Hampshire and there are a number of tools I would encourage professors, staff and students to add to their digital design toolbox.

One of those things is using the language tags when editing in HTML. I’ve recently dove into one of our awesome pieces of software called ReadWriteGold which is available to any student on campus. As I’ve thought about how these tools can make learning more accessible one of the ideas I’ve come across is making sure that if you have any foreign languages attached to a language tag if you’re writing any course elements for Moodle or beyond in HTML.

The code literally looks like this:
<html lang=”en”>


If you need to check out a list of language codes see here.

Of course it’s complicated posting some HTML in WordPress, but I do encourage content creators to explore using this particular tool in their website design or course wear design.

The second most useful tool I’ve discovered of the week is Embed Responsively. This tool is useful as it enables flexible embed codes that will work on phones, tablets or computer browsers.

Now in WordPress most items posted are responsive natively, but this tool could be useful if posted in an LMS when building your course potentially. Below I’ve run the iframe through Embed Responsively to show what a difference it can make (expand and minimize your browser screen by moving the side arrows in and out to see what I am talking about).

Different LMS systems respond differently to this tool.