Usability and Accessibility
-
Upload
shaundickie -
Category
Technology
-
view
314 -
download
3
Transcript of Usability and Accessibility
![Page 1: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/1.jpg)
![Page 2: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/2.jpg)
Who uses the web?
Young people
Old people
Children
Disabled people
Technically advance users
People new to computers
![Page 3: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/3.jpg)
How people use the web
At home
On a laptop
On a mobile device
At work
![Page 4: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/4.jpg)
What makes the web
hard to use
Different browsers rendering differently
Different devices being different sizes
Vision maybe poor
People may be color blind
Deaf people may use screen reading software
New technology uses might not know what to do
![Page 5: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/5.jpg)
How can we make sure our
users get the best experience
Complying to standards
Thinking about the user experience before design
Optimizing content
Think about different devices
Test our sites on real users
Constantly evolving
![Page 6: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/6.jpg)
Text
Where ever possible use text rather then images
with text in it.
![Page 7: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/7.jpg)
Keep things clear and
contrasted
![Page 8: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/8.jpg)
Standards and test
W3C can perform validation for HTML CSS
Section 508 – this is a validation of accessibility for
you site. This will determine if your site meets the
standards. More and more public sector organization
must comply to this by law.
Standards and test are not designed to restrictive or
make it harder, they are there to improve web
experience.
![Page 9: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/9.jpg)
Evolve
Observe how people use your site and change it
accordingly
Don’t think you know what users will do!
![Page 10: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/10.jpg)
![Page 11: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/11.jpg)
![Page 12: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/12.jpg)
BBC
Comply with all standards
Offers rich user experience
Develops technology to achieve its goals
![Page 13: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/13.jpg)
![Page 14: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/14.jpg)
![Page 15: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/15.jpg)
![Page 16: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/16.jpg)
![Page 17: Usability and Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022032010/55a39a6f1a28ab6e548b45b2/html5/thumbnails/17.jpg)
Summary
Consider who the users of your site are
Develop versions for devices (particularly mobile)
Conforming to standards will make the site more
usable in general.
Let the users determine the paths, make changes