University of South Alabama Library Website Design and Accessibility Evaluation.

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
ADA Compliant Websites & Documents What the heck am I supposed to do?
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Web Page Design University of Wollongong IACT303 – INTI 2005 World Wide Networking.
Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.
A Brief Glimpse of Web Design By: Samantha Beckett.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Introduction to WordPress with SiteControl By: Web Services.
Creating a Simple Page: HTML Overview
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Website Development with Dreamweaver
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Web Accessiblity Carol Gordon SIU Medical Library.
Neal Stublen Course Road Map  Create web page layouts using CSS  Manage CSS  Test website validity  Create navigation menus using.
An Introduction To Websites With a little of help from “WebPages That Suck.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Emily Gibson The College of New Jersey An Evaluation of Current Software Tools* Evaluation & Repair Software.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Document 3: Website Focus Group Discussions A Summary of Our Findings.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Web Content Development IS Dr. Ravi Kuber Accessible Web Design.
Heuristic Evaluation JUAN MONRREAL JANETTE VAZQUEZ INEZ VELA.
Web Page Concept and Design :
Web Application Programming Presented by: Mehwish Shafiq.
A Tutorial By Jennifer Wagner
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Today’s Lesson….. 1.Formative Assessment Given Back – Go through Answers. 2.Webpage Design.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Week 5  SEO  CSS Please Visit: to download all the PowerPoint Slides for.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
MIT 511- Web Design & Usability
Section 508 At long last, two of the most looming accessibility questions in the United States have been answered.
Chapter 2 Developing a Web Page.
On each booth you will find 4 to 6 banners
East Africa Resilience Innovation Hub Web Development Proposal
Web software.
Introduction to Web Accessibility
Fixed Positioning.
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Unit 2 – Webpage Creation
Unit 14 Website Design HND in Computing and Systems Development
International University of Japan
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
ADA Compliant Website & Documents
Structuring Content in a Web Document
Best Practices for Creating Library Resource Guides:
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Presentation transcript:

University of South Alabama Library Website Design and Accessibility Evaluation

Site Design In this section, I highlight some positive and negative features of the University of SouthAlabama Library’s website from the standpoint of good website design. I lean heavily upon Lynch and Horton’s Web Style Guide: 3 rd Edition for my criteria for good site design. 2

Design: The Wheel Positive – Users can easily grasp the underlying hub and spoke site structure. Broadly understanding how to navigate a web site can be just as important as knowledge of its content. 3

Design: The Broken Wheel Negatives – Users have very limited ability to “hop” from one spoke on the wheel to another without first passing back through the hub. Also, the inconsistent layouts and interfaces of sections of the site make the whole seem a bit incongruous. 4

Design: Simplicity Adapts Positive – The simple, textual design of the site transitions quite well between the Basic and No Style views. Basic ViewNo Style View 5

Design: Information Overload Negatives – The site contains far too many texts links on the homepage, creating a site structure that is too shallow. It is easy to miss what you are looking for in that sea of text, and users will easily be overwhelmed. The site could use some images, cut some information completely, and also move some information a layer or two down. This move allows for better use of page space. 6

Design: Indicators Positive – The site has a good use of indicators (bold text, indentation, color) to help sort links into categories and distinguish category titles from links. 7

Design: Positional Sense Negative – Though the site navigation provides some indicators for parsing links by category, I am not sure, for the sidebar specifically, that there is a logical order to the categories themselves or to the list of links for each category. The order of the links in the main content section appears much more coherent. 8 <- Seems Logically Intuitive Not So Sure ->

Design: Search Me Negative – With such a huge amount of information on the site, search functionality seems essential. However, the website lacks any kind of feature that would allow users to search site contents. 9 According to good web standards, a search box should be located in this area of the page (see Lynch and Horton).

Design: Objectives Achieved Positive – The site has a clear goal, and it achieves what it sets out to do, though perhaps not in the most efficient or aesthetically pleasing way. 10

Design: Lacking Ambition? Negative – The site’s goal is in line with the goal of Web 1.0: providing content. Web 2.0 has arrived, and the only such feature on this site is a blog. Given that its users are mainly college students, perhaps incorporating more Web 2.0 features would enhance the average user’s experience. 11

Site Accessibility This section contains both positive and negative points concerning the web accessibility of the University of South Alabama Library’s website. The criteria for accessibility are found in the Conformance Evaluation of Web Sites for Accessibility test at the W3C website. This test ensures that a site adheres to WCAG 1.0 and Section 508 guidelines. 12

Accessibility: Validation? 13 Negative – W3C HTML Validation service found nine errors and had five warning for the homepage URL Positive – W3c CSS Validation service found no errors.

Accessibility: Online Evaluators Positive – Functional Accessibility Evaluator 1.1, the online accessibility evaluation tool by the University of Illinois at Urbana Champaign, gave the site favorable marks. It received a 100% pass grade in the categories of Text Equivalents, Styling, Scripting and HTML Standards. 14

Accessibility: Online Evaluators Negative – According to Total Evaluator 7.4, there is an aspect of the homepage that does not adhere to either WCAG 1.0 or Section 508: no tags found in tables. This error is a grave one for blind users who require special software that scans the website code and reads the site content to the user. 15