Saturday, 12 October 2013

New Directory Layout

Div Only Design

We have moved our website over to a pure div layout using no tables for any website structure we did have a div only template but some of the directory sections still used tables.

This should help improve our ability to change the layout more easily and also improves our keyboard navigation for users who cannot use a mouse.
Picture with the words <div> in the center
Layout


We have tested this layout using our usual cross browser testing which we have written about before and we hope it renders correctly in all browsers.

Our pages are fully HTML 5 compliant and have been tested using the w3c HTML validator we also used their CSS validator and Nu Markup tester.

The reason for using the Nu Markup tester is to test our new aria tags which help add even more semantics to our webpages. We have added roles to the main sections of our website and we are in the process of adding even more aria data.

After this is complete we hope to write an article outlining the features we have implemented and the reason for it. We are making a push to try and improve our website accessibility so we can offer all users the same quality experience.

No comments:

Post a Comment