Athletic Rivalries and Web Accessibility

Who Is in the Sweet 16 This Year?

Jon Gunderson, Ph.D.University of Illinois at Urbana/Champaign

E-mail: jongund@illinois.edu

Data and additional details at:http://webaccessibility.cita.illinois.edu/data

Sweet 16 Schools

Missouri S

tate

UI - Urban

a

Indiana

Nevada S

tate

Evansvi

lle

Michiga

n State Tulsa

Holy Cross

Minnesota

UI - Chica

go

Loyo

la (Chica

go)

UT - Austi

n

SIU - C

arbondale

Kansas

Penn State Duke

0102030405060708090

100

Summary Accesibility Score

Athletic Conference Overview

Big 10

Missouri V

alley

Big 12

PAC 10

Mountain W

estACC

Ivy Le

ague

Horizon Le

ague

Patriot L

eague

Conference USA

Atlantic 1

0

Big Sk

y

Big East

0102030405060708090

100

Summary Accessibility Score

Atlantic Coast Conference (ACC)

Duke

Virginia

Tech

North Caro

lina S

tate

Florid

a Stat

e

Boston Colle

ge

Marylan

dMiam

i

North Caro

lina

Virginia

Wake Fo

rest

Georgia T

ech

Clemson

0

10

20

30

40

50

60

70

80

Summary Accessibility Score

Atlantic 10

St. Lo

uis

Dayton

St. Jo

seph's

Duquesne

Rhode Islan

d

St. Bonav

entureXav

ier

Richmond

George W

ashingto

n

Temple

Massach

usetts

NC - Charl

otte

La Sa

lle

Fordham

0102030405060708090

100

Summary Accessibility Score

Big 10

Illinois

Indiana

Michiga

n State

Minnesota

Penn State

Michiga

nIowa

Wisconsin

Purdue

Ohio State

Northweste

rn0

102030405060708090

100

Summary Accessibility Score

Big 12

UT - Austi

nKan

sas

Texas Tech

Nebraska

Texas A&M

Missouri

Iowa Stat

e

Oklahoma

Kansas

State

Colorado

Baylor

Oklahoma S

tate

0102030405060708090

100

Summary Accessibility Score

Big East

Notre Dam

e

Pittsburgh

Rutgers

Louisv

ille

West Virg

inia

Syrac

use

Marquette

St. Jo

hn's

South Fl

orida

DePaul

Seton Hall

Villanova

Georgetown

Cincinnati

Providence

0102030405060708090

100

Accessibility Summary Score

Big Sky

Montana

Northern Ariz

ona

Portlan

d State

Northern Colorad

o

Sacra

mento

Idaho St

ate

Eastern W

ashingto

n

Montana S

tate

Weber Stat

e0

102030405060708090

100

Summary Accessibility Score

Conference USA

Tulsa

Houston

Central F

lorida

Tulane

Texas - E

l Paso

MemphisRice

Al - Birm

ingham

East Caro

lina

S. Miss

issippi

Marshall

SMU

0102030405060708090

100

Summary Accessibility Score

Horizon League

UI - Chica

goLo

yola

Detroit -

Mercy

Milwau

kee

Butler

Green Bay

Clevelan

d State

Valpara

iso

Wright S

tate

Youngstown St

ate0

102030405060708090

100

Summary Accessibility Score

Ivy League

Cornell

Brown

Darthmouth

Columbia

Prince

tonYale

Pennsylva

nia

Harvard

0102030405060708090

100

Summary Accessibility Score

Missouri Valley

Missouri S

tate

Evansvi

lle

SIU - C

arbondale

Illinois S

tate

Creighton

Drake

Bradley

Northern Io

wa

Indiana S

tate

Wichita

State

0102030405060708090

100

Summary Accessibility Score

Mountain West

Utah

New Mexic

o

Colorado St

ate

San Diego

State

Nevada -

Las V

egas

Wyoming

BYUTCU

Air Force

0102030405060708090

100

Summary Accessibility Score

PAC 10

Oregon

Arizona S

tate

UC - Berkl

ey

Oregon St

ate

Arizona

UCLA

Stanford

WSU

Washingto

nUSC

0102030405060708090

100

Summary Accessibility Score

Patriot League

Holy Cross

Lehigh Bucknell American Colgate Lafayette Army Navy0

10

20

30

40

50

60

70

80

90

100

Summary Accessibility Score

Titling RulesRule Description

Title Element The page must contain exactly one title element.

Content The title and H1 element must have text content.

H1 Element*The page must contain at least one h1 element.

Number of H1s The page should contain no more than two h1 elements.

H1 and Title* The text content of each h1 element should match all or part of the title content.

H1 IMG ContentEach h1 element should have text content exclusive of the alt text of any img elements it contains.

Sub Heading RulesRule Description

Nesting*Subheading elements that follow the last h1 should be properly nested.

Content Each subheading element (h2..h6) must have text content.

IMG Content Each subheading element (h2..h6) should have text content exclusive of the alt text of any img elements it contains.

Form Control RulesRule Description

Labels*

Each input element with type=text | password | checkbox | radio | file and each select and textarea element must either be referenced by the for attribute of a label element via its id attribute, or have a title attribute.

Value Each input element with type=button | submit | reset must have either a value attribute or a title attribute.

Alt Text Each input element with type=image must have either an alt attribute or a title attribute.

Label Content Each label and legend element must have text content.

Data Table RulesRule Description

TH Elements*For each data table, the first cell in each column must be a th element, and each row must contain at least one th element.

Summary* Each data table must have a nonempty summary attribute.

Summary Unique The summary attribute value for each data table on a page should be unique.

IDs Unique* Each th element in a complex data table must have an id attribute

Headers Attribute*Each td element in a complex data table must have a headers attribute

Image RulesRule Description

Alt Text*

Each img element must have an alt attribute.

Decorative Each img element with an empty alt attribute should be removed; CSS techniques should be used instead.

Small Each img element with width or height less than 8 pixels should be removed; CSS techniques should be used instead.

Layout Table RuleRule Description

Nesting*

Tables should be used only for organizing data in rows and columns. Use CSS instead of tables and nested tables to visually layout blocks of related content for graphical rendering.

Summary Score Rules

• Titling– H1 Element – H1 and Title

• Sub Headings– Nesting

• Form Controls– Labels

• Data Tables– TH Elements– Summary– IDs Unique– Headers Attribute

• Images– Alt Text

• Layout Tables– Nesting

Accessibility Categories

Titling

Sub Head

ings

Form

Controls

Data Tab

les

Imag

es

Layout T

ables

0102030405060708090

100

Summary Accessibility Score

Danger! Danger! Danger!

• Just because a website has a good “Summary Accessibility Score” does not mean it is accessible.

• The Summary Accessibility Score just means the patterns of mark for highly accessible websites are present (100%) or not (0%)

• Many factors that effect accessibility are not included in the score

Accessible Design

• Accessibility is built into a website, not added on at the end of the development process

• Use Best Practices coding practices:http://html.cita.illinois.edu

• Use tools like fae to verify accessibility features

• Test with students, faculty and staff with disabilities

Measurement ToolIllinois Functional Accessibility Evaluator

(fae)http://fae.cita.illinois.edu

Free service of the University of Illinois