How to improve visibility of text and page elements



These web pages are created using dynamic web templates and style sheets. Using this technology allows for greater control over how the content is displayed in different browsers and conditions, especially when implementing accessibility options. The pages are designed and test at a resolution of 1024 x 768 but will correctly display on other resolutions because of its dynamic nature. For information about accessibility options and their limitations please read the browser specific notes below.



Most common Browser  accessibility feature - ZOOM

To improve the readability of the content on these pages you can use the built in zoom feature of most popular web brewers. To zoom in simply hold down the CTRL key and press the + key to incrementally increase the zoom; doing this with the - key decreases the zoom. If you have a wheel mouse roll the mouse wheel forward or backwards instead of the +/- keys. To reset the zoom level to 100% hold CTRL and press 0 (zero).



Browser specific accessibility features


Firefox offers the best user accessibility options compared with Microsoft's Internet Explorer because it offers the user the option to magnify only the saleable text portions of a page. Because the template used for this web page is a dynamic one all text (except menu button labels) can be scaled without the page becoming unstable or being stretched outside of the width of the browser window. Often web content is not constrained and text will spread outside of the areas it occupies at a zoom level of 100% making the page unreadable and generally messy to view.

How to select 'Zoom Text Only' in Firefox:
Click on the 'View' option on Firefox menu bar
From the drop down menu place you mouse pointer over the 'Zoom' option
A fly-out menu will appear with the zoom options, simply click on 'Zoom Text Only' to activate this mode.


Figure A: Firefox set to zoom text only presents the content within the same frame as the original page, scaling the font does not wreck the page layout and does not make any content go outside the normal browser pane - not need to scroll right, only down. IN this mode menus and graphics are unaffected.




Internet Explorer handles zooming and text scaling as separate functions; standard zooming is as described at the top of this page, the whole of the content - images and text - as magnified. Text size gives the user a choice of 5 font sizes, from smallest to largest. THIS FUNCTION DOES NOT WORK WITH THESE PAGES, changing the text size option has no effect on the content of these pages.


Figure B: IE purely magnifies the content but does not always respect the style sheet constraint, the text has remained in a narrow paragraph while the heading has remained in the centre of the page. to see more you need to scroll right which will show large blank areas because the text stays to the left while other elements are centred.


We recommended  Firefox

These pages were designed and tested using Firefox 3, it was chosen because of its improved accessibility features for those who wish to be able to enlarge the on screen text to a size which suits them without having to scroll across highly magnified pages.


How to get Firefox: This is FREE

Download r Firefox 3.6 English (British) or Firefox 3.6 English (US) for Windows For downloads in for other operating systems and languages Click here




 2005-2010 John Lawson & Tony Drury

These pages are hosted and maintained by Tony Drury, Editor, the Royal Navy Research Archive