Summarize this script using the bullet point tree summary or hierarchical bullet point summary format with a bold font for the important keywords.

bullet point tree summary or hierarchical bullet point format with a bold font for the important keywords is what I need. Keep it short.

Script:

Summarize this script using the bullet point tree summary or hierarchical bullet point summary format with a bold font for the important keywords.

bullet point tree summary or hierarchical bullet point format with a bold font for the important keywords is what I need. Keep it short.

Script:

Summarize this script using the bullet point tree summary or hierarchical bullet point summary format with a bold font for the important keywords.

bullet point tree summary or hierarchical bullet point format with a bold font for the important keywords is what I need. Keep it short.

Script:

Accessibility enables people with disabilities to interpret, understand, navigate, interact with and contribute to the web. Think of a world in which developers know everything there is to know about accessibility. You design it and they build it perfectly. However, if you only consider the design of a product, it may make it difficult for people with disabilities to use it.

Choosing which 'needs' to design for is one of the most common issues when designing for accessibility. We don't intentionally exclude users; rather, 'we don't know what we don't know'. As a result, there is a lot to learn about accessibility. Let's consider some accessibility guidelines that may guide you in the right direction. These guidelines cover the major points you need to know for your products to be design-ready and meet the Section 508 and Web Content Accessibility Guidelines (WCAG) 2.0 minimum standards. The rest is up to development and quality assurance testing. For a detailed explanation of accessibility, you can access the WCAG 2.0.

Access to information is not a barrier to innovation
Accessibility may not persuade you to produce an ugly, boring or cluttered product. It may initiate a set of constraints you'll need to consider as you design. These design constraints will offer you new ideas to explore, resulting in improved products for all your users.

Bear in mind that you may not want to design for your peers as you read these guidelines. What is important is that you design for a wide range of users who will engage with your products, including people who are blind, color blind or have poor eyesight, those who are deaf or have poor hearing, people with permanent or temporary mobility impairments and people with cognitive disabilities. When you design, you may want to take all the possible users into consideration. They can be young, old, power users, casual users and those who purely enjoy a good experience. 

 Don't use color alone to convey information
 Don't use color alone to convey information. This may be useful for users who are unable or have difficulty distinguishing one color from another. People who are colorblind (1 in 12 men and 1 in 200 women), have low vision (1 in 30 people) or are blind are included (1 in 188 people).

 While color can be used to convey information, it should not be the only way to do so. When using color to distinguish elements, it may be useful to provide additional identification that is not dependent on color perception. To indicate required form fields, you can use an asterisk in addition to color and labels to differentiate areas on graphs. 

Provide sufficient contrast between foreground and background
The contrast between the foreground and background colors must be sufficient. This includes text on images, gradient backgrounds, buttons and other elements. This does not apply to logos or incidental text, such as text found in a photograph. A contrast ratio between text and background of at least 4.5 to 1 is recommended in the Web Content Accessibility Guidelines. The minimum drops to 3 to 1 if your font is at least 24 pixels or 19 pixels bold. 

 

Example of contrast and ratio
Ensure that interactive elements are easily identifiable
To make interactive elements such as links and buttons easier to identify, consider using distinct styles. This can be done by, for example, changing the appearance of links on mouse hover, keyboard focus and touch-screen activation. Ensure that the interactive elements' styles and naming are consistent throughout the website. Some users may not be able to use a mouse and may rely solely on their keyboard to navigate web pages. It is critical that users can use the keyboard to access all interactive elements and that it is clear which element is interactive. A border or highlight that moves as you tab through the web page could be used to indicate visible keyboard focus. 

Unique styles for different link stat
Ensure that form elements include clearly associated labels
It is important that each field has a descriptive label, except for checkboxes and radio buttons. Checkboxes are typically placed to the right, and labels are from left to right. Languages are positioned to the left or above the area. It is always good to check that there isn't too much space between the labels and the fields. 

 

Example of space highlights relationship between content
Make navigation options clear and consistent
Navigation across pages on a website should be consistent in terms of naming, styling and positioning. A good tactic is to provide more than one way to navigate your websites, such as a site search or a site map. You can also use orientation cues, such as breadcrumbs and clear headings, to help users understand where they are on a website or page. 

Provide easily identifiable feedback
Feedback for interactions such as form submission confirmation and notifying the user when something goes wrong can be very valuable. If there are any instructions, they should be clear. Important feedback that includes user action should be displayed in a place where it can easily be seen. 

Example using error list, icon and background color to make errors stand out
Use headings and spacing to group related content
Whitespace and proximity help to highlight relationships between content. Headings can help you to organize content, decrease clutter and make it simpler to scan and understand. 

Example of spacing highlights relationship between content
Design for different viewport sizes
Think about how page information is displayed in different viewport sizes, such as mobile phones or zoomed browser windows. The placement and appearance of main elements, such as the header and navigation, can be changed to make the most of the space. It is helpful to check that the text size and line width are set to maximize readability and legibility. 
Example of content and navigation to adapt to smaller mobile screen
Provide controls for content that starts automatically
You can allow users to stop any animations or auto-playing sounds with visible controls. This holds true for carousels, image sliders, background music and videos.
글머리 기호 트리 요약 또는 계층적 글머리 기호 요약 형식을 사용하여 이 스크립트를 요약하고 중요한 키워드를 굵은 글꼴로 표시하세요.

글머리 기호 트리 요약 또는 중요한 키워드에 굵은 글꼴을 사용한 계층적 글머리 기호 형식이 필요합니다. 짧게 작성하세요.

스크립트:

글머리 기호 트리 요약 또는 계층적 글머리 기호 요약 형식을 사용하여 중요한 키워드에 굵은 글꼴을 사용하여 이 스크립트를 요약하세요.

중요한 키워드를 굵은 글꼴로 표시한 글머리 기호 트리 요약 또는 계층적 글머리 기호 형식을 사용하여 이 스크립트를 요약하세요. 짧게 작성하세요.

스크립트:

글머리 기호 트리 요약 또는 계층적 글머리 기호 요약 형식을 사용하여 중요한 키워드에 굵은 글꼴을 사용하여 이 스크립트를 요약하세요.

중요한 키워드를 굵은 글꼴로 표시한 글머리 기호 트리 요약 또는 계층적 글머리 기호 형식을 사용하여 이 스크립트를 요약하세요. 짧게 작성하세요.

스크립트:

접근성은 장애가 있는 사람들이 웹을 해석하고, 이해하고, 탐색하고, 상호 작용하고, 웹에 기여할 수 있도록 해줍니다. 개발자가 접근성에 대해 알아야 할 모든 것을 알고 있는 세상을 상상해 보세요. 여러분이 설계하면 개발자가 완벽하게 구축합니다. 하지만 제품의 디자인만 고려한다면 장애인이 제품을 사용하기 어려울 수 있습니다.

접근성을 고려한 디자인을 할 때 가장 흔한 문제 중 하나는 어떤 '니즈'를 디자인할 것인지 선택하는 것입니다. 의도적으로 사용자를 배제하는 것이 아니라 '우리가 모르는 것을 모르는 것'입니다. 따라서 접근성에 대해 배워야 할 것이 많습니다. 올바른 방향으로 안내할 수 있는 몇 가지 접근성 가이드라인을 살펴보겠습니다. 이 가이드라인은 제품을 디자인하고 섹션 508 및 웹 콘텐츠 접근성 지침(WCAG) 2.0 최소 표준을 충족하기 위해 알아야 할 주요 사항을 다룹니다. 나머지는 개발 및 품질 보증 테스트에 달려 있습니다. 접근성에 대한 자세한 설명은 WCAG 2.0에서 확인할 수 있습니다.

정보 접근성은 혁신의 장애물이 아닙니다.
접근성 때문에 못생기거나 지루하거나 복잡한 제품을 만들지 않아도 됩니다. 오히려 디자인할 때 고려해야 할 일련의 제약 조건이 생길 수 있습니다. 이러한 디자인 제약 조건은 새로운 아이디어를 탐색할 수 있는 기회를 제공하여 모든 사용자에게 더 나은 제품을 제공할 수 있습니다.

이 가이드라인을 읽으면서 동료들을 위해 디자인하고 싶지 않을 수도 있다는 점을 염두에 두세요. 중요한 것은 시각장애인, 색맹 또는 시력이 좋지 않은 사람, 청각장애인 또는 청력이 좋지 않은 사람, 영구적 또는 일시적인 이동 장애가 있는 사람, 인지 장애가 있는 사람 등 제품을 사용할 다양한 사용자를 위해 디자인해야 한다는 것입니다. 디자인할 때는 가능한 모든 사용자를 고려해야 합니다. 젊은 사용자, 노년층, 파워 유저, 일반 사용자, 단순히 좋은 경험을 즐기는 사용자 등 모든 사용자를 고려해야 합니다. 

 색상만으로 정보를 전달하지 마세요.
 색상만으로 정보를 전달하지 마세요. 이는 색을 구분할 수 없거나 구분하기 어려운 사용자에게 유용할 수 있습니다. 색맹(남성 12명 중 1명, 여성 200명 중 1명), 저시력(30명 중 1명) 또는 시각 장애인(188명 중 1명)이 여기에 포함됩니다.

 색상을 사용하여 정보를 전달할 수는 있지만, 색상이 유일한 방법은 아닙니다. 색상을 사용하여 요소를 구분할 때는 색상 지각에 의존하지 않는 추가 식별 정보를 제공하는 것이 유용할 수 있습니다. 필수 양식 필드를 표시하기 위해 색상과 레이블 외에 별표를 사용하여 그래프에서 영역을 구분할 수 있습니다. 

전경과 배경의 충분한 대비 제공
전경색과 배경색 간의 대비가 충분해야 합니다. 여기에는 이미지의 텍스트, 그라데이션 배경, 버튼 및 기타 요소가 포함됩니다. 로고나 사진에 있는 텍스트와 같은 부수적인 텍스트에는 적용되지 않습니다. 웹 콘텐츠 접근성 가이드라인에서는 텍스트와 배경의 대비 비율을 최소 4.5 대 1로 권장합니다. 글꼴이 24픽셀 이상 또는 굵은 19픽셀 이상인 경우 최소값은 3 대 1로 떨어집니다. 

 

대비 및 비율의 예
대화형 요소를 쉽게 식별할 수 있어야 합니다.
링크 및 버튼과 같은 인터랙티브 요소를 더 쉽게 식별할 수 있도록 하려면 고유한 스타일을 사용하는 것이 좋습니다. 예를 들어 마우스 커서, 키보드 포커스 및 터치스크린 활성화 시 링크의 모양을 변경하는 등의 방법으로 이를 수행할 수 있습니다. 웹사이트 전체에서 인터랙티브 요소의 스타일과 이름 지정이 일관성이 있는지 확인하세요. 일부 사용자는 마우스를 사용할 수 없고 키보드에만 의존하여 웹 페이지를 탐색할 수 있습니다. 사용자가 키보드를 사용하여 모든 대화형 요소에 액세스할 수 있어야 하며, 어떤 요소가 대화형 요소인지 명확하게 구분할 수 있어야 합니다. 웹 페이지를 탭할 때 움직이는 테두리 또는 하이라이트를 사용하여 키보드 포커스를 표시할 수 있습니다. 

링크 상태별로 고유한 스타일
양식 요소에 명확하게 연결된 레이블이 포함되어 있는지 확인합니다.
확인란과 라디오 버튼을 제외한 각 필드에는 설명이 포함된 레이블이 있어야 합니다. 체크박스 