Close

    Quick Tips

    • All pages should have unique TITLE to assist screen readers as well as search engines apart from the normal user
    • All pages should have META TAGS (Keywords and Description) related to that page
    • Clear heading structure (H1, H2 and H3) should be maintained. This helps the visually challenged user to quickly scan the main content heads of the page. There should be only one H1 tag on a page
    • Use xternal CSS as much as possible, avoid inline styling
    • Always use OPTIMIZED images. Images can be optimized by using image editing softwares
    • Page should have a clear contrast between foreground and background
    • A “Skip to content” link must be provided at the top of the page. This helps the user to directly go to the main content of the page bypassing the repetitive sections like page header, navigations etc
    • All functionality of the content like links, menus, forms etc should be operable through a keyboard interface as the visually challenged cannot use the mouse
    • Tables must not be used for layout and presentation purposes. When used for representing data, tables should be provided with proper header row and captions and the data items should flow left to right, one line at a time
    • Frames should be avoided while designing a webpage as frames cannot be easily read by the visually impaired. When used, frames should be titled with text that facilitates frame identification and navigation
    • Attributes of colour, shape and size must not be used to represent information as these would make the content inaccessible to the visually challenged. For example, we should avoid using statements like “All the text written in red are mandatory”
    • All script function should include a NOSCRIPT tag for those browsers or assistive technologies that do not have script support.
    • Enough time should be provided to user to read and interact with content. In case, content is time-based, same should be informed to user in advance
    • Website must clearly reflect the ownership of Government of India through the use of State Emblem. Complete linage of the owner department must be mentioned, preferably at the footer of the page
    • Content must be written from citizen’s perspective and the language must be simple and free from errors
    • Multi-lingual versions of the sites must be in sync with each other
    • Website must work well in all the major browsers.