ADVERTISING - PowerPoint PPT Presentation

Loading...

PPT – ADVERTISING PowerPoint presentation | free to view - id: 243390-MDM2M



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

ADVERTISING

Description:

So What Does Kentucky Have Over Ohio Other than the Derby? Accessible Web Sites ... In 2000, the Kentucky General Assembly passed a far-reaching law, commonly ... – PowerPoint PPT presentation

Number of Views:45
Avg rating:3.0/5.0
Slides: 53
Provided by: richard69
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: ADVERTISING


1
University Communications and Marketing Web
Workshops Fall 2005
2
So What Does Kentucky Have Over Ohio Other than
the Derby? Accessible Web Sites Find Out How
Kent State Can Enter the Race
3
Web Accessibility Legislation
  • Reference http//www.katsnet.org/section508.html
  • In 2000, the Kentucky General Assembly passed a
    far-reaching law, commonly called the Kentucky
    Accessible Information Technology (AIT) Act, KRS
    61.980 - 61.988, which requires that all
    state-supported institutions utilize information
    technology resources that are accessible to
    people with disabilities. This law explicitly
    covers school districts, universities, and all
    other institutions supported with state funds. As
    one of the "covered entities" under this statute,
    school districts are required to ensure that the
    information technology they use will provide
    students with disabilities with access "that is
    equivalent to the access provided individuals who
    are not disabled" (KRS 61.982). As a means of
    determining conformity with this provision,
    Kentucky law further defines that the level of
    access provided by school systems and other
    covered entities must be in compliance with
    federal Section 508 access standards (36 C.F.R.
    1194).

4
Web Accessibility Legislation
  • Ohio legislation has not specifically impacted
    higher education institutions as of yet
  • Expectation it will mirror affirmative action
    legislation and become a mandate at this level

5
Why Is Accessibility Important?
  • Supporting diversity
  • Providing equal information
  • Improving customer service

6
Where We Were Finding Race Legs
7
Bare Minimum Requirements
  • Text-only version of www.kent.edu
  • Working on Web Publishing Policy
  • Guide to Web Standards with section on Web
    accessibility (http//www.kent.edu/ucm/PoliciesSta
    ndards/Web508.cfm)

8
Easy Solutions for Others
  • Text-only versions
  • Alt tags
  • Flash
  • Font color

9
Examples of Color Contrast
Hue, lightness and saturation should vary
dramatically to support those with color
deficient partial sight.
Information, graphs from The Lighthouse Inc. Web
site.
10
Where We Are Entering the Race
11
Cross-divisional Team to Advance Effort
  • Joe Drew (Accessibility Lab)
  • New Media Center Other IS Units
  • University Communications Marketing
  • Webmasters Campuswide

12
Better Tools
  • Improved knowledge
  • Game plan
  • Increase awareness of issues
  • Provide solutions
  • Access to tools
  • JAWS
  • Lift technology

13
What Do the Tools Do?
  • Jaws
  • Known as a screen reader, reads Web pages to
    users
  • Lift
  • Converts sites to text-only Web pages, now
    available to all Kent State sites
  • Allows users to increase font size to accommodate
    low vision and or the need to move around a page
    with greater accuracy due to limits with their
    fine motor skills
  • Allows user to adjust font and set different
    colors and backgrounds
  • These settings are not saved, however after a
    user session ends.

14
Common Challenges
  • Images and image maps
  • Links
  • Data tables
  • Drop downs
  • Forms
  • Flash
  • PDFs (tagging)

15
Image Solutions
  • Alt tags (image descriptions that show when a
    cursor hovers over an image and that also show in
    text-only sites) are required
  • They can be added in the code or via some content
    managers, such as CommonSpot

16
Alt Tags Behind the Scenes
17
Alt Tags With CommonSpot
18
How They Display in Lift
  • http//ada.kent.edu/tt/http//www.kent.edu//Academ
    ics/ALA/index.cfm

19
Link Solutions
  • Links
  • Make sure that all links are understandable. Do
    not hyperlink the URL, but instead the title of
    the Web site to be accessed by the user upon
    selection of the link. For example, instead of
    http//www.kent.edu, hyperlink the words Kent
    State University home page.
  • Never set a link on the text "click here," "read
    more" or "link to" because these words
    are meaningless to a Web visitor who is blind.
    Instead of linking the words "Click here" to Kent
    State's Admissions Office, the link should read
    Visit Kent State's Admissions Office.
  • http//imagine.kent.edu/media/content/facts.asp
    (illustrate link list only in Jaws or Lift
    explain before vs. now)

20
Table Solutions …
  • … But first the problem

21
Data Table Simple Example
  • University by Gender Enrollment (in )

22
Data Table The Problem
  • Screen readers read left to right, then down a
    row, then left to right again.
  • So, screen reader would read males, females, KSU,
    52, 48, OSU 55, 45
  • Beyond a simple table and get become meaningless

23
Data Tables, Correct Order
  • The objective is to have each number within the
    cells correspond verbally to the correct
    combination of rows and columns.
  • So, it would be preferable for the table to read
    Title University by Gender Enrollment in
    Percents,
  • Then KSU Males 52 KSU Females 48
  • Then OSU Males 55 OSU Females 45

24
Data Tables Fixing The Problem
  • Requires
  • Addition of column and row headers using scope
    attribute in code.
  • A brief description in text, of how the table is
    organized (rows by columns) and what the basic
    points the table represent. This description is
    then attached directly to the data table via the
    internal/hidden code (html).
  • Table generator can help - http//dept.kent.edu/mp
    a/tablegenerator.htm

25
Solutions for Drop Downs Image Map
  • Wayfinding / directions site needed repairs to
  • Drop downs
  • Image map

26
Drop Down Error Before Repairs
  • Note
  • Drop down wont work as no submit button or go
    button exists

27
Drop Down After Repairs
  • Note
  • Drop down is made functional with the addition
    of a go button

28
Image Map Error Before Repairs
  • Note
  • An image map is an image that has links embedded
    within it, here each building links to a new Web
    page

29
Image Map Error Before Repairs How It Appears
in Lift
  • Note
  • The buildings were numbered, not named so the
    links were meaningless in this format.

30
Image Map After Repairs How It Appears in Lift
  • Note
  • Each hot spot (link) was given an alt tag that
    labeled the each building so now a user would
    know which link to choose to find an the building
    in question.

31
Solutions to Forms
  • Coming through Lift annotations for CommonSpot
    users
  • Other developers can reference Accessify.com
    (found in resources later)

32
Testimonial About Flash and PDFs
33
Solutions to Flash
  • Based on the testimonial, dont use it
  • If you must, offer several options to skip

34
Solutions to PDFs
  • Include
  • Proper tagging
  • Additional format (html, .txt., .doc)

35
Average User
36
Average User
37
(No Transcript)
38
Make It Accessible
  • By offering a PDF and text version of your
    document (.doc or .txt)
  • By tagging your existing PDFs using the simple
    tagging manual available through UCM
  • By tagging your PDFs when you initially create
    them

39
Tagging Done Easy
  • In Word, select Adobe PDF gt Convert to Adobe PDF.
    Save PDF file.
  • In Adobe Acrobat, select File gt Document
    Properties. Select a language on Advanced tab.
    Fill out file details on Description tab.

40
Tagging Done Easy
3. On the Pages tab, select all pages in the
document by pressing CtrlA. 4. Select Options gt
Page Properties. Choose Use Document
Structure. 5. Select Advanced gt Accessibility gt
Full Check to run an accessibility check.
41
Where We Will Grow Closing the Gap
42
Campuswide Awareness and Cooperation
  • Additional CommonSpot clients (resolves problem)
  • School of Art
  • Gearing up to approach Webmasters With Jaws and
    Lift analysis - http//ada.kent.edu/tt/)
  • Athletics vendor making progress

43
What We See
44
What Some Users See
45
What Some Users See
46
In-progress Solutions
  • Athletics now
  • http//demott.usablenet.com/tt/http//www.kentstat
    esports.com/index.php?schange_well_id2url_arti
    cle_id837

47
Advancing Lift Solution
  • All Webmasters should provide link to Lift for
    transcoding of sites
  • Code for departmental sites not using .asp or
    .cfm (replacing with respective url)
  • lta hrefhttp//ada.kent.edu/tt/http//www.kent.
    edugtText Onlylt/agt lta hrefhttp//ada.kent.edu/tt/h
    ttp//www.kent.edugtltimg srchttp//cms.kent.edu/im
    ages/home/keyhole.gifgtlt/agt

48
Lift Solution for .asp Pages
  • All Webmasters should provide link to Lift for
    transcoding of sites
  • For ASP pages
  • Text-only version lta hrefhttp//ada.kent.edu/tt/
    http//ltResponse.Write(Request.ServerVariables("s
    erver_name"))gt ltResponse.Write(Request.ServerVar
    iables("script_name"))gtgt Text Versionlt/agt
  • Image version lta hrefhttp//ada.kent.edu/tt/http
    //ltResponse.Write(Request.ServerVariables("serve
    r_name"))gt ltResponse.Write(Request.ServerVariabl
    es("script_name"))gtgt ltimg srchttp//cms.kent.edu
    /images/home/keyhole.gifgt lt/agt
  • Download the http//cms.kent.edu/images/home/keyho
    le.gif to server site is housed on and link to it
    vs. above url

49
Lift Solutions for .cfm Pages
  • All Webmasters should provide link to Lift for
    transcoding of sites
  • Code for Coldfusion pages
  • Text Only version lta href"http//ada.kent.edu/tt
    /http//ltcfoutputgtcgi.server_namecgi.script_nam
    elt/cfoutputgt"gtText Onlylt/agt
  • Image Version lta href"http//ada.kent.edu/tt/htt
    p//ltcfoutputgtcgi.server_namecgi.script_namelt/
    cfoutputgt"gt ltimg srchttp//cms.kent.edu/images/ho
    me/keyhole.gifgtlt/agt

50
Remaining a Competitor
  • Continue to advance effort
  • Expand to include forms, frames, javascript
    solutions
  • SRWC (time permitting frames)
  • http//www.recservices.kent.edu/index.asp
  • http//ada.kent.edu/tt/http//www.recservices.kent
    .edu/index.asp
  • Redesign of www.kent.edu will keep accessibility
    top of mind
  • Clemson example time permitting demo in jaws
    and lift vs. Residence Services in Jaws

51
Resources
  • Tools, wizards, articles and tutorials on Web
    Accessibility for the conscientious web developer
  • Accessify.com - http//www.accessify.com/tools-and
    -wizards/accessibility-tools/
  • Trial version of Jaws
  • http//www.freedomscientific.com/
  • Designing for People With Partial Site and Color
    Deficiences
  • http//www.lighthouse.org/color_contrast.htm
  • Guide to Web Standards (has section on 508
    issues)
  • http//www.kent.edu/ucm/PoliciesStandards/Web.cfm
  • Research on Accessibility in Higher Education
  • http//www.rit.edu/easi/itd/itdv09n2/thompson.htm

52
???
About PowerShow.com