上海时时乐遗漏三码: Tips for Getting Started
Developing for Web Accessibility

Associate a label with every form control

Use a for attribute on the <label> element linked to the id attribute of the form element, or using WAI-ARIA attributes. In specific situations it may be acceptable to hide <label> elements visually, but in most cases labels are needed to help all readers understand the required input.

Include alternative text for images

Ensure that alternative text for images is added to all informational and functional images. Use empty alternative text, alt="" for decorative images, or include them in the CSS instead. Text alternatives are usually provided by those responsible for written content.

Identify page language and language changes

Indicate the primary language of every page by using the lang attribute in the html tag, for example <html lang="en">. Use the lang attribute on specific elements when the language of the element differs from the rest of the page.

Use mark-up to convey meaning and structure

Use appropriate mark-up for headings, lists, tables, etc. HTML5 provides additional elements, such as <nav> and <aside>, to better structure your content. WAI-ARIA roles can provide additional meaning, for example, using role="search" to identify search functionality. Work with designers and content writers to agree on meanings and then use them consistently.

Help users avoid and correct mistakes

Provide clear instructions, error messages, and notifications to help users complete forms on your site. When an error occurs:

Be as forgiving of format as possible when processing user input. For example, accept phone numbers that include spaces and delete the spaces as needed.

Reflect the reading order in the code order

Ensure that the order of elements in the code matches the logical order of the information presented. One way to check this is to remove CSS styling and review that the order of the content makes sense.

Write code that adapts to the user’s technology

Use responsive design to adapt the display to different zoom states and viewport sizes, such as on mobile devices and tablets. When font size is increased by at least 200%, avoid horizontal scrolling and prevent any clipping of content. Use progressive enhancement to help ensure that core functionality and content is available regardless of technology being used.

Provide meaning for non-standard interactive elements

Use WAI-ARIA to provide information on function and state for custom widgets, such as accordions and custom-made buttons. For example, role="navigation" and aria-expanded="true". Additional code is required to implement the behavior of such widgets, such as expanding and collapsing content or how the widget responds to keyboard events.

Ensure that all interactive elements are keyboard accessible

Think about keyboard access, especially when developing interactive elements, such as menus, mouseover information, collapsable accordions, or media players. Use tabindex="0" to add an element that does not normally receive focus, such as <div> or <span>, into the navigation order when it is being used for interaction. Use scripting to capture and respond to keyboard events.

Avoid CAPTCHA where possible

CAPTCHAs create problems for many people. There are other means of verifying that user input was generated by a human that are easier to use, such as automatic detection or interface interactions. If CAPTCHA really needs to be included, ensure that it is simple to understand and includes alternatives for users with disabilities, such as:

Back to Top
  • 四兄弟合伙创业 种植羊肚菌成功 2019-05-10
  • 最美季节走醉美线路——新疆伊犁大环线文章中国国家地理网 2019-05-07
  • 网络小贷牌照批设被紧急叫停 2019-05-01
  • “爸爸的苹果”,甜甜的爱(青春派) 2019-04-23
  • 全世界人民都要顺应人类社会发展规律,不断扩大社会财富公有制的范围,不断缩小社会财富私有制的范围,以便最终消灭社会财富私有制,建立共产主义社会财富公有制。 2019-04-06
  • 立秋日 滇池上空出现七彩云霞 2019-04-06
  • 抢不到门票和机票 如何假装在俄罗斯看世界杯? 2019-03-23
  • 新飞电器破产拍卖 网友:我家的冰箱坏了找谁修 2019-03-15
  • 网友举报货车扰民 交管部门用这个锁定"肇事车" 2019-03-15
  • 沈从文被包装成"情爱高手" 咱能不能别这么糟蹋经典! 2019-03-11
  • 高清:中国男篮抵达洛杉矶 长途飞行队员略显疲惫 2019-02-26
  • 小长假 新疆接待游客353.6万人次 2019-02-26
  • 【10-15万】最新汽车报价 2019-02-01
  • 户县民间艺人打造“微杆秤” 小小杆秤留住记忆 2019-02-01
  • 【访民情 惠民生 聚民心】果勒买里村丰收忙 2019-01-27
  • 180| 214| 53| 550| 488| 626| 63| 681| 331| 110| 261| 709| 494| 26| 479|