ATbar - Accessibility Toolbar

22
E.A Draffan ATbar Arabic / English Accessibility Toolbar

description

ATbar is free and allows you to change the look and feel of webpages, increase and decrease font sizes, have text read aloud, use coloured overlays, readability and a dictionary to aid reading. Spell check forms and try word prediction when writing. It is a simple tool which is available for most popular browsers.

Transcript of ATbar - Accessibility Toolbar

Page 1: ATbar - Accessibility Toolbar

E.A Draffan

ATbar

Arabic / EnglishAccessibility Toolbar

Page 2: ATbar - Accessibility Toolbar

Overview

• Why have an accessibility toolbar?

• ATbar features

• Customisation - the Marketplace

• The challenges of innovation!

.

Page 3: ATbar - Accessibility Toolbar

Why have a toolbar?

Page 4: ATbar - Accessibility Toolbar

Mainstreaming AT

Page 5: ATbar - Accessibility Toolbar

When would I need a web browser toolbar?

The toolbar will never replace complex assistive technologies

Page 6: ATbar - Accessibility Toolbar

ATbar features

Page 7: ATbar - Accessibility Toolbar

Text Enlargement

Page 8: ATbar - Accessibility Toolbar

Change the look and feel

• Overlays, fonts, line spacing and colour changes

Page 9: ATbar - Accessibility Toolbar

Text to Speech

Page 10: ATbar - Accessibility Toolbar

Word prediction and spelling

Page 11: ATbar - Accessibility Toolbar

Customisation of the toolbar

Page 13: ATbar - Accessibility Toolbar

Using ATbar• Add the free ‘bookmark’ or ‘favorite’ to

your browser toolbar - available from https://www.atbar.org/ or https://www.atbar.org/

• You can share it with anyone and embed it into your website

Page 14: ATbar - Accessibility Toolbar

Issues

• Flash

• iframes

• Text size and colours not changing in some websites

• CSS removal affects toolbar

• Localisation

Toolbar does not stay loaded when moving between websites –Google Chrome only at the moment.

Page 15: ATbar - Accessibility Toolbar

Discover

Create

Translate

Develop

Test

AT Localisation Framework

Cultural Context

Dimensions Appropriateness

Environment Demographics

Language Impact on Design

Translation Technical

Individual Needs Activity

Skills

Designers

LinguistsDevelopers

Visionary / User /Owner

Users

Page 16: ATbar - Accessibility Toolbar

Arabic ATbar – AT Challenges

www.atbar.org

• Voices

• Bi-lateral text, font sizing

• Layout

• Images

• Language used in help files

• Testing

• Communication with users

• Ongoing Feedback

• Maintenance

Page 17: ATbar - Accessibility Toolbar

http://youtu.be/yp3Y-VSyqT4

ATbar Arabic Walkthrough

Page 18: ATbar - Accessibility Toolbar

Desktop ATbar for Windows• Text to Speech and Screen Reading

• Coloured Overlay and Ruler

• Onscreen Keyboard

• Magnification

Available from https://ar.atbar.org/desktop-atbar/

Responsive Design? Mobile Technologies?

Page 19: ATbar - Accessibility Toolbar

Documentation

http://en.wiki.atbar.org/wiki/Main_Page

Page 20: ATbar - Accessibility Toolbar

ATKit Framework

Page 21: ATbar - Accessibility Toolbar

What helps when innovating!

• Collaborative working• Good code - it is open source!

https://github.com/AccessAtECS/ATBar• Problems shared – bug tracking, issues raised,

comments made, new ideas.• Social media – wikis for documentation,

tweets and blogs for news• Multiple means of representation, expression

and engagement to accommodate individual differences.

Page 22: ATbar - Accessibility Toolbar

Thank You شكرا /

E.A. Draffan

[email protected]

ECS Accessibility Team

http://access.ecs.soton.ac.uk