70 likes | 229 Views
AInspector - Safari. Aman Agarwal, Adam Coulter, Srinivasan Viswanathan. Goals. Implement a Safari Toolbar with the capability to: Analyze websites Check accessibility features Provide information about website Evaluate page against various rule sets Suggest ways to improve websites
E N D
AInspector - Safari Aman Agarwal, Adam Coulter, Srinivasan Viswanathan
Goals • Implement a Safari Toolbar with the capability to: • Analyze websites • Check accessibility features • Provide information about website • Evaluate page against various rule sets • Suggest ways to improve websites • Show where problem areas lie • Suggest possible fixes
Project Demonstration • Demo Ainspector-Safari in class
Key Technologies Used • HTML • Javascript – Injected using extension • CSS • OpenAjax Cache – caches links from website • JQuery • JQuery UI – makes animated dialog with links • QTip – generates tooltip for addIcon
Code Samples • Injected.js • External.js • Jquery_dialog.js
Challenges • Deciding on the best method/approach to start implementing features E.g. using IFrame • Issue with cross-frame security problems in safari • Finding a modular way to implement displaying links. Injecting HTML vs. Using DOM elements • Instability of safari extensions • Asynchronous injection of required scripts was a big problem.
Future Impact • Will be used to evaluate content of website against WCAG and OAA rules • Inspect important accessibility items on a webpage e.g. Links, Images etc. • Increased open source effort to extend toolbar • One day, this toolbar will be able to aid all developers in making accessible websites for Safari users, m’kay.