Web Standards - Figuring it all out


Published on

Standards to step you toward creating a better web presence.

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Web Standards - Figuring it all out

    1. 1. WEB STANDARDS Figuring it all out…
    2. 2. WHAT DO WE MEAN? <ul><li>“ These standards or guidelines are intended to help organizations establish or maintain their presence on the web. An organization web presence includes not only their web site but also the use of such services as Facebook, YouTube, Flickr, Twitter, etc.” </li></ul>
    3. 3. STANDARD #1: ORGANIZATION HAS A WEB PRESENCE <ul><li>Basic </li></ul><ul><ul><li>Information about the organization including name, location, directions, </li></ul></ul><ul><ul><li>Contact info (email, phone, fax, mailing address) </li></ul></ul><ul><ul><li>Organization is identified on every web page with the name of organization and at least one of the following: phone number, email address, mailing address. </li></ul></ul><ul><ul><li>Page titles for home page appropriately identifies the organization. </li></ul></ul>
    4. 5. PAGE TITLES <ul><li>Browser Header </li></ul><ul><li>Browser Tabs </li></ul><ul><li>Bookmarks/Favorites </li></ul><ul><li>Screen Readers </li></ul>
    5. 6. MORE ABOUT PAGE TITLES <ul><li>Identity </li></ul><ul><ul><li>Page Titles identify your site </li></ul></ul><ul><ul><li>Watch for generic, “Home” – it doesn’t mean anything! </li></ul></ul><ul><ul><li>No untitled pages </li></ul></ul><ul><li>Screenreaders </li></ul>
    6. 7. STANDARD #1: WEB PRESENCE <ul><li>Good </li></ul><ul><ul><li>Staff info, mission statement, board of directors, program information (museum, library, events), public hours, membership </li></ul></ul><ul><ul><li>Staff responsible for responding to incoming email from website </li></ul></ul><ul><ul><li>Home page and major section pages are ADA (Sec. 508) compliant </li></ul></ul><ul><ul><li>Style guide exists and is followed for home page and major section pages. </li></ul></ul><ul><ul><li>Page titles for home page and major section pages appropriately identify the content and organization. </li></ul></ul>
    7. 8. ESSENTIAL INFORMATION <ul><li>Program Info: public hours, museum and library info, events, membership </li></ul><ul><li>Staff and governance info </li></ul><ul><li>Contact info </li></ul><ul><ul><li>Phone </li></ul></ul><ul><ul><li>Address </li></ul></ul><ul><ul><li>Email </li></ul></ul><ul><li>Have a contact email and someone responsible for monitoring </li></ul>
    8. 9. ADA / SEC. 508 <ul><li>Federal requirement </li></ul><ul><li>Simple ways to comply: </li></ul><ul><ul><li>Alt text for images </li></ul></ul><ul><ul><li>Use text, not images </li></ul></ul><ul><ul><li>Dark text on light background </li></ul></ul><ul><ul><li>Link text is understandable, no “Click Here” </li></ul></ul><ul><ul><li>Capitoning and transcriptions for audio and video </li></ul></ul><ul><ul><li>Use CSS: e.g. headers, styles </li></ul></ul>
    9. 10. ALT TEXT
    10. 11. STYLE GUIDE <ul><li>Style Guides keep your web site consistent and look professional. </li></ul><ul><li>Phone number style 651-xxx-xxx or (651)xxx-xxxx </li></ul><ul><li>Word choice (e.g. Native American or American Indian) </li></ul><ul><li>Time style (10 a.m. or 10:00 am) </li></ul><ul><li>Design: color, look and feel </li></ul><ul><li>More? </li></ul>
    11. 12. STANDARD #1: WEB PRESENCE <ul><li>Better </li></ul><ul><ul><li>Collections available online, online exhibits, educational material, retail </li></ul></ul><ul><ul><li>Includes photos of programs, locations, etc. </li></ul></ul><ul><ul><li>Written privacy policy available on website </li></ul></ul><ul><ul><li>Maintains a consistent look/feel and message. </li></ul></ul><ul><ul><li>Majority of website is ADA (Sec. 508) compliant </li></ul></ul><ul><ul><li>Style guide exists and is followed for all pages. </li></ul></ul><ul><ul><li>Page titles for all pages appropriately identify the content and organization </li></ul></ul>
    12. 13. STANDARD #2: MAINTENANCE <ul><li>Basic </li></ul><ul><ul><li>Web content is checked for accuracy at least quarterly on a regularly scheduled basis </li></ul></ul><ul><ul><ul><li>Best practice: quarterly checks of contact and removal of outdated information </li></ul></ul></ul><ul><ul><li>Back up: make sure hosting service does back-ups </li></ul></ul>
    13. 14. STANDARD #2: MAINTENANCE <ul><li>Good </li></ul><ul><ul><li>Check for accuracy: scheduled </li></ul></ul><ul><ul><li>Staff responsible for maintaining information on domain name, hosting service, etc. </li></ul></ul><ul><ul><li>Back-ups are done on a regular basis </li></ul></ul><ul><ul><ul><li>Frequency – how often backups are done, i.e. daily, weekly, monthly, etc. </li></ul></ul></ul><ul><ul><ul><li>Number kept – amount of backups from which information can be gotten, i.e. 7 daily backups enables the retrieval of information changed within 7 days. </li></ul></ul></ul><ul><ul><ul><li>Tested recovery process – a document or data has been gotten back and used from the back up medium. </li></ul></ul></ul><ul><li>Best Practice: TBD </li></ul>
    14. 15. STANDARD #2: MAINTENANCE <ul><li>Better </li></ul><ul><ul><li>Check for accuracy: has a position in charge of this on a frequent basis </li></ul></ul><ul><ul><li>Emergency recovery plan in place </li></ul></ul><ul><li>Best Practice: TBD </li></ul>
    15. 16. STANDARD #3: COLLECTIONS INFO ONLINE <ul><li>Basic </li></ul><ul><ul><li>Narrative of collections holdings </li></ul></ul><ul><li>Good </li></ul><ul><ul><li>Samples of collections holdings, including narrative and images </li></ul></ul><ul><li>Better </li></ul><ul><ul><li>Searchable database of holdings </li></ul></ul><ul><ul><li>Online copy requests </li></ul></ul><ul><li>Standard in development. Please give us your suggestions. </li></ul>
    16. 17. STANDARD #4: ONLINE EXHIBITIONS <ul><li>Basic </li></ul><ul><ul><li>Narrative of current exhibits on display </li></ul></ul><ul><li>Good </li></ul><ul><ul><li>Narrative supplements physical exhibit with additional media and content </li></ul></ul><ul><li>Better </li></ul><ul><ul><li>Stand alone exhibitions online; may or may not have physical exhibit component </li></ul></ul><ul><li>Standard in development. Suggestions, please! </li></ul>
    17. 18. STANDARD #5: DOCUMENTATION <ul><li>Basic </li></ul><ul><ul><li>Know URL, domain name, account/user name, password and renewal date. </li></ul></ul><ul><ul><li>Know the host of your website: company/url, account name, password </li></ul></ul><ul><ul><li>Email accounts: maintain a list of your email accounts </li></ul></ul><ul><ul><li>All information is kept in a secure format </li></ul></ul><ul><ul><li>Location of all documentation is known by at least 2 people at all times </li></ul></ul>
    18. 19. STANDARD #5: DOCUMENTATION <ul><li>Good </li></ul><ul><ul><li>Documentation on back-ups </li></ul></ul><ul><ul><li>Documentation on how to update/maintain pages </li></ul></ul><ul><ul><li>Documentation on image and video standards </li></ul></ul>
    19. 20. STANDARD #6: DOCUMENTATION <ul><li>Better </li></ul><ul><ul><li>Documentation on emergency recovery plans </li></ul></ul><ul><ul><li>Documentation on website roles for staff, volunteers, consultants </li></ul></ul>
    20. 21. THANK YOU! Digital Imaging Best Practices