Instead of giving "back to top" button is it good to make layout with fixed header and footer for better usability? or this type of layout can be problem for screen reader?
Like this
views:
24answers:
1
+3
A:
This would be determined on a case-by-case basis. Some pages have minimal headers with crucial information, while others have bloated headers with useless information. As for screen readers, as long as your structure is consistent (and you do the sticky with css/javascript) I don't think there would be any problem.
Just keep in mind that stickied items take up screen space. With many people browsing the web on laptops and mobile devices, that screen space may be more crucial than you think. Don't sticky a header and/or footer unless it's absolutely necessary.
Perhaps an alternative method would be helpful. Maybe instead of your links saying "Back to top," they simply said "Popup Navigation." When clicked, a small div appears with the navigation (since this is what users typically go back to the top for). I worked up a quick example: http://jsbin.com/uromo/2/edit
Jonathan Sampson
2010-02-17 04:51:56
can u show any example as u r saying in last paragraph?
metal-gear-solid
2010-02-17 04:59:42
Made it quickly, but it's an example: http://jsbin.com/uromo/2/edit
Jonathan Sampson
2010-02-17 05:13:08
what a effect ! awesome Jonathan awesome . thanks . the only this is concern , what about if js is disabled
metal-gear-solid
2010-02-17 05:19:29
@Jitendra: If js is diabled, you could make the "shownav" links default to `href='#top'`.
Jonathan Sampson
2010-02-17 05:22:23