Accessibility

I received an email with regards to a bug in the overlay script that is part of multiBox. There was error in Internet Explorer due to document.body not being in a selector. I'm not sure why a selector is needed for such a basic JavaScript select... But IE seems to need it. I have fixed this bug, and whilst fixing it, I spotted another IE6 minor bug where the width of the overlay is calculated. Due to the script using document.body.getSize().x, if you have a width on the body (like I do on my example page), then the overlay width isn't going to be as wide as your browser window. So I changed the code to use window.getSize().x to make sure the overlay is always full width. If anyone spots any more bugs with any of my scripts, then please drop me and email or leave a comment on this blog and I will look at it ASAP.~I have created a page listing links to all the [url=http://www.liamsmart.co.uk/Downloads/]downloadable scripts[/url] I have written. Please feel free to browse my [url=http://www.liamsmart.co.uk/Downloads/]downloads[/url] page and help yourself to any scripts you might find useful. Please feel free to leave comments or suggestions via my blog. Liam~mooCollapsibles updated to version 1.1. Most of the fixes are when the 'Accordion' option is set to true. Setting were not being saved but I have fixed that. One major flaw was having a loops inside loops, but I have removed these and cleaned up the code. Another fix I made was to inject a clearing class into the bottom of each collapsible body. This way, if there is floating content in the collapsible, there wont be any nasty overlaps. I haven't zipped it up yet and made it available for download until I have tested it further. Click on the following link to see [url=http://www.liamsmart.co.uk/Downloads/mooCollapsibles/]mooCollapsibles[/url] in action. Liam~mooCrumbs anyone? I have been playing about with a script that will only show my websites 'breadcrumbs' on user request. This is useful for deeper websites than mines but thought I would try and see what I could conjure up. Here's what I have so far: [url=http://www.liamsmart.co.uk/Downloads/mooCrumbs/]mooCrumbs[/url]~Hi Connan, What email thing are you referring to? Is it the collapsible content? I built that myself. Check out the blog entry for 15/10/2008. I have it available to download. Regards, Liam~Hey mate, where did you go to get this email form thing, please reply.~Now that my website is almost complete, I have kept a list of all the websites that I have found useful. Some of these contain code, tips, information and pretty much anything that I found helpful. I have decided to add these links to my website incase they might help someone else who is looking for the same information. View my [url=http://www.liamsmart.co.uk/Portfolio/Code_Bank/]code bank[/url].~Ok, I know Samuel is working on v1.4 but I have updated Phatfusion's multiBox to work with MooTools v1.2.1. View [url=http://www.liamsmart.co.uk/Downloads/multiBox/] multiBox for MooTools 1.2[/url] . It was more time consuming than I thought it would be. The Ajax request and html element were real puzzlers. I have managed to get the Ajax request working fine (you can view the code to see what's in place), but I feel the following code should go in its place as this is how the MooTools docs says how to use Ajax requests. I don’t get any errors with the following code, but the Ajax isn't put into the container… Proposed Ajax request code: new Request({ url: this.contentObj.url, method: 'get', update: 'MultiBoxContentContainer', evalScripts: true, autoCancel: true }); I am sure it is 99% correct but if anyone knows what I'm doing wrong, then please let me know, either on this forum, my email address which is in the scripts, or via my website. I have added some extra options as well. These are optional and set within the options as they might not be everyone's taste. One thing I would like to add is the ability to put files into groups so the user will only be able to navigate through items belonging to same group. I fixed a few IE6 bugs in the CSS, changed the sizing script in the overlay so it works better in IE6 (not sure why it didn’t work with MooTools 1.2.1 so I just did it a slightly different way and it seems to work fine). This updated version of multiBox is tested in IE6 & 7 and Firefox 3. I made sure all original file types work fine, and they are all included on the default page within the zipped folder. It would be good if other people could test it in different browsers. Enjoy!~Have you ever wondered how to force the download dialog box to appear when linking to Word or PDF files instead of them opening in normal web browser? Well this small file will make sure it does. All you need to do is link to that file, and specify which file you want to download using a query string at the end. The path in the query string is the relative path from the root of your site as the ASP will do the rest. You can view [url=http://www.liamsmart.co.uk/Downloads/forceDownload/]ASP forceDownload[/url] to see the script in action. Thanks for the help from [url=http://forums.aspfree.com/]ASP Free forum[/url]!~As promised, here is the first version of [url=http://www.liamsmart.co.uk/Downloads/mooCollapsibles/]mooCollapsibles[/url]. Everything you need is contained within the zipped folder. This class is perfect for FAQ sections on a website, or for blogs like my site. The best feature is the fact that it stores which collapsible boxes the user closes and opens in the form of a cookie, so that when he/she returns to that page, the same boxes are open or closed.~[url=http://www.liamsmart.co.uk/Downloads/mooTicker/]mooTicker[/url] v1.0 for MooTools 1.2 is now available. This is at version 1. Testing and feedback would be great! It is a modification of David Walsh's typewriter class but now supports multiple strings, and has a few more features such as random generated typos and timer control. Full credit goes to David Walsh for writing this great script! Soon, I will be posting a version of Phatfusion's Multibox that is fully MooTools 1.2 compatible, as well as pack new features such as roll-over effect, overlay icon and chain animation. Along with this, I have written a class called mooCollapsibles which I use on this blog. This has a few nifty features, such as mimicking the infamous MooTools Accordion but with toggle, the toggle buttons rotate too point in the correct direction, and you have full control of the speed and transition type from within the options. Soon enough, I will also write a small class called mooCrumbs as I want to do something with my websites breadcrumbs. All the files needed to get you started are included in the zipped folder. Enjoy!~Website news ticker built that supports multiple messages! I will be making it available for download soon so keep checking back.~New website launched for 2008!!!

This website conforms to W3C-WAI Web Content Accessibility Guidelines 1.0 and is WGAC 1.0 WAI-AAA compliant. However, I disagree with one of the guidelines the W3C about opening new websites in new browser windows. I think that if the link is to an external website, in no relation to the one you are browsing, then the new website should open in a new browser window. It seems I´m not the only one with this opinion as I see more and more websites with external link icons on links to an external website.

Having said that, there aren´t any links that will open a new browser window on this website.

Accessibility is a big issue nowadays and I take great care in making the websites I design and build as accessible as possible. This page describes some techniques used to aid accessibility, appropriate access-keys and general accessibility information.

First and foremost, this website successfully validates against XHTML 1.0 Strict and CSS 2.1 W3C requirements.

All images have been optimised for the web, reducing loading times so it is possible for users without broadband to find navigating through the website a pleasant experience.

I have designed an automatically generated breadcrumb trail so that you have a clear linked path back to where you started no matter how deep you delve into my website.

This website has been tested on the following browsers to make sure it works on old and new technology:

• Internet Explorer 6:no issues
• Internet Explorer 7:no issues
• Internet Explorer 7 (Vista):no issues
• FireFox (Windows):no issues
• FireFox (Apple):no issues
• Opera:no issues
• Safari:no issues

The following access-keys have been assigned to the following pages:

• Access-Key (h):Homepage
• Access-Key (1):About Me
• Access-Key (2):Portfolio
• Access-Key (3):Contact Me
• Access-Key (4):Blog
• Access-Key (5):CSS Validation
• Access-Key (6):CSS Validation
• Access-Key (7):Accessibility
• Access-Key (8):Site Map
• Access-Key (p):Print

To use access-keys you need to do the following:

Internet Explorer 5+ (Windows):

Hold down the ALT key, press the number or letter of the access-key, release both keys then press ENTER

FireFox (Windows):

Hold down the ALT + SHIFT key and press the number or letter of the access-key

FireFox (Mac):

Hold down the CTRL key and press the number or letter of the access-key

Safari (Apple):

Hold down the CTRL key and press the number or letter of the access-key

At time of publishing these access-key commands were correct. Updates to browsers may change these commands. Unfortunately, this is beyond my control. If you require any help, or have any questions regarding the accessibility of this website, then please contact me by clicking here.

If you like what you see then view my portfolio or visit my blog and feel free to leave a comment.

I´d like to thank JLW Design and Bit Box for their wonderful vector graphics and CSS Remix for giving me inspiration!