Elements - XSitePro Website Design

Home Previous  Next


Brought to you by XSitePro Website Design Software

professional website design made easy      




The elements list is intended to raise potential issues with an alerts system:


piece_Accessibility_Detail_cross_icon - There is a definite problem in this area


piece_Accessibility_Detail_alert_icon - There is a possible problem in this area - checks needed


piece_Accessibility_Detail_tick_icon - There are no problems in this area



Using this simple alerts system you can identify and address issues relating to the below elements in your web-pages:


Text/Font Size - Fonts used in your page content should fall between the size 9-14pt ideally for maximum readability. Fonts below this size may prove difficult to read for some visitors.



Tables - Tables should be clearly laid out with proper headings, row labels and clear distinction between label data and actual cell data. Images, where used, should be 'silent' in some cases (no Alt-tags if the image is a minor cosmetic graphic, for example).



Forms - Forms should be clearly laid out, like tables and should follow a logical tab-order for ease of navigation. Where graphics are used (such as submit buttons) these should be clearly labeled using alt-tags. Ideally, text-based buttons should be used for maximum accessibility. Also, brief explanatory text immediately before the form (or the submit button) informing of what will happen when the form submit button is clicked will make for a better user-experience when used by someone with visual impairment.



New Windows - Where used, links to pages in new windows should be clearly labeled as such so that someone with a visual impairment clicking on the link is aware that in so doing they are leaving the current page.



Audio / Video - Where possible, audio elements should be supported by visual alternatives (such as 'click here to download the transcript'). Similarly, video content should be supported with non-visual alternative such as an audio version of the clip. Used sparingly these elements can add richness and diversity to your page, but care should be taken not to over-use them as they may end up making your page inaccessible to some.



Scripting - Scripts can sometimes produce results that may cause confusion to someone reading your page content with a screen reader, or navigating the page with a keyboard. Effects like 'cursor repositioning' or other unannounced actions should be used sparingly and only where necessary to ensure page content remains accessible.



Flash - Flash elements are not readable by screen-readers and so can render parts of your content 'invisible' to those with visual impairments. Generally speaking it is a good idea to limit your use of this medium and, where used, to ensure that it is not used for key page information, i.e navigation.



The issues above are addressed in the Elements list, and next to each element you will see the following information:


Element statistics (font sizes or a count of the number of elements of that kind, on the current page)


Alert Icon - Denoting whether or not more attention is needed


Tips Button - to view more information on the source of possible problems, click this button. A pop-up window will appear with more information.




Home  Previous  Next