You are previewing Joomla! Accessibility.
O'Reilly logo
Joomla! Accessibility

Book Description

A quick guide to creating accessible websites with Joomla!

  • Understand what accessibility really means and why it’s important

  • Ensure that content editors and writers publish accessible articles

  • Create accessible Joomla! Templates

  • Understand Assistive Technology (AT) and the needs of people with disabilities

In Detail

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.

This book provides a short, practical guide to ensure that your Joomla! web site is accessible and usable by the widest audience.

Table of Contents

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