On web standards, usability, accessibility

Foreword: It is not difficult to find, as long as the recruitment of ued related positions, such as front-end development engineers, interaction designers, user researchers and even visual designers, generally on the web standards, availability and accessibility of the understanding of the requirements. So what is web standards, usability, accessibility?

Web Standard

Simply put, HTML, CSS, JavaScript are separated. Web standards are not a standard, but a collection of standards. The Web page consists mainly of three parts: structure (businessesflat-out), performance (presentation) and behavior (Behavior). The corresponding standard is divided into three aspects: the structured standard language mainly includes XHTML and XML, the performance standard language mainly includes the CSS, the behavior standard mainly includes the object model (such as the ECMAScript), and so on.

the benefits of Web standards: The efficiency of your code: Use the most streamlined code in HTML files, and include style and page layout information in CSS files. The smaller the file on the server, the less time it takes to download the file. Easy to maintain: page style and layout information is kept in a separate CSS file, and if you want to change the appearance of the site, you only need to make changes in a separate CSS file. The whole station unifies the CSS to be able to bring the huge convenience. Accessibility: People who are visually impaired on the Internet use keyboard commands to read the contents of a Web page to their users through a screen reader. A Web page file written in semantically HTML (structured and expressive HTML) makes it easier for such users to navigate, and important information in the Web page files is more likely to be found by these users. Device compatibility: pure HTML, no additional styling information, can be reformatted for devices that have different characteristics, such as screen size, and only need to reference a set of additional stylesheets. At the same time, CSS itself allows you to specify different stylesheets for different presentation and media types (such as reading pages on the screen, printing Web pages, reading Web pages on mobile devices, etc.). Web crawler/Search engine: Search engines use "reptiles" to parse your Web pages. Semantic HTML can be more accurately and quickly parsed to know what is important, and your page's ranking in search results will be greatly affected. Ii. availability, accessibility

Accessibility is to treat everyone equally, regardless of whether they are handicapped or not.

Site user type: healthy users; blind or seriously visually impaired, they use screen readers to listen to the Web site, or through the Braille display to perceive the Web page, myopic people need to enlarge the font size to 200%, with athletic disability, so unable to operate the mouse by hand, but with a click Stick to operate the keyboard, Or the user who operates the site through a sight-click, using mobile devices such as a commonly used cell phone, or using an uncommon computer-controlled device such as a tracking ball. Implement usability, accessibility, and incrementally enhance your site's functionality while testing for support. Use the "progressive enhancement" and "Smooth degradation" principles to develop Web sites. Allows the user to turn off problematic enhancements. Provides alternate versions of the same content or functionality. Advise your customers on the technologies that the client needs to support, and give examples of which companies ' products support these technologies. Accessibility good Web pages feature HTML semantics, structured: HTML semantic architecture provides a holistic framework of Web pages, prompts them where they are located in the file hierarchy, how they interact with various page elements, and emphasizes text content where appropriate, to help users get a lot of important information. Examples of navigation menus: Menu item 1 menu item 2 menu item 3

Description: By constructing a navigation menu as a list, it's easy to let people who use screen readers and can't see a list know that this is a list. Because their screen readers will tell them that this is a list. If you don't use list tags, screen readers will not be able to know that this is a list, so you can't tell the user.

Alternative content: Text can be used as a generic alternative to the content of the page, such as the ALT attribute value of the IMG tag, and the title attribute value of a label. <a href= "http://www.alimama.com" title= "Taobao Alliance Big Promotion" > <img alt= "Taobao Alliance Big Promotion" src= "Images/app/sale.jpg"/></a > Description: Text content can be easily read aloud by screen readers, you can zoom in or out, you can easily change its contrast, or do many other deformation operations. The ALT attribute contains a short description of the picture so that you cannot see exactly what the user (or search engine) of the picture is using, and the Title property is responsible for a detailed textual description of the link address. HTML Definition Basic Interaction: implementing Tab TAB search Within:dogs Cats Fish

Note: You can simplify the tab search by thinking about basic interactions (instead of just loading the visual effects). Now we can do all the searches with just one form, while still implementing the Tab tab effect (although this requires a bit of style and script). Using AJAX to insert page content, users who disable JavaScript will not be able to use it.

Four accessibility standards (WCAG 2.0): Perceptible: People can learn the content of a Web page by their own media. For example, the blind should be allowed to listen to page content. For example, an image should have a text counterpart. Operable: People can interact with Web applications or content. For example, a user should be able to interact with a Web site without a mouse and be able to navigate through a screen reader. Understandable: Users can understand page content and user interface. For example, the body should not be more complex than it needs, and the site should be run in a predictable manner. Robustness: All services provided should not be limited by platform or operating system. This prevents people from offering less sophisticated services that most people cannot use because of hardware/software constraints. For example, browsers on different devices can use the site together, and the navigation should be consistent.

Description: The site does not have to meet all of these requirements, depending on the type of site users, but in order to achieve accessibility, the site should ensure that its pages can be read with the general screen reading technology.

Summary:

Accessibility is a measure of the quality of Web site development. If you take care of your users when you develop your site (and before you start developing), you can create usability, accessibility, web-standard pages, and enjoy all the benefits it brings.

Reference page:
Opera Web Standard Course
Baidu Encyclopedia Web Standard