About web Quality Accessibility (WAI)

Web Accessibility

The goal of the guidelines is ease of use (accessibility), but also help to make web content available for more browsers (voice browsers, mobile phones, handheld devices), as well as more difficult to work on user environment (non handheld, light, dark, amblyopia, noise, etc.).

alt attribute

Allows you to image (you can also other elements) to provide a corresponding text.

Example:

<img src="images/banana.jpg" alt="Banana">

Sometimes the browser will not display the image. Specific reasons are:

The user closes the image display
browser does not support mini-browser graphical display of the
browser is a voice browser (for blind and partially sighted people)
If you use the alt attribute, the browser can be displayed or read out the image of at least a description of .

The following is an excerpt W3C learning

Do not use the font tag

CSS should be used to set the font size on a webpage. Do not use the font tag.

Use <font>tag will increase the size of the document, and so every time you change the size of the working standard text becomes a nightmare.

Imagine the following scenario:

One day you decide to modify the color and size of the site all titles. By CSS, you only need to change one line you can do this. If you use a label, then you need to put all the titles of all site pages are modified again.

Use alternative style tags allow us to more easily create high-quality interface for the Web page.

Do not use a fixed font size

Do not use a fixed size value. Always use relative size value.

This proposal is not the most important reason to re-adjust the fixed size of the browser size.

Your visitors will use different equipment (monitors), different browsers environment (light) and possible disability (amblyopia).

For example, the person's character size setting is 100% (or Medium), the main title set 140% (or x-large), and the secondary header set to 120% (or Large), so that users can use browser to reset the favorite size.

By adjusting the size of the web page text feature, you can also change the number of characters printed page.

Do not use the default font size is very small

Some websites use small text sizes, so you can "plug" into the more content to each page, or make the page look more "fashionable."

Again, using different equipment (monitors), different browsers environment (light) and possible disability (amblyopia), may cause dyslexic users.

Please do not force the user to enlarge text size every time when you visit the site.

Always use the same background color

Most web pages will use a different color for text elements. Title and link colors usually associated with the body of the text color is different.

As a web designer, you should be aware of the fact that your visitors can modify the default color options.

If you define colors for web element, then the same should define the background color.

If you do not define a background color, your site may be messed up bad color combinations (such as bright red background above red text, or dark text with a dark background).

If you do not specify a background color, text may make difficult to identify.

Published 158 original articles · won praise 44 · views 30000 +

Guess you like

Origin blog.csdn.net/qq_43277404/article/details/103352583