Joomla! Accessibility - Joshue O Connor - E-Book

Joomla! Accessibility E-Book

Joshue O Connor

0,0
23,99 €

-100%
Sammeln Sie Punkte in unserem Gutscheinprogramm und kaufen Sie E-Books und Hörbücher mit bis zu 100% Rabatt.
Mehr erfahren.
Beschreibung

Understanding how to create accessible websites is an essential skill these days . You may even be obliged by law to create websites that are usable by the widest audience, including people with a range of disabilities.This book looks at what accessibility is and the various reasons, such as legislative or legal, as to why you really need to understand accessibility and then create websites that can be used by everyone. This book therefore examines the diverse range of user requirements that need to be considered for humans to successfully use web technologies.If you have no experience of being around, or working with, people with disabilities then it can be very difficult to successfully design user interfaces that cover their needs. This book will show you how you can both understand some of the various needs of people with disabilities and the technology they use to interact with computers and the Web.

Das E-Book können Sie in Legimi-Apps oder einer beliebigen App lesen, die das folgende Format unterstützen:

EPUB
MOBI

Seitenzahl: 174

Veröffentlichungsjahr: 2007

Bewertungen
0,0
0
0
0
0
0
Mehr Informationen
Mehr Informationen
Legimi prüft nicht, ob Rezensionen von Nutzern stammen, die den betreffenden Titel tatsächlich gekauft oder gelesen/gehört haben. Wir entfernen aber gefälschte Rezensionen.



Table of Contents

Joomla! Accessibility
Credits
About the Author
About the Reviewers
Preface
What This Book Covers
Who is This Book for
Conventions
Reader Feedback
Customer Support
Errata
Questions
1. Why be Accessible?
Defining Accessibility
Understanding Your Users
Dealing with Change
Think Different
What Are the Benefits of Accessibility?
Accessibility Legislation
Irish Legislation
Accessible Procurement
Laws and Public Policies in Other Countries
UK Legislation
The US and Section 508/504
So What's the Big Deal with 508?
The European Union (EU) and e-Accessibility
eEurope Action Plan
e-Inclusion Policy
European Policy and the Future
So What Does It All Mean to You?
Summary
2. Understanding Accessibility
What Will Joomla! Not Do?
Usability
User Testing
Using Personas
Building Personas
Understanding Accessibility
Being Accessible Doesn't Hurt
WCAG 1.0
Differences Between WCAG 1.0 and WCAG 2.0
Principle 1—Content Must be Perceivable (P)
Principle 2—Interface Elements must be Operable (O)
Principle 3—Content and Controls must be Understandable (U)
Principle 4—Content Should be Robust Enough to Work with Current and Future Technologies (R)
Understanding WCAG
Summary
3. Understanding Disability and Assistive Technology (AT)
Blindness
Visual Impairment
Glaucoma
Macular Degeneration
Retinopathy
Detached Retina
Physical Disabilities
Cognitive Disabilities
Assistive Technology (AT)
What is a Screen Reader?
Screen Magnification
Switch Access
How Do Switches Work?
Mouse Emulation
Useful Tools for Developers
Web Accessibility Tools Consortium (WAT-C)
Mozilla Web Developer Toolbar
Sitting Comfortably? Then we'll Begin
Exercise 1—"No Frills" Browsing
If You are Using Firefox
Internet Explorer
ActiveX
Disabling JavaScript and Java in IE
Flash content
Mouse Free Zone
The Acid Test
Finally—Was It Good for You?
Try it yourself
Exercise 2—Turn Off Your Display
Summary
4. Creating Accessible Content
Describe What it is, Not How it Looks
All the (X)HTML You Need in Two Minutes
Using Headings to Communicate Structure
Time For Action—Let's Add Some Content
What Just Happened?
Time for Action—Adding Headings with WYSIWYG
What Just Happened?
Time for Action—Adding Headings by Editing the HTML
Add Frequent Headings to Assist the Screen Reader
How to Use Different Levels of Headings
Another Important Element
Lists
Time for Action—Adding Lists
What Just Happened?
Make Images Accessible
Description Anxiety
Time for Action—Adding Alternate Text to an Image
What Just Happened?
Choosing Good Alternate Text for Images
What is Good Alternate Text?
Ignoring Purely Decorative Images
Charts, Graphs, and Infographics
Describing Photographs
Time for action—Using longdesc
What Just Happened?
Good Link Text Assists Accessibility
Creating Accessible Tables
The Trouble with Tables
Time for Action—Create an Accessible Table (Part 1)
What Just Happened?
Time for Action—Create an Accessible Table (Part 2)
What Just Happened?
Does it Work?
Time for Action—Create an Accessible Table (Part 3)
Putting it All Together
What Just Happened?
Does Joomla! Have Good Table Manners?
Summary
5. Creating Accessible Templates
Understanding How Joomla! Templates Work
Separation Anxiety—Layout Tables, HTML, and CSS
Joomla! 1.0 Used Tables for Layout, So What's the Problem?
Why Are Tables Bad for Layout?
Building a Standards-Compliant Joomla! Template from Scratch
What Modules Do I Need?
Color scheme
Ensure Good Color Contrast for Your Site
Icons and Graphics
Create a Mock Up If Possible
Roll Your Own Accessible Joomla! Template
Using Dreamweaver
Set Up FTP Server Connection to Your Local Host
Create a Template for Your Template
A Few More Steps, Before We Get Going with Coding Our New Template
Selecting Your Template
Choosing the Correct DOCTYPE
What's up DOC?
XHTML Rules
Just One More Thing
Putting It All Together
Basic Template Layout
CSS Scaffolding
My CSS Layout
Just Before We Add Any Content Modules
Adding Content Modules
Module Options
Finishing the Template
Advantages of Joomla! Templates
Editing Joomla! Templates
Resizable Text
How to Make Sure That Text Will Resize
Without a Mouse
Highlighting Links
Some Basic Link Styles
Skip Navigation
Accessible Templates
Summary
6. Using XStandard to Create Accessible Content
Choosing Your Editor
The XStandard Interface
Styles Menu
Tool buttons
View modes
Browser Preview
Screen Reader Preview
Help
Context Menu
Removing The "Noise" From Markup
Using Correct Markup
Relative Values
Decorative Versus Non-decorative Images
Data Tables
Create a Table
Edit Tables Using the Table Properties Dialog Box
Edit Tables Using the Context Menu
Abbreviations
Screen Reader Preview
What is Screen Reader Preview?
Using the Screen Reader Preview
Interface Accessibility
Keyboard Shortcuts
More Tiny MCE
Summary
Index

Joomla! Accessibility

Joshue O Connor

Joomla! Accessibility

Copyright © 2007 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, Packt Publishing, nor its dealers or distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: October 2007

Production Reference: 1231007

Published by Packt Publishing Ltd.

32 Lincoln Road

Olton

Birmingham, B27 6PA, UK.

ISBN 978-1-847194-08-4

www.packtpub.com

Cover Image by Vinayak Chittar (<[email protected]>)

Credits

Author

Joshue O Connor

Reviewers

Niko Kotiniemi

Joseph LeBlanc

Senior Acquisition Editor

David Barnes

Development Editor

Mithil Kulkarni

Technical Editor

Akshara Aware

Editorial Manager

Dipali Chittar

Project Manager

Abhijeet Deobhakta

Project Coordinator

Abhijeet Deobhakta

Indexer

Monica Ajmera

Proofreader

Damian Carvill

Production Coordinator

Aparna Bhagat

Cover Designer

Aparna Bhagat

About the Author

Joshue O Connor is a Senior Accessibility Consultant with CFIT (Centre For Inclusive Technology).

CFIT is a part of the NCBI (National Council For The Blind of Ireland) and is a non‑profit organisation that provides expert advice and services to public and private sector organizations. These services include user testing, accessibility auditing, and consultancy.

Joshue has a creative background in Graphic Design, which lead to Web Development and New Media Training. After several years in the shark infested waters of the private sector, through IT training, he got to work with people with a wide range of physical and cognitive disabilities.

This was an invaluable hands-on experience that brought him into contact with a diverse range of assistive technology users, who found technology a positive and enabling force in their lives. A natural gravitation towards web accessibility thus blossomed.

Joshue is skilled in the design and development of accessible websites and has a deep understanding of the diversity of user requirements. He is a member of the Guild of Accessible Web Designers (GAWDS), the Web Standards Project ILG (WaSP ILG), the Irish Design For All E-Accessibility Network (Irl-Dean), the IIA User Experience Working Group (UEWG), EUAIN, and the HTML 5 Working group.

This is his first book, contributions to obscure academic papers notwithstanding.

In his spare time he hangs out with his plants, studies computer science, plays traditional Irish music badly, and runs a small record label at www.techrecord.net.

I would like to dedicate the book to my father Michael J O Connor.

I would like to thank:

Jared Smith (WebAIM), Gez Lemon (Juicy Studio), Mike Cherim (Green Beast), Mark Magennis (CFIT), Paul Traynor (NCBI), Stuart Lawler (NCBI), Laura Carlson (University of Minnesota Duluth), Vlad Alexander (XStandard), Steve Faulkner (WAT-C), Patrick H. Lauke (Splintered.co.uk).

About the Reviewers

Niko Kotiniemi has a background the service sector, Union and Unemployment Fund related work as well as the travel sector. In 2004 he turned his lifelong computer hobby to into a living, starting with custom web projects and open-source CMS systems. Since the very beginning of his computer related career he has worked with Mambo and later with Joomla!. In 2006, at the age of 30 he decided to obtain the academic qualifications and entered Software Engineering studies at the Helsinki Polytechnic Stadia, Information Technology department.

During the course of his studies he is constantly working on different web-projects to both finance his studies as well as out of professional interest. Most of his free time is spent with family and in studying new trends and technologies and ways in which they can be integrated to real-life situations such as those faced by private entrepreneurs and small companies. Currently his main technological interests lie in Joomla!, wiki's, all of the Google labs products, Ajax, Gadgets/Widgets, databases and specialized websites for niche groups.

You can reach him through his personal website http://www.kotiniemi.fi or through e-mail: <[email protected]>

Joseph L. LeBlanc started with computers at a very young age. His independent education gave him the flexibility to experiment and learn computer science. Joseph holds a bachelor's degree in Management Information Systems from Oral Roberts University.

Joseph is currently a freelance Joomla! extension developer. He released a popular component tutorial in May 2004, then later authored the book, Learning Joomla! 1.5 Extension Development: Creating Modules, Components, and Plugins with PHP. Work samples and open-source extensions are available at www.jlleblanc.com. In addition to freelancing, he is a board member of the DC PHP Conference. He has also worked as a programmer for a web communications firm in Washington, DC.

Preface

Joomla! is one of the best open-source Content Management Systems available. Joomla! can be used to create accessible feature rich websites, Joomla! also has one of the most accessible back-end interfaces. This means that Joomla! can be used as a development tool by users of Assistive Technology (AT).

If you have no experience of interacting with people with disabilities then it can be very difficult to successfully design user interfaces that cover their needs. The book aims to help you understand and appreciate these needs and guides you through some of the technologies used to interact with computers and the web.

The book looks at why accessibility should be on your radar, from accessibility as a component of best practice, to legislative or legal requirements. The book aims to help you understand accessibility and create websites that can be used by everyone, and how Joomla! can help you to achieve this.

What This Book Covers

Chapter 1 looks at the legal situation around the world and other drivers that put accessibility on the web developer's map. This chapter also looks at some definitions of accessibility and introduces the concepts of usability and universality. The chapter explores the need to understand your users, accommodate diversity and dealing with change as well as some of the benefits of accessibility.

Chapter 2 considers how both accessibility and usability make up a powerful combination for a holistic approach to web development and a positive user experience for everyone. The chapter looks at other practical ways of determining whether your sites are not only accessible but also usable, such as user testing. The chapter also looks at the Web Content Accessibility Guidelines (WCAG).

Chapter 3 looks at various types of disability as well as the variety of assistive technology that is available. You will also learn how to modify your browsing experience in order to try and gain a greater understanding of what it is like for people with disabilities when they go online.

Chapter 4 looks at using headings and other HTML elements to provide content structure. How this benefits users of assistive technology and other SEO (Search Engine Optimization) benefits. This chapter examines how to provide simple text alternatives to images and using descriptive link text to assist accessibility, as well as creating accessible tables and how to edit the HTML by hand.

Chapter 5 examines the importance of preparation while designing your template and the advantages of using accessible templates. The chapter also explains the importance of good color contrast and making your text resizable for visually impaired users as well as the making your interface keyboard accessible.

Chapter 6 looks at getting the most out of XStandard. Throughout most of the book, TinyMCE is used.

Who is This Book for

This book is a guide to any Joomla! user who wants to make their sites more accessible. It does assume basic knowledge of working with Joomla!. You don't need to know anything about accessibility—the author tells you all that you need to know to make your Joomla! sites compliant with accessibility standards.

While some design skills and technical knowledge of HTML, CSS and PHP will be very useful you will still benefit from reading this book if you wish to understand more about assistive technology and the needs of people with disabilities. The book is distilled from years of hands on experience that the author has as a web developer and also working with people with disabilities.

Conventions

In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

There are three styles for code. Code words in text are shown as follows: "We can include other contexts through the use of the include directive."

A block of code will be set as follows:

<?xml version="1.0" encoding="iso-8859-1"?> <install version="1.5" type="template"> <name>Music</name> <version>1.0.0</version>

New terms and important words are introduced in a bold-type font. Words that you see on the screen, in menus or dialog boxes for example, appear in our text like this: "clicking the Next button moves you to the next screen".

Note

Important notes appear in a box like this.

Note

Tips and tricks appear like this.

Reader Feedback

Feedback from our readers is always welcome. Let us know what you think about this book, what you liked or may have disliked. Reader feedback is important for us to develop titles that you really get the most out of.

To send us general feedback, simply drop an email to <[email protected]>, making sure to mention the book title in the subject of your message.

If there is a book that you need and would like to see us publish, please send us a note in the SUGGEST A TITLE form on www.packtpub.com or email <[email protected]>.

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide on www.packtpub.com/authors.

Customer Support

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.

Errata

Although we have taken every care to ensure the accuracy of our contents, mistakes do happen. If you find a mistake in one of our books—maybe a mistake in text or code—we would be grateful if you would report this to us. By doing this you can save other readers from frustration, and help to improve subsequent versions of this book. If you find any errata, report them by visiting http://www.packtpub.com/support, selecting your book, clicking on the Submit Errata link, and entering the details of your errata. Once your errata are verified, your submission will be accepted and the errata added to the list of existing errata. The existing errata can be viewed by selecting your title from http://www.packtpub.com/support.

Questions

You can contact us at <[email protected]> if you are having a problem with some aspect of the book, and we will do our best to address it.

Chapter 1. Why be Accessible?

To get started, we will first look at what accessibility is. We will look at the benefits of accessibility, as well as some of the drivers behind the scenes, such as legislations around the world.

You may already have an appreciation (and I hope that you do) that making your websites and interfaces accessible is the right thing to do. No one wants to be discriminatory, block users out of their sites, or frustrate them with bad design and poor code. Most websites that are guilty of this are probably not even aware of it. However, even though many of the websites around the world are still inaccessible—this is slowly changing. I hope that this introduction, and the following chapters, will help you become a little more informed of what it is that we are trying to do here and why.

Defining Accessibility

There are several definitions of accessibility. The International Standards Organization (ISO) defines accessibility as:

"The usability of a product, service, environment or facility by people with the widest range of capabilities (ISO TC 16071)."

If we apply this definition to the Web it refers to the design interfaces and applications that can be used by the widest possible audience; ensuring that there are no users who are left out when trying to use them. That's great, however, note that it doesn't specifically mention blind users or other people with disabilities at all, yet it talks about usability.

The W3C in its "Introduction to Web Accessibility", defines it as:

"Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging."

You can read further at: http://www.w3.org/WAI/intro/accessibility.php

So some definitions specifically talk about people with disabilities and others don't. While I believe that access for everyone is a great ideal, I also think that the details are important, and I support the definition that specifically mentions people with disabilities. According to me the first definition, talks about universality, which is great, but I think that web accessibility is a specific part of that universal umbrella that mostly relates to people with disabilities. As you read further you will realize that people with disabilities have specific needs; and in order to meet these needs, you as an author or developer, need some solid techniques and understanding, so that they can use your website easily. This is where I hope this book will be useful.

Understanding Your Users

Whatever definition you prefer, the upshot is that it is important to understand your audience and their different needs. How can you do that? I have been very fortunate as I got some experience as a graphic designer/developer and IT trainer in the private sector before I got to work directly with people with disabilities and assistive technology (AT). So I experienced some really positive effects that simple technologies and good designs can have on people with disabilities.

I am currently working with blind and visually impaired people, but what informs my definition and experience of accessibility, as well as my understanding of the diversity of user requirements, does not stop there. Many people think that web accessibility is mostly about serving the needs of visually impaired users. However, this is not true. The truth is that by serving the needs of the blind and visually impaired users, you will actually improve the accessibility and usability of your website or software for everyone. Again, this can be seen as a happy by-product of good practice and development habits on your part.

Dealing with Change

In many ways accessibility encompasses our ability to deal with change and to cope with diversity. There are changes, such as failing sight and other physical and mental changes that we go through as we get older. Therefore our abilities to perform certain tasks and the equipment we need to do the every day tasks may also change. I may need glasses to read or at least play my music much louder (though that may be why I am going deaf!). Whatever it is we will invariably find that our own abilities change with time.

Understanding accessibility involves stretching our abilities to deal with these changes and user diversity. The success of your efforts, to quite a large degree, depends on how well you can accommodate diverse user requirements in your web projects.

Think Different

Apart from being a well known advertising slogan for some computer manufacturer, the above heading is also a good piece of advice and is helpful in understanding accessibility. Often, there are barriers for users in places that you may never dream of. You will also find that many solutions result from doing things the right way and not cutting corners in your work. The following are some examples, and while they are not all Web related, I hope they will get you thinking about how you could get around some accessibility issues from both the Web and the built environment.

These examples are from the NCBI CFIT website (www.cfit.ie):

A bank cash machine presents information and choices using a video screen only, so the blind customers cannot use it.A home alarm system indicates if it is set correctly using sounds only, but an elderly person who finds it difficult to hear cannot tell the sounds apart.A website specifies a small fixed size for text, so a user with low vision cannot use the built-in browser controls to increase it to a size they can read.