Managing the WWU website
Not sure where to begin? We can help.
The Walla Walla University website is a primary resource for a variety of audiences to learn about Walla Walla University's mission, campus culture, programs, services, and events. It is important to maintain current and accurate information to best serve the needs of these audiences. All web editors should have basic familiarity with Typo3 to enable them to make updates as necessary. This page provides tutorials for your reference.
Making accessibility a priority
Content contributors have a significant impact on a website’s level of accessibility through their creation and editing of content on a ongoing basis. When adding, updating, and editing the website, keep in mind all the differently-abled users who will access the site and only make changes that allow all users to have equal access and similar experiences. Focus on readability and usability. Accessible websites improve the experience for all users.
Our website represents our university. The quality and meaning communicated through our messaging and the content is judged by users who visit and interact with it. High quality, inclusive content that is accessible to everyone reflects positively on our university’s reputation. Likewise, poor, un-engaging, inaccessible or broken content communicates a negative image for all to see.
Use this checklist during content creation to stay proactive about digital accessibility:
Most people have more trouble reading from a screen than from paper and read 25% slower online.
How to help:
- Include only one idea per paragraph
- Use the inverted pyramid style and start with the conclusion or main point
- Break content into bulleted lists when possible
- Write with short paragraphs, short sentences, and short words
Write page titles that accurately reflect the topic on the page for better SEO results and improved visitor experience.
Avoid writing instructions based on the location on the page. For example, instead of "in the box to the right," combine location and text. This can be done by writing "In the box to the right, titled 'Our contact info.'"
Users frequently go to a site to complete a task and you can help them accomplish this efficiently with clear calls to action, such as "Register for U-Days" rather than "CLICK HERE to register."
People who use screen readers can scan and navigate a website by the links on a page. This means that links should convey clear and accurate information about the destination and be understandable out of context. To fix this issue, re-word the hyperlinks included on your page. For example, a link that says, “Click Here” is far less descriptive than one that says, “Visit our contact page.” Because screen readers often create a list of all the links on a page and users hear the links out of context, it is best practice to use the destination page name in your hyperlink. If a link is to a file such as a PDF or Word document, provide that info in the link text “Download the handbook PDF” so users know what to expect.
Avoid using the page URL as the linking text.
One of the most frustrating experiences for any user is a broken link on the website. A reality of the website is that destination pages can change frequently and without notice. An important function of our content managers is to audit links frequently to make sure they continue to transport viewers to the correct destination. The Marketing and University Relations Web Content Manager will communicate with you on a quarterly basis to encourage periodic reviews of your content, including links, for accuracy.
Use a logical heading order and the built-in style formatting tools to make it easier for screen reader users navigate your pages.
Each page should use only one Heading 1. Following that heading, all headings should be used in ascending order. Maintaining this consistency allows users to navigate a page effectively using a keyboard. This also enables screen reader users who use quick access menus to get a list of all the headings on the pages and skim content.
Images and alt text
A picture is worth a thousand words, but, if you can’t see the picture, the meaning can be lost without a text alternative. All images used on the website must include alt text.
- Alt text should convey meaning of content displayed visually as concisely as possible. Long alt text will result in a poor experience for screen reader users. For example, with a chart, good alt text would be, “Chart shows a 15% increase in revenue over five years.”
- Functional images like icons or buttons that are used to convey actions should include alt text like “print this page.”
- Decorative images that do not inform or improve the meaning of the content and simply enhance the visual look and feel of the page should include blank alt text so that the screen reader will skip over the image. Simply use “” for alt text. If “” does not exist, the screen reader will read the name of the image file which can be a major distraction.
- Whenever possible images that include text should be avoided. Currently no screen reader can read text in images. If it cannot be avoided, it’s best to have the exact same text in the alt text.
- If the image is linked, describe the link destination in the alt text.
- Provide captioning and audio descriptions for video.
- Review any auto-generated closed captions for accuracy.
- Provide a transcript of audio content.
If you have video content on your pages, please work with the Web Content Manager to make your content accessible.
Creating accordion or dropdown elements
Academic Program page
Quarterly review checklist
Maintain accuracy and quality in your online content with a regular review of your pages.