Nowspeed

  • Services
    • Digital Advertising
    • Social Media Marketing
    • Search Engine Optimization
    • Marketing Automation
    • Website and Content
    • Analytics
  • Our Work
    • Client Testimonials
    • Case Studies
    • Portfolio
  • Your Industry
    • Financial Services
    • Technology
    • Wealth Management
    • Credit Union
    • Insurance
    • Manufacturing
    • Jewelry
    • Furniture
    • Ecommerce
  • Resources
    • Digital Advertising Resources
    • Social Media Marketing Resources
    • Search Marketing Resources
    • Other Marketing Resources
  • Blog
  • About
    • Why NowSpeed?
    • Management Team
    • Careers
  • Pricing
  • Contact Us
  • Pricing
  • About
  • Contact
  • Financial Services
  • Resources
    • Resource 1
    • Resource 2
    • Resource 3
  • Pricing
  • About

Styling for Accessibility? Don’t Forget Your Printer

May 9, 2008 By nowspeed Leave a Comment

Styling for Accessibility? Don’t Forget Your Printer

Accessible web design isn’t just for the visually impaired. There’s one accessibility issue that will probably affect every user at one time or another, whether they need a reciept for an online transaction, or just want to read a long document without tiring out weary eyes. If you’re styling for accessibility, you should consider creating a printable version of your content.

As usual, CSS provides the best method yet. Designers used to go to the trouble of duplicating their content in a separate, printer-friendly page, free of large images, navigational elements and light colored fonts on dark backgrounds. Not only is this tedious and difficult to maintain; it also has a negative impact on your search engine ranking.

Thankfully, with print-specific stylesheets we can do away with all the redundancy. There are several ways to feed your print styles to the browser, the simplest being to create a duplicate of your presentation stylesheet, optimize it for print, and toss it in right after your other sheets.

Other methods work just as well, but watch out for certain import methods that can actually crash the fussiest of older browsers.

Of course, you’re already writing standards compliant, semantic markup, right? In that case, it’ll be easy to style away unwanted elements. Just set them to {display:none;} and your remaining content will flow into place as if they never existed.

Working with a tables site? Lingering tables-based layouts are an unfortuante reality of the web, but here’s one of the rare cases where tables can actually save you some time. Rather than listing off the id or class of every item you want to hide, you can create a declaration that hides everything contained in any table cell:

td * { display:none; }

Once you’ve hidden a parent element, everything contained in it will disappear, regardless of it’s own display setting. So, don’t hide your table cell itself (or your wrapper div, for that matter,) because you’re going to want to use another declaration to single out the cells you do want to print:

#main_content, #sidebar_content{ display:block; width:7in; }

Naturally, the benefits of CSS based layouts far outweigh this small advantage, but when it isn’t feasible to take a whole site out of tables, you can still make use of print specific styling.

Just one more way the smallest bit of CSS can add functionality and accessibility to any site.

Filed Under: Web Design

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

FREE CONSULTATION

MARKETING PERFORMANCE

Advanced Digital Advertising Strategies for 2021

Learn More

Tags

AdWords Blog Blogging Blogs Branding Content content marketing Demand Generation digital advertising digital marketing Email Marketing emarketing Facebook Google Google AdWords google analytics Google PPC Google Remarketing instagram Landing Pages Lead Generation Lead Nurture link building LinkedIn marketing marketing automation marketing strategy Mobile marketing online marketing Paid Search pay per click PPC Search Engine Marketing Search Engine Optimization Search Marketing SEM SEO social media advertising Social Media Marketing Social Media White Papers Twitter Web Analytics Web Design Webinar Website Optimization
  • Solutions
    • Generate Website Traffic
    • Lead Generation Solutions
    • Marketing Automation Solutions
    • Outsourced Digital Marketing Services
  • Services
    • Search Engine Marketing
    • Social Media Marketing
    • Email Marketing
    • Marketing Strategy
    • Content Marketing
    • Mobile Marketing
    • Marketing Automation & Lead Nurture
    • Video Production
  • Our Work
    • Portfolio
    • Client Testimonials
    • Digital Marketing Case Studies
  • Your Industry
    • Education
    • High-Tech
    • E-Commerce
    • Manufacturing
  • Resources
    • SEO Strategy White Paper Launch
    • Mobile Marketing White Paper Launch
    • Social Media White Papers and Webinars
    • Other Digital White Paper Launch
  • About
    • Why Nowspeed?
    • Management Team
    • Careers
    • Partners
  • Sitemap
  • Privacy Policy
  • Blog
  • Contact Us (508) 616-0111
Boston Office:
399 Boylston Street, 6th Floor
Boston, MA 02116

Mailing Address:
PO Box 1514
Westborough, MA 01581
Visit Our Facebook PageVisit Our Facebook PageVisit Our Facebook PageVisit Our Facebook Page

Copyright © 2021 · Log in

Copyright © 2021 · Log in

This website uses cookies to ensure you get the best experience on our website. Accept More Info
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.