Top Banner
www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage
13

Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

Jan 18, 2016

Download

Documents

Blake Edwards
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

www.monash.edu

By Gian Sampson-WildManager, Usability and Accessibility ServicesITS Web Centre

Accessibility and the Monash homepage

Page 2: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

2

Circa August 2006

Page 3: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

3

Circa August 2006: The good

• “Skip to content” link• worked with CSS disabled• fields labeled• headings used• CSS used to style bullets

Page 4: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

4

Circa August 2006: The bad

• tables for layout• “Go” button• no navigation labels• ascii characters used

Page 5: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

5

Circa August 2006: The ugly

• …

Page 6: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

6

Circa November 2006

Page 7: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

7

The marketing goals

• “fresher” look• easier to maintain• languages other than

English• based on feedback

and log analysis

Page 8: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

8

The development goals

• no tables• semantic markup• XHTML• preserve reading order• no browser hacks• standards compliance

Page 9: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

9

A few problems…

• getting rid of tables• four columns• browser support:

IE 7, NN 4.7• screen width

Page 10: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

10

New accessibility features

• navigation labels• “Find” submit button• “Skip to the content”• “Search” not capitalised• removal of ascii characters (>>)• relative instead of absolute units

Page 11: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

11

Challenges

• designers being developers• marketing being

aesthetically driven• IE being a monster

Page 12: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

12

Why it worked

• marketing / IT relationship• the relationship

between marketing and IT

• how marketing listened to IT and IT listened to marketing

Page 13: Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.

13

Questions?

• I’m always happy to talk:

Gian Sampson-Wildph: (03) 9902 0535email: [email protected]