Spinnaker's Restuarant and Catering

This site has supplemental "native" stylesheets which will be loaded automatically by your browser when you, for instance, preview for print or view from a handheld device.

The Print Style Sheet will load automatically when you "Print Preview" in your browser. The print style sheet generates the page with the same content but without background colors, unnessesary images, navigation links, etc. Your printer or browser settings for font size, margins, and page background printing preferences WILL override the print stylesheet and could possibly distort the output or make the page's black background print.

The Handheld Style is loaded automatically when the site is veiwed in a handheld device's browser that supports stylesheets. It has been tested on Opera handheld browsers. Some handheld browsers don't support stylesheets at all. This site's pages are designed to still be readable even if no stylesheet is present.

(Top)

Alternate Style Sheets

• Default
• No Style
• Minimal
• Visibility
• Small Screen
• Print Previewing - Use your browser's "Print Preview" function to preview for print output. The print style will automatically be applied if your browser supports print media CSS.

This site has alternate stylesheets which can be switched manually and remembered for the rest of your session in a cookie. The site's native Print Style Sheet will always load for print output even when using an alternate style. If cookies are disabled in your browser the site will not remember your style preference and will revert to the Default Stylesheet when a new page is loaded or refreshed.

You can still increase/decrease font sizes in your browser if you use a custom setting.

*IE doesn't display the Small Screen style quite as intended because IE does not support "max-width" that is set on certain elements to make them shrink with the window size.

(Top)

Javascript

All page's content is still accessible even with browsers in which javascript is disabled or not supported. Javascript only adds to the site, and is not a critical element.

The slide show photos on the Index page use javascript. If you don't have javascript enabled you will see a message saying so, and the images will be displayed linearly down the page rather than in a slideshow. If no style sheet is enabled, the images are also displayed linearly. Please check that javascript is enabled in your browser settings to see the page as intended. (If you wish to print all the images in the slideshow at once, just disable javascript in your browser before you print.)

The "Print me" links on the Order Form and Menu page also use javascript. You can just use your browser's print function if you have javascript disabled.

(Top)

Keyboard-centric Navigation

This site contains navigational access keys (keyboard shortcuts). These are commonly ALT plus "accesskey" on windows systems and CTRL plus "accesskey" for mac. Access keys provide page navigation for individuals who are unable to use their mouse. (For some browsers, you need to click somewhere on the Web page first for access keys to work. Also, on some browsers, certain access keys work, while others do not. Netscape 4 and the Pocket PC browser do not understand anchor links identified by the id attribute, which was introduced in HTML 4 in 1997.)

The access key legend for all pages is as follows:

• Access key h: Home
• Access key d: Dining Room Menu
• Access key b: Banquet & Catering Menu
• Access key o: Online Order Form
• Access key s: Daily Dining Room Specials
• Access key i: Facility, Hotel Accommodations & Maps (shortened to Info)
• Access key c: Contact Us
• Access key p: Food Photos
• Access key f: More (Links and News Articles)
• Access key a: Site Accessibility Information
• Access key t: Return to the Top of the Page and Navigation. (For long pages)
• Access key 0(zero): Skip navigation, go to main content (mostly for screen readers)

Additional access keys linking to menu sections on the Banquet and Catering Menu and Order Form are as follows:

• Access key 1: Refreshment Breaks
• Access key 2: Hors D'Oeuvres Menu
• Access key 3: Breakfast Banquet Buffets
• Access key 4: Dinner Banquet Buffets
• Access key 5: Plated Dinner Banquet Buffets
• Access key 6: Your Banquet Course Selections

Additional access keys linking to menu sections on the Dining Room Menu are as follows:

• Access key 1: Our Shareware
• Access key 2: Big Time Burgers
• Access key 3: Sandwiches & Such
• Access key 4: Market Wraps
• Access key 5: Our Classics
• Access key 6: Big Bowl Pastas
• Access key 7: Side Items
• Access key 8: The Steakhouse
• Access key 9: Barbeque Smokehouse
• Access key 10: Spinnaker's Fish Fry
• Access key 11: Salads ~ Soups ~ Quiche
• Access key 12: Beverages
• Access key 13: Vegetarian Delights
• Access key 14: Kids' Fare
• Access key 15: Desserts

Pressing the Tab key repeatedly will select each link or inputform on the page, starting with the links on the top of each page, down the center, and then on the left. If you press Enter, you will follow the link selected.

(Top)

Site Map and redirection

The Site Map lists all of the pages on the site.

Custom 404 "notfound" or "error" page with different outputs depending on what called the error page. (Such as link to home and link to sitemap or "report broken link".)

(Top)

Accessibility and Standards Compliance

To deliver cross-browser compatibility, accessibility, search engine optimization,and faster fast page loads, this site's page content is contained in the coding of the pages while the design is kept within a seperate stylesheets. If your browser or device does not support style sheets at all, the content of each page is still readable. This also allows for a browser's automatic swapping of stylesheets for print mode or handheld mode, while the content stays the same. This is also useful for easy re-design without restructuring the content.

All pages are coded to comply with accessibility and other emerging Web guidelines and standards for cross-browser compatibility and so different kinds of browsers (visual, aural, etc.) recognize page sections.

All pages are coded to comply with The Web Accessibility Initiatives' priority 1, 2, and 3 of the W3C's Web Content Accessibility Guidelines and have passed WebXAct's Bobby's automatic checkpoints. Recommended manual checkpoints have also been taken into consideration.

All pages are coded to comply with U.S. Section 508 guidelines for accessibility adopted by the U.S. Architectural and Transportation Barriers Compliance Board .

All pages validate as XHTML 1.1 by the W3C MarkUp Validation Service and the Web Design Group HTML Validator.

The cascading style sheets (CSS) used for design and format validate at the W3C CSS Validation Service. The print stylesheet has a character "^" which IS CSS3 valid but will cause one reported error on the print stylesheet until the validator recognizes CSS3.

Questions or comments about the site? Contact questions@wiringminds.com.