WEB DESIGN GARAGE [Electronic resources] نسخه متنی

اینجــــا یک کتابخانه دیجیتالی است

با بیش از 100000 منبع الکترونیکی رایگان به زبان فارسی ، عربی و انگلیسی

WEB DESIGN GARAGE [Electronic resources] - نسخه متنی

Marc Campbell

| نمايش فراداده ، افزودن یک نقد و بررسی
افزودن به کتابخانه شخصی
ارسال به دوستان
جستجو در متن کتاب
بیشتر
تنظیمات قلم

فونت

اندازه قلم

+ - پیش فرض

حالت نمایش

روز نیمروز شب
جستجو در لغت نامه
بیشتر
لیست موضوعات
توضیحات
افزودن یادداشت جدید






Managing Your Use of Color


Color is invaluable as a design tool. You use it to call attention to certain elements on your page. You use it to distinguish one type of content from another type. However, color is just as much a visual element as an image, so, as an accessibility-minded Web builder, you need to be careful about how you use it. After all, many your visitors are colorblind.


TIP


Try looking at your site designs in black and white only. If certain elements disappear without color, or if others don't have the proper emphasis, you might want to rethink your strategy.

Take the example in Figure 6.1. Notice how the underline helps you spot a link in this block of text. However, if you remove the underline, as in Figure 6.2, you have no way of telling where the text ends and the hyperlinks begin.

Figure 6.1. Underlines help to call attention to the hyperlinks in a block of text.

[View full size image]

Figure 6.2. Remove the underlines, and someone who can't perceive color has trouble finding the links.

[View full size image]

So, while color is an effective visual cue or indicator for an element such as a hyperlink, it shouldn't be the only visual cue you provide. By all means, use color to call attention to elements on your page. Just make sure you send the color in with some backup. Use an underline, a solid border, an arrow symbol, boldface, italicsanything that translates to a black-and-white environment, as in Figure 6.3.

Figure 6.3. You don't need the underline to make hyperlinks work without color. Boldface works just as well, and any color-independent visual cue does the job.

[View full size image]


/ 175