How to Start Using AccRepair A Graphical Tutorial - PowerPoint PPT Presentation

1 / 31
About This Presentation
Title:

How to Start Using AccRepair A Graphical Tutorial

Description:

P333A020026 is funded at 100 % by the U.S. Department of ... is unchecked and click. on Save. 10/11/09. Center on Education and Work Web Accessibility For All ... – PowerPoint PPT presentation

Number of Views:47
Avg rating:3.0/5.0
Slides: 32
Provided by: susana7
Category:

less

Transcript and Presenter's Notes

Title: How to Start Using AccRepair A Graphical Tutorial


1
How to Start Using AccRepair A Graphical
Tutorial
  • Project Director John Gugerty
    Center on Education Work, School of
    Education, University of Wisconsin-MadisonE-
    mailjgugerty_at_education.wisc.edu,
    FAX 608-262-3050
  • P333A020026 is funded at 100 by the U.S.
    Department of Education, Office of Postsecondary
    Education, Demonstration Projects to Ensure
    Students With Disabilities Receive a Quality
    Higher Education for the period 10/01/02
    9/30/05 _at_ 326,805 for Project Year Three. Total
    funding level 1,005,225 _at_ 8 indirect.

2
AccRepair
  • Component of AccVerify
  • Repairs files
  • To use AccRepair, use
  • files on a local drive
  • accessible server
  • can not modify files on the web

3
AccRepair Utilities
  • Three major utilities
  • Default (check for missing alt-text)
  • Table (e.g. data tables, layout tables)
  • Forms (script, labels, etc)

4
Setting AccRepair
  • Open AccVerify

5
Setting AccRepair
  • Go toSettings-gtAccRepair Settings

6
AccRepair Settings
  • Confirm the option
  • Verification Only Mode
  • is unchecked and click
  • on Save

7
AccRepair Settings
  • Click OK to continue.

8
AccRepair Interface
  • Click on New in the
  • Projects pane to
  • start a new project

9
New Project
  • In the new project window,
  • specify a name for your
  • project and put a check
  • mark next to
  • Local File System (Folder Scanner) option and
    click on Save

10
Project settings
  • In the project
  • settings window
  • specify
  • a) Base Folder (choosing the folder in which your
    site is included)
  • b) Check the following options
  • -include subfolders
  • -run accessibility checks when running
    verification and
  • Click on Save

11
Project settings
  • Click on OK to continue.

12
AccRepair Interface
  • Observe that the project is now displayed in the
    Projects pane and also the settings that were
    created for the project.

13
  • In the menu bar go to File-gtScan Folder(s) in
    order to collect the files that you are going to
    evaluate.

14
  • In the Scan Folders page, choose the folder of
    what you want to repair, check the option
    Include subfolders and click on Start

15
Selected Files
  • AccRepair will display a list of documents in
    that folder and will acknowledge how many there
    are in the information window.

16
Run AccRepair
  • Click on Verify

17
Running Verification Process
  • The Running Verification Process window will
    show you the progress of the verification.

18
Run the AccRepair Wizard?
  • When the verification is completed, you will
    automatically see the Run the AccRepair Wizard?
    window
  • Verify that the option Run in Verification Only
    mode IS NOT checked.
  • Click on Yes.

19
AccRepair Wizard
  • Automatically, the
  • AccRepair wizard will
  • start the repair bringing
  • up accessibility problems
  • and locations.
  • Click on View if you want
  • to see what the page
  • looks like.
  • Click on Next

20
Image Text Editor
  • In the frame on the left
  • you see the html code
  • associated with the
  • image on the right.
  • If alt text is missing, type it in the Alternate
    Text textbox.

21
Image Text Editor
  • When adding alt text, check Update Library to
    automatically update the same image on other
    pages.
  • Click OK to continue to the next image.

22
AccRepair Utilities
  • Three major utilities
  • Default (check for missing alt-text)
  • Table (e.g. data tables, layout tables)
  • Forms (script, labels, etc)

23
Table Repair Utility
  • To check and repair the tables on your Website,
    go to
  • Tools-gtTable Repair Utility in the main menu.

24
Table Utility - Editor
  • This is an example of a layout table and
    therefore the Table is used for layout has been
    automatically checked. Click Finish to continue
    until you come to a data table.

25
Table Utility Editor
  • This is a data table with two levels of headings.
    Sections is one header and ID and Grade are the
    other.

26
Table Utility Editor
  • To add headers, check Make all cells in these
    rows TH cells and type in 1. Check Make all
    cells in these columns TH cells and type A in
    this case.

27
  • To check and repair the forms on your Website, go
    to Tools -gtForm Repair Utility in the main menu.

28
AccRepair Utilities
  • Three major utilities
  • Default (check for missing alt-text)
  • Table (e.g. data tables, layout tables)
  • Forms (script, labels, etc)

29
Form Utility - Editor
  • This is the interface for the Form Repair
    Utility. It provides the source code and
    information on the field labels. Each field needs
    a label to be accessible.

30
Form Utility Editor I
  • To add a label (if Has Label is false) select a
    field from the list below. The code associated
    with that field will become highlighted.

31
Form Utility Editor
  • Click on the Field Label tab and highlight the
    text that you would like to use for the label,
    then click Set Label.
  • You can also click on Enter new text then type
    in your own label I the given field.
Write a Comment
User Comments (0)
About PowerShow.com