Monday, August 10, 2015
Web accessibility refers to how easy it is for all people to use the web, regardless of cognitive or physical disabilities. In most cases, when we improve access for those with disabilities, we also improve the web for everyone else.
Ask yourself if a blind person could understand what your web page is about.
What if you have a video on the page, but your website visitor has a hearing impairment? She can see the video, but can’t hear what is being said. Will the video make sense?
In each case, your visitor will rely on text to understand your content. If you provide a transcript or closed captions for your video, a hearing-impaired visitor can still understand it.
Visually impaired web users often use screen readers to navigate and understand websites. Screen readers rely on text and html markup to understand the web. Proper use of page titles, headings, and image alt text go a long way to making web sites accessible for all people.
Just like sighted users scan web pages to find what they are looking for, people who use screen readers skim the page to find what they are looking for. In other words, “Screen-reader users scan with their ears,” said Ginny Redish and Mary Frances Theofanos in their 2003 “Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers.”
Experienced users often set the screen reader to work at a faster than normal reading pace when scanning. Most screen readers allow the user to jump from heading to heading to get an idea of the main ideas or to hear a list of all the link text on the page. You can see why “click here” isn’t useful taken out of context. Even worse is a page with multiple links called, “click here.”
We have put together a checklist of best practices for web accessibility as well as some handy browser tools for Chrome and Firefox to help you make your web pages more accessible. If you want to read more about web accessibility, check out WebAim.org or the Redish/Theofanos paper referenced above.Posted at 9:28 AM | Permalink
Tuesday, July 28, 2015
The publisher/page sign-off tool has been updated to make it more helpful to our Web Manager publishers, editors, and normal users. More specifically, the time frames for page sign off has been changed to more realistically match your own update schedule. So now, you will have a reminder to make those updates.
See Tutorial for Sign-Off Feature for more information.
The time frames available to set on each page are now as follows:
This means that you can set each page to be reviewed in one of these time frames based on how often you typically have an update for that content. All pages should be reviewed at least once a year to make sure they are still useful and up to date.Posted at 12:46 PM | Permalink
Tuesday, July 7, 2015
When we search the web, we often seek information, products, and services that will benefit us by answering our questions, solving our problems, or healing our pain. In short, we use the web as a tool to help make our lives better.
For example, just yesterday my husband searched for DIY instructions on how to make a bed rail that would keep one of our kids from falling off the bunk bed. The benefit he sought? No trip to the emergency room in the middle of the night. And today, I’m not feeling so well. So just a few minutes ago, I searched my symptoms. The benefit? I have a pretty clear diagnosis in mind - complete with treatment.
So if readers are connecting with the web on a more emotional level why do we as web writers get so caught up in talking about ourselves and the features of our brand?
In scanning some higher ed websites, it didn't take me long to discover that many universities have fallen prey to offering “feature-driven” copy. Here's the kind of writing I'm seeing in the first few sentences of top-tier pages:
“Our university has grown from 12 students to a thriving student body of 25,000. We now offer degrees in 20 different fields and our students choose from over 1,000 courses. We are a world-class research institution dedicated to teaching at the undergraduate level.”
Now these are some pretty incredible things that have every right to appear somewhere in the copy – but there’s just one problem. Right off the bat, text like this fails to connect with the reader's needs.
To illustrate what I mean, I thought it would be fun to create my own degree program and try to draw in students by showing the features I offer on the left and benefits on the right.
I’ll call my program Writing for the Web:
Now, I have to admit, the features listed on the left are good ones, and I do want to make sure they appear somewhere in my copy. But when it comes to selling my program to a potential student, which side do you think is more effective?
If you’re like me, the list on the right just might sell the click for you. Why? Because the benefit-driven copy hits a nerve, it connects with people on the emotional level and shows how this degree program can meet their needs.
I like what Brian Clark of Copyblogger has to say about features vs. benefits in his Copywriting 101 post: “One of the most repeated rules of writing compelling copy is to stress benefits, not features. In other words, identify the underlying benefit that each feature of a product or service provides to the prospect, because that’s what will prompt the purchase.”
And although we may not be selling tangible products on our Liberty University websites, we are selling an education. And if we can get someone to see how a Christian education at Liberty can benefit both their character and their career, we just might get them to click that button that starts their journey to our campus.
And that means your benefit-driven copy has done its job.Posted at 1:33 PM | Permalink
Friday, June 12, 2015
Images are a great resource to add to any page, but some things should be considered when placing the image. The way an image is used on a page can either distract the user from the page’s content or enhance what is already there. Here are a few tips to ensure the image is added the right way.
When adding an image next to text, you might think it will be complicated to get the text to wrap around the image. This is easily done without adding tables or paragraph breaks – it’s just a few clicks on the tool bar. Select the image, click on the “Styles” drop down on the tool bar, and select your desired image orientation – “Image on Left” or “Image on Right.” This action will automatically bring the image to the selected side of the page, adjusting any text around the image with an even margin.
Another important note about adding images is to also add an image border (unless your template does not have a border option). This makes the image look cleanly placed upon the page, and it keeps images across Liberty’s website consistent. This is done in the same place as alignment. Simply select the image, click on the “Styles” drop down, and select “Image Border.”
See the examples below on the differences between an image with a border and one without.
|The border gives the image a definitive
edge and helps the image stand out.
|No border makes the image look
incomplete on the page.
Generally, using all caps gives an impression of urgency, shouting, and general bossiness. This should be avoided on the web. Full paragraphs in all caps should especially be avoided, because they require more effort to read.
WHAT IMPRESSION ARE YOU GETTING FROM THIS QUESTION?
What impression are you getting from this question?
Using bullets to put content into list form instead of paragraph form is a great idea, and it can be added with the bullet/numbered list tool in the WYSIWYG. Lists make your content easier for users to quickly scan and comprehend. When your content has a specific number of items or steps, using a numbered list may be a better option than just bullets.
||Please don't forget to read this, this, and also this.|
Tuesday, April 21, 2015
Your web page is almost perfect! You just need an image to catch the eye and set the tone. But where will you find that perfect image?
Here’s what you should NOT do: Google it and download the first image that you like. It might seem like the fast and easy solution, but don’t do it! You could go to jail! You could be fined thousands of dollars!
Well, you probably won’t go to jail, but the copyright violation fines are real, and stealing is just plain wrong. In most cases, whoever made the image owns it. The Jerry Falwell Library has excellent information about copyright laws, such as how the law applies to multimedia use, including online photographs.
If you need an image to go on Liberty’s website, an excellent place to start is with the university Marketing Department. Our professional photography department may have already captured the perfect image for your needs. Your marketing project coordinator can help you find the image or schedule a photo shoot, when appropriate.
At other times, you might be able to use your own photographs on Liberty’s web pages. If they are of good quality and represent Liberty well, that might be all you need. We would be happy to take a look at your photos and advise you if you are unsure. (Check the Web Manager homepage for contact information.)
But what if neither of these options work? We don't recommend using stock photography on Liberty's websites, but there are limited exceptions. For instance, if it's for a blog post, you might need something beyond what you or Liberty photographers can provide. This is when people are sometimes tempted to download whatever they like from the web. Remember, if you didn’t take a photograph, you need to have the creator’s permission to use it.
The good news is there are plenty of sites that offer free photographs that you can use on the web. Many don’t even require attribution. The bad news is that the photo you choose might be on someone else’s website too, so use stock photography sparingly. Here are a few sites you can try:
If none of these suit you, there are plenty of blogs and other websites that have compiled their own list of free stock photography sites. Here's a sampling:
After you've found the perfect image to complete your web page or blog post, be sure to follow best practices for optimizing, naming, and adding alt tags. See our blog post on Getting the most from your images for details.