Accessibility help...


Refined Designs Co. strives to make their websites accessible to everyone. Below are the strategies we use in order to make this possible.


Access keys


In order to access all of the pages on this website for those who do not have access to a computer mouse/pointer accessory, access keys are the alternative.

In order to use access keys, for windows users, you need to press [Alt] + accesskey. However, if you are using Firefox, then you have to press [Alt] + [Shift] + accesskey. If you are a Mac user, then for all browsers, the key combination is [Control] + [Alt] + accesskey.


h - Homepage

b - Biography page

n - News page

d - Demo page

c - Contact page

a - Accessibility help


Alt tags


For browsers that cannot display images, alt tags are used in order to inform the reader on what the image contains.


They are also used in website links as well, also known as anchor links. The alt tags will appear when the user hovers over the link, and it will allow them to see where the link takes them before actually clicking it.


Selecting


Some text colours may not be so visible on some users computer monitors. Therefore, when you select a word or an image on this website, it changes the background and the text colour to a strong contrast of black and red, like so...


Text selecting example

JavaScript and CSS


For dated internet browsers, this website is still accessible and readable for those that do not have JavaScript or CSS enabled. However the Internet Explorer Hunter game will not be available for those who do not have JavaScript enabled.


Also, The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x. So basically, the website looks half decent in awful IE6.


Apple Devices Icon


For ease of use, iPhone/iPad/iPod Touch users can have an icon on their device that automatically links to the website so that the user doesn't have to go their browser and type in the address every time.

This can be achieved by going to the website and press 'Add to' and then 'Add to Home Screen'.

iPhone icon

Internet Explorer Hunter

Here is a game I made using HTML 5 Canvas and JavaScript. It's inspired by the classic game that nearly everyone had on their old phones, Snake, in that it represents the same classic square user interface and 2D graphics. However, Internet Explorer Hunter features a new approach to classic 2D gaming.

Sheffield University Superman

This character to the right is the University of Sheffield's own Superman. In the game, this character is controlled around the canvas to destroy the enemy. Super man is controlled using your computers arrow keys.

Superman is based around the University of Sheffield's main campus, which is featured on the map to the right. His biggest challenge within the university is the use of Internet Explorer 6. In this game, that mission is to fly Superman to various parts of the map where IE 6 is being used.

Sheffield University map
Dreaded Internet Explorer

Superman's main objective is to destroy/uninstall Internet Explorer, or any other version of it to be honest, due to pain it gives web developers.
Give the game a go below!

00 Seconds