Skipping over navigation links - Dive Into Accessibility
Day 11: Skipping over navigation links - Dive Into Accessibility
Having managed to develop the fixed-width centered site for Fota House, myself and Tom R decided it was better to go with the more accessible and more adaptable design.
So I went back to the design with the content width set to 35ems.
But I decided, after getting some feedback from people that the navigation was not great. The original design had the Main Navigation running across the top and the Sub Nav running down the right hand side.
I implemented a new design which has all the navigation at the top of the page divided into three columns. The three columns are Main Navigation, Sub Navigation and On This Page navigation.
That way all navigation is grouped together and the user has a visual representation of where they are in the site as the current page will be differentiated through colour.
However, the drawback is that the amount of links needs to be variable and scalable therefore it was not possible to use absolute positioning, which means the links are coded in the html before the content - something I was trying to avoid.
According to Dive into Accessibility, Google gives more weight to content closer to the top of the page, which is another reason to present main content first.
Until I find a way to put the links at the top of the page in a scalable way I have implemented a 'skip navigation' link which is rendered invisible by CSS. That way text readers etc can skip past them.
Having managed to develop the fixed-width centered site for Fota House, myself and Tom R decided it was better to go with the more accessible and more adaptable design.
So I went back to the design with the content width set to 35ems.
But I decided, after getting some feedback from people that the navigation was not great. The original design had the Main Navigation running across the top and the Sub Nav running down the right hand side.
I implemented a new design which has all the navigation at the top of the page divided into three columns. The three columns are Main Navigation, Sub Navigation and On This Page navigation.
That way all navigation is grouped together and the user has a visual representation of where they are in the site as the current page will be differentiated through colour.
However, the drawback is that the amount of links needs to be variable and scalable therefore it was not possible to use absolute positioning, which means the links are coded in the html before the content - something I was trying to avoid.
According to Dive into Accessibility, Google gives more weight to content closer to the top of the page, which is another reason to present main content first.
Until I find a way to put the links at the top of the page in a scalable way I have implemented a 'skip navigation' link which is rendered invisible by CSS. That way text readers etc can skip past them.
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home