The most deadly small error in web development

The most deadly small error in web development

Now, there are more and more so-called "tutorials" to help us improve the usability of our website. This article collects some small problems that are error-prone and overlooked in web development, and provides a reference solution to help Web developers better improve their websites.

By avoiding these small mistakes, we can make our website more friendly.

　　Error 1: The label label of the form is not associated with the form field

Use the "for" property to allow users to click a label or to select the contents of the form. This can expand the check box and the click area of the Radio box, which is very useful.

　　Error 2:logo picture not linked to home page

Click on the website logo can go to the homepage has become a reflex of netizens. In addition, it is worth mentioning that the logo is specified in the upper left corner.

　　Error 3: Cannot distinguish whether the link has been visited

The connection status you have visited should be different from those you have not visited, so that you can intuitively understand which link has been clicked.

　　Error 4: The currently selected active form item is not highlighted

You can use focus to show that the selected text area is in motion. You can also use CSS styles, such as prominent borders or slightly changed background colors.

　　Error 5: Picture does not have alt picture description information

You may feel unimportant, but this is necessary! Remember to add a descriptive ALT attribute to your image, unless the image is obviously used for decoration, then the ALT attribute can be empty (but still exists!). ）。 If you use a picture as a link point, you can enter the link address.

　　Error 6: Background image is not set behind color

It is common to use the background image behind the content text, but we also have to consider that if the background image is disabled by the client, it is best to set the background color of a similar hue behind the background image to prevent the text from becoming unreadable.

　　ERROR 7: Inconsistent interface design

Overkill is probably what this means. Some designers have created different designs for each page in the site to improve the level of the page. But this only confuses users and makes them overwhelmed. Remember, no matter how good and attractive a website is, it is difficult for users to remember it if the overall look and feel is inconsistent. The recommendations are as follows:

• 1. Each page is linked to the main part of the site using a standard consistent template.
• 2. Keywords to be simple. Design should be beautiful and concise, so that users will not be confused when using.

　　Error 8: Underlined content is not a link

It is well known that underlined content can easily be linked. Don't casually put an underscore in the text, which can be confusing. If you really want to emphasize a word, try adding a bold or enlarged font.

Link: http://www.codeceo.com/article/8-mistakes-web-programming.html

(go) The most deadly small error in web development