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

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

Transcript of Www.monash.edu By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre...

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]