Standard Colors: TTB uses a palette of standard colors to ensure a common look and feel for its websites.
See Style Sheet in Appendix D: Layout and Navigation.
Use headings to help organize information. The three predefined heading formats that may be used are:
Topics and headings (page headings, sub-headings, and section dividers) should be in title case. In title case, the first word and all principal words are capitalized, e.g., TTB's Regulated Industries.
As a rule, TTB does not use italics for headers, sub-headers, links, or captions. In rare cases, you may use italics to add emphasis to a word within narrative.
Page headers (not to be confused with the "page title" that appears up in the blue bar at the top of the screen or "standard headings" that organize content on the page) are extremely important features of each Web page. They should communicate – at a glance – the subject of the page. They also will serve as the text for any links to that page. So choose the wording of your page headers carefully. Page headers should:
Break text into short segments. Use headers or section dividers to help visitors quickly get to the sections they want. Allow appropriate white space (blank areas) on your pages. White space provides eye relief, makes items easier to find, and creates a more attractive page. Put your most important information at the top of your page.
The front page of a section or the "home page" should be short and to the point. For the most part, you should use it to highlight current or important developments and to help people get to other parts of the section.
Use "content boxes" to guide users to related links, to highlight important information, or to provide additional facts. When you use the following box titles, you should follow these protocols:
Anchor Tags Or "Jump To's"
In some cases, anchor tags and "jump to's"– allow the user to "jump" up or farther down on the page – can be a good design practice. However, if users select "print," the whole page will print – not just the section they jumped to. A better practice is to create a series of related, linked Web pages. Users will be able to print specific pieces of content instead a large volume of information that they do not want or need.
Highlighting "New" Items (TTB.gov Only)
A standard "new" icon may be used to highlight information on TTB.gov is the only "new" icon that may be used on the site. It will automatically expire two weeks after posting.
Standard Links (TTB.gov Only)
The "Printer-Friendly Version" link should appear on each document level page on TTB.gov.
The "page title" appears in the title bar of the visitor's browser, as the label in bookmarks to the page, and in search results lists and statistics reports. A page title should be concise and meaningful to the audience.
Presenting large amount of information or lists in a table is a best practice for content management and plain language. Some guidelines for using tables include –
TTB does not use frames on any pages of its websites. Frames add unnecessary weight to a Web page, making it more difficult for people with slow modems to access the page.
Refer to Appendix D: Layout and Navigation for more examples and images.
Skipping Repetitive Navigation
When Cascading Style Sheets (CSS) are inaccessible provide a method that permits users to skip repetitive navigation links.
Offer "skip to navigation" commands such as "skip to search box" or "skip to search results." To help users of PDAs, smart phones, and other non-PC devices, make these links small but visible to the user.
When first retrieving the search results page, the focus of a screen reader will move to the top of the page and not to the search results. Sighted users will often look directly at search results. To provide similar access to users of screen readers, you can provide a skip link that allows the user to skip to the search results, or you could force the focus of the search results page to the results portion of the page, starting with the text indicating the search conducted, number of results found, etc.
Identify scripting language with functional text so assistive technology can read it.
When pages use scripting languages to display content, or to create interface elements, the information provided by the script will be identified with functional text that assistive technology can read.