A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: Flash For Web Sites: Good, Bad Or Ugly?

Slides:



Advertisements
Similar presentations
A centre of expertise in digital information managementwww.ukoln.ac.uk Approaches To E-Learning: Developing An E-Learning Strategy Brian Kelly UKOLN University.
Advertisements

A centre of expertise in digital information managementwww.ukoln.ac.uk QA For Web Sites: Benchmarking Web Sites Brian Kelly UKOLN University of Bath Bath.
A centre of expertise in digital information managementwww.ukoln.ac.uk Dont Do It Yourself Content Syndication on the Web Pete Cliff UKOLN University of.
A centre of expertise in digital information management A QA Framework To Support Your Library Web Site Review Brian Kelly UKOLN University of Bath Bath.
A centre of expertise in digital information managementwww.ukoln.ac.uk QA for Web Sites Brian Kelly UKOLN University of Bath Bath, BA2 7AY
A centre of expertise in digital information managementwww.ukoln.ac.uk A Holistic Approach To Web Usability, Accessibility And Interoperability: A Holistic.
A centre of expertise in digital information managementwww.ukoln.ac.uk QA For Web Sites: What Can Go Wrong? Brian Kelly UKOLN University of Bath Bath .
Introducing… EBSCOhost 2.0 A redesigned EBSCOhost Coming in July 2008.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web Site Accessibility: Implementation Challenges Brian Kelly UKOLN University of.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
Americans with Disabilities Act Ms. Sam Wainford.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web 2.0: The Potential Of RSS And Location Based Services Brian Kelly UKOLN University.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
A centre of expertise in digital information managementwww.ukoln.ac.uk QA For Web Sites: Approaches To Testing Brian Kelly UKOLN University of Bath Bath,
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Basic Web Design. Technology is a tool  FIRST, understand how people actually interact with each other and with the information in their lives, in all.
A centre of expertise in digital information managementwww.ukoln.ac.uk Beyond The Role Of Skype And VoIP Technologies Brian Kelly UKOLN University.
Welcome! This is a quick introduction to the new Law e-book… which has been developed by the WJEC to accompany and support the teaching of the new A/AS.
A centre of expertise in digital information managementwww.ukoln.ac.uk QA And The IWMW Web Site: A Case Study (flaws and all) Brian Kelly UKOLN University.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
A centre of expertise in digital information managementwww.ukoln.ac.uk Quality Assurance For Museum Web Sites: Examples Of Checking Tools Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk Approaches To E-Learning: The Users’ Perspective Brian Kelly UKOLN University of.
Creating Integrated Web-based Projects using Microsoft Word.
Copyright © 2003 Pearson Education, Inc. Chapter 8 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
1 If I Could Start All Over Again: Lessons To be Learnt From The HE Community Brian Kelly UK Web Focus UKOLN University of Bath Bath, BA2 7AY UKOLN is.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
What is Blackboard ? blackboard.pharmacy.ac.uk - It is our course web site - Others: WebCt – Moodle - Sakai Blackboard is a (VLE) program.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility Testing Brian Kelly UKOLN University of Bath Bath, BA2 7AY
A centre of expertise in digital information managementwww.ukoln.ac.uk Making Web Sites Accessible: Implementation Challenges Brian KellyLawrie Phipps.
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.
A centre of expertise in digital information managementwww.ukoln.ac.uk Interacting With Users, Remote In Time And Space: A Presentation From UKOLN Brian.
Sustainability: Web Site Statistics Marieke Napier UKOLN University of Bath Bath, BA2 7AY UKOLN is supported by: URL
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Automated Benchmarking Of Local Authority Web Sites Brian Kelly UK Web Focus UKOLN University of Bath Bath, BA2 7AY UKOLN is supported by:
Macromedia Studio 8 Step-by-Step MACROMEDIA FLASH 8 Introduction.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
A centre of expertise in digital information managementwww.ukoln.ac.uk Brian Kelly UKOLN University of Bath Bath, UK UKOLN is supported by: This work is.
1 Web Site Creation: Good Practice Guidelines Architectures For Project Web Sites Brian Kelly UK Web Focus UKOLN University of Bath UKOLN is supported.
A centre of expertise in digital information managementwww.ukoln.ac.uk Lessons Learnt From FOAF: A Bottom-Up Approach To Social Networks Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk Building accessible and useable websites Penny Garrod UKOLN University of Bath Bath,
A centre of expertise in digital information managementwww.ukoln.ac.uk Planning For IWMW 2008 Brian Kelly UKOLN University of Bath Bath, UK

A centre of expertise in digital information managementwww.ukoln.ac.uk Making Effective Use Of Benchmarking Tools Brian Kelly UKOLN University of Bath.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
A centre of expertise in digital information managementwww.ukoln.ac.uk Web Accessibility: Limitations Of Conventional Approaches Brian Kelly UKOLN University.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: UKOLN/TechDis Workshop For RSC South East: Benchmarking Web.
Future Web Trends Brian Kelly UK Web Focus UKOLN University of Bath UKOLN is funded by Resource: The Council for Museums, Archives.
Cultivate Interactive: An Update Brian Kelly UK Web Focus UKOLN University of Bath BATH UK UKOLN is supported by: URL
A centre of expertise in digital information managementwww.ukoln.ac.uk Web 2.0 Social Networking for Museums, Libraries and Archives: Exploring Options.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
User Interface Development Target or Specific User Groups.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: Effective Web Site Training Workshop: Benchmarking Web Sites.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: Accessibility 'Gotchas' Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk Search Facilities For Web Sites A Discussion Group Session Brian Kelly UKOLN University.
Web Design Tip and Tricks. Vision and Purpose Why do you want a website? Why do you want a website? A website is always under construction, is flexible.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
A centre of expertise in digital information managementwww.ukoln.ac.uk Quality Assurance For Museum Web Sites: Approaches To Checking Brian Kelly UKOLN.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: This work is licensed under a Attribution- NonCommercial-ShareAlike.
A centre of expertise in digital information managementwww.ukoln.ac.uk UKOLN is supported by: This work is licensed under a Attribution- NonCommercial-ShareAlike.
A centre of expertise in digital information managementwww.ukoln.ac.uk Quality Assurance For Museum Web Sites: Benchmarking Survey Brian Kelly UKOLN University.
Unit 13 – Website Development FEATURES OF WEBSITES.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Web Design and Development
Presentation transcript:

A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: Flash For Web Sites: Good, Bad Or Ugly? Brian Kelly UKOLN University of Bath Bath URL UKOLN is supported by: Use of Flash: Great for developing attractive and highly interactive Web sites A terrible innovation, which results in poor quality, inaccessible Web sites (which thankfully are difficult to find in Google!) Use of Flash: Great for developing attractive and highly interactive Web sites A terrible innovation, which results in poor quality, inaccessible Web sites (which thankfully are difficult to find in Google!)

A centre of expertise in digital information managementwww.ukoln.ac.uk 2 About Flash What Is Flash? Flash (SWF) is a file format developed by Macromedia to deliver graphics & animation on the Web Advantages Of Flash Can create attractive & usable interactive Web site Widely supported "over 95% of Web users" Disadvantages Of Flash Is 95% figure really true? What about users on new devices, users behind some firewalls, … Accessibility problems Architectural problems (discussed later)

A centre of expertise in digital information managementwww.ukoln.ac.uk 3 The Good Survey of priorities for a portal (with iPod prize!): Available in Flash & HTML Equal access to both versions In Flash version: Process of moving cards to appropriate stack helps reflective process Avoided 'ticking all in middle column' syndrome, leaving default values, …

A centre of expertise in digital information managementwww.ukoln.ac.uk 4 The Bad And Ugly! Some questions: What should I click on? Why the flower? How do I integrate resources into a VLE? How do I cite various elements of the resource? How do I resize text, change colours, …? How do I use without a mouse? …

A centre of expertise in digital information managementwww.ukoln.ac.uk 5 Case Study – Weetwood.co.uk The Weetwood Hall conference venue in Leeds was used for a workshop recently. The venue Web site at was used to: Find out about the rooms to be used and technical facilities available Find details of the location, nearby accommodation and pubs Share this information will speakers and delegates

A centre of expertise in digital information managementwww.ukoln.ac.uk 6 Weetwood.co.uk – The Good The Web site is a Flash site. It uses Flash to: Provide rich functionality for viewing the venue facilities (slider bars, pop-up images, …) Site navigation …

A centre of expertise in digital information managementwww.ukoln.ac.uk 7 Weetwood.co.uk – The Bad (1) The Web site: Uses pop-ups, (increasingly disabled in new browsers) – does user miss out key information? Text cannot be copied Text does not flow and not resizable in normal way

A centre of expertise in digital information managementwww.ukoln.ac.uk 8 Weetwood.co.uk – The Bad (2) The Web site: Requires Flash (link to Flash site shown if Flash unavailable) Isn't search-engine friendly – no text to index For this information-based resource (with small interactive element) no or limited content displayed: If Flash or JavaScript not available On new browsers with default settings On PDAs, mobile phones, … Weetwood Hall … <object classid="clsid:D27CDB6E-AE6D- 11cf-96B " codebase=" … id="weetwood"> … Subscribe to newsletter | Latest news

A centre of expertise in digital information managementwww.ukoln.ac.uk 9 Weetwood.co.uk – The Ugly (1) The Web site actually does have a HTML equivalent – but its is very difficult to find! Flash Site HTML site With the HTML site users can: Copy text Bookmark pages See link destinations Resize text Use browser controls to suit personal preferences … If you wished to book venue for a conference for disabled, the Web site would be a barrier – you can't easily bookmark page on disabled access 

A centre of expertise in digital information managementwww.ukoln.ac.uk 10 Weetwood.co.uk – The Ugly (2) How I found the HTML site: An advanced Google search was used to find pages in the weetwood.co.uk domain Question DDA legislation requires organisations to take reasonable measures to ensure disabled users aren't unfairly discriminated against. There is a feeling that end users should also be expected to make reasonable adjustments. If a visually impaired dyslexic user needs to resize text and change background colour, can they be reasonably expected to find the HTML site in this way? Question DDA legislation requires organisations to take reasonable measures to ensure disabled users aren't unfairly discriminated against. There is a feeling that end users should also be expected to make reasonable adjustments. If a visually impaired dyslexic user needs to resize text and change background colour, can they be reasonably expected to find the HTML site in this way?

A centre of expertise in digital information managementwww.ukoln.ac.uk 11 Weetwood.co.uk – The Ugly (3) With a Flash site and a HTML site to maintain there are issues about maintenance of the data: Are there two sets of information to maintain? There is a danger that the less- used area will become out-of-date. Does one area contain a sub-set of the data? Useful (though out-of-date) information on network availability No information on network availability A supermarket Web site won award for its accessibility - but disabled users could only access part of Web site – and missed special offers. Is this fair? Is this legal?

A centre of expertise in digital information managementwww.ukoln.ac.uk 12 Lessons The Weetwood Web site: Valuable information & useful extra functionality Further use shows problems for all (lack of bookmarking, …) Web site is also inaccessible for many The Web site could be improved: Easily be adding a single link to HTML site from entry point which loads Flash page Easily by adding links to HTML version from Flash site More radically by providing a HTML site which links to Flash for required functionality Issues: How should you avoid mistakes at the specification stage? How should you test Web site prior to acceptance to ensure it complies with specification? Issues: How should you avoid mistakes at the specification stage? How should you test Web site prior to acceptance to ensure it complies with specification? Note that Weetwood Hall was a good venue for event held recently

A centre of expertise in digital information managementwww.ukoln.ac.uk 13 Any Questions? Any questions?