ๆญค้ ้ข็”ฑ็คพ็พคๅพž่‹ฑๆ–‡็ฟป่ญฏ่€Œไพ†ใ€‚ไบ†่งฃๆ›ดๅคšไธฆๅŠ ๅ…ฅ MDN Web Docs ็คพ็พคใ€‚

View in English Always switch to English

็„ก้šœ็ค™็ถฒ้ 

็ถฒ่ทฏ้–‹็™ผไธญ็š„็„ก้šœ็ค™็ถฒ้ ๏ผŒๆ„ๅ‘ณ่‘—็›กๅฏ่ƒฝไปคๆ‰€ๆœ‰ไบบ้ƒฝ่ƒฝไฝฟ็”จ็ถฒ็ซ™๏ผŒๅฐฑ็ฎ—ๆ˜ฏๅœจๆŸไบ›ๆ„Ÿๅฎ˜ๆ–น้ขๅ—้™็š„ไบบไนŸไธไพ‹ๅค–ใ€‚ๆœฌ้ ้ขๆœƒๆไพ›ไธ€ไบ›้—œๆ–ผ็„ก้šœ็ค™็ถฒ้ ็š„่ณ‡่จŠใ€‚

ใ€Œ็†ๆƒณ็š„็„ก้šœ็ค™็’ฐๅขƒๅฐฑๆ˜ฏๅœจๅ„ๆ–น้ข้ƒฝ็‡Ÿ้€ ไธ€ๅ€‹็„ก้šœ็ค™็š„็’ฐๅขƒใ€‚ๅœจๆœ‰ๅฝขๆ–น้ข๏ผŒๆ‰€ๆ‡‰่ฉฒ่€ƒ้‡ไบ‹ๆƒ…ๅŒ…ๆ‹ฌ๏ผŒ็”ŸๆดปไธŠใ€่กŒๅ‹•ไธŠใ€ๆ•™่‚ฒไธŠๆ‰€ๅฏ่ƒฝ้ญๅ—ๅˆฐ็š„้šœ็ค™๏ผŒไธฆๆไพ›ๅ…ถ่ถณไปฅๅ…‹ๆœ้€™ไบ›็’ฐๅขƒ็š„้œ€ๆฑ‚๏ผŒๆญค็ญ‰้œ€ๆฑ‚ๅŒ…ๆ‹ฌๅ€‹้ซ”ๆœฌ่บซ็š„้…ๅ‚™๏ผŒๅฆ‚้ปžๅญ—ๆฉŸโ€ฆโ€ฆไปฅๅŠๅ‘จๅœ็’ฐๅขƒไธญ็š„่ฃ่จญ๏ผŒๅฆ‚ๆ‰ถๆ‰‹ใ€ๅฐŽ็›ฒ็ฃšโ€ฆโ€ฆใ€ ไธญๆ–‡็ถญๅŸบ็™พ็ง‘็š„ใ€Œ็„ก้šœ็ค™็’ฐๅขƒใ€ใ€ใ€Œ็†ๆƒณ็„ก้šœ็ค™็’ฐๅขƒใ€็ซ ็ฏ€

ใ€Œๅพžๆ นๆœฌไธŠ๏ผŒ็ถฒ่ทฏๆ˜ฏ็‚บไบ†ๅœจๆ‰€ๆœ‰ไบบ้ขๅ‰้ƒฝ่ƒฝ้‹่กŒ่€Œ่จญ่จˆ็š„๏ผŒ็„ก่ซ–ไป–ๅ€‘ไฝฟ็”จ็š„่ปŸ็กฌ้ซ”ใ€่ชž่จ€ๆ–‡ๅŒ–ใ€ๅœฐ็†ไฝ็ฝฎใ€ๆŠ‘ๆˆ–่บซๅฟƒๅŠŸ่ƒฝๅฆ‚ไฝ•ใ€‚็•ถ่ฝ่ฆบใ€้‹ๅ‹•ใ€่ฆ–ๅŠ›ๆˆ–่ช็Ÿฅ่ƒฝๅŠ›้šœ็ค™็š„ไบบ๏ผŒ้ƒฝ่ƒฝ่จชๅ•็ถฒ่ทฏ็š„ๆ™‚ๅ€™๏ผŒ้€™ๅ€‹็›ฎๆจ™ๆ‰็ฎ—้”ๆˆใ€‚ใ€W3C - Accessibility

้‡่ฆๆฆ‚ๅฟต

MDN Accessibility Learning Area ๆถต่“‹ไบ†ๆœ€ๆ–ฐ็š„็„ก้šœ็ค™็ถฒ้ ๆ•™ๅญธๆ‰€้œ€๏ผš

ไฝ•่ฌ‚็„ก้šœ็ค™็ถฒ้ ๏ผŸ

้€™็ฏ‡ๆ–‡็ซ ้‡ๅฐไฝ•่ฌ‚็„ก้šœ็ค™็ถฒ้ ๏ผŒ่ตทไบ†ไธ€ๅ€‹ๅฅฝ้–‹้ ญใ€‚้€™ๆจกๅกŠๅŒ…ๅซไบ†่ฆ่€ƒๆ…ฎๅ“ชไบ›ๆ—็พคไปฅๅŠ็†็”ฑใ€ไธๅŒๆ—็พคๆœƒ็”จไป€้บผๅทฅๅ…ทๅ’Œ Web ไบ’ๅ‹•ใ€้‚„ๆœ‰ๆ€Ž้บผๆŠŠ็„ก้šœ็ค™็ถฒ้ ๅฐŽๅ…ฅ Web ้–‹็™ผๅทฅไฝœๆต็จ‹ใ€‚

HTML๏ผš็„ก้šœ็ค™็ถฒ้ ็š„ๅฅฝ้–‹ๅง‹

ๅช่ฆ็ขบไฟๅœจไปปไฝ•ๆ™‚ๅ€™๏ผŒๆญฃ็ขบ็š„ HTML ๅ…ƒ็ด ้ƒฝ็”จๆ–ผๆญฃ็ขบ็š„็›ฎ็š„๏ผŒๅฐฑ่ƒฝๆถˆ้™คๅ„็จฎ็ถฒ้ ็š„้šœ็ค™ใ€‚้€™็ฏ‡ๆ–‡็ซ ่ฉณ่ฟฐ HTML ๅฆ‚ไฝ•็ขบไฟ็ถฒ้ ็„ก้šœ็ค™ใ€‚

ๅ……ๅˆ†ๅฏฆ่ธ CSS ่ˆ‡ JavaScript ็š„็„ก้šœ็ค™

ๅฆ‚ๆžœ CSS ่ˆ‡ JavaScript ไฝฟ็”จๅพ—็•ถ๏ผŒๅฐ‡ๅฏไปฅ็‚บ็„ก้šœ็ค™็ถฒ้ ๆไพ›ๅŠฉๅŠ›โ€ฆโ€ฆๅ้Žไพ†็š„่ฉฑ๏ผŒๅฐฑๆœƒๅšด้‡ๅฝฑ้Ÿฟ็„ก้šœ็ค™้ซ”้ฉ—ใ€‚้€™็ฏ‡ๆ–‡็ซ ่ฉณ่ฟฐๅฆ‚ไฝ•ๅœจๅ…งๅฎน่ค‡้›œ็š„ๆƒ…ๆณไธ‹๏ผŒ็ขบไฟ่ƒฝๅ……ๅˆ†ๅฏฆ่ธ CSS ่ˆ‡ JavaScript ็š„็„ก้šœ็ค™ใ€‚

WAI-ARIA ๅŸบ็คŽ

ๅพžไน‹ๅ‰็š„ๆ–‡็ซ ไพ†็œ‹๏ผŒๆœ‰ๆ™‚่ฃฝไฝœ่ฆๆถ‰ๅŠๅˆฐ้ž่ชžๆ„็š„ HTML ้‚„ๆœ‰ๅ‹•ๆ…‹ JavaScript ๆ›ดๆ–ฐๆŠ€่ก“โ€ฆโ€ฆ็ญ‰๏ผŒๆœƒไปค่ค‡้›œ็š„ UI ๆŽงๅˆถ่ฎŠๅพ—ๅพˆๅ›ฐ้›ฃใ€‚WAI-ARIA ๆญฃๆ˜ฏ็‚บไบ†่งฃๆฑบๆญคไธ€ๅ•้กŒ่€Œ็”Ÿใ€‚ๅฎƒๅฐ็€่ฆฝๅ™จๅ’Œ่ผ”ๅŠฉๆŠ€่ก“ๆทปๅŠ ้€ฒไธ€ๆญฅ็š„่ชžๆ„๏ผŒ่ฎ“็”จๆˆถ่ƒฝ็Ÿฅ้“็™ผ็”Ÿไบ†ไป€้บผไบ‹ใ€‚ๆˆ‘ๅ€‘ๅฐ‡ไป‹็ดนๅฆ‚ไฝ•ๅœจๅŸบๆœฌๅฑค้ขไฝฟ็”จๆญคๆŠ€่ก“๏ผŒไปฅๆๆ˜‡็„ก้šœ็ค™ใ€‚

็„ก้šœ็ค™ๅคšๅช’้ซ”

ๆœƒๅฐŽ่‡ด็„ก้šœ็ค™็ถฒ้ ๅ‡บๅ•้กŒ็š„ๅฆไธ€ๅ€‹ๆ นๆบๆ˜ฏๅคšๅช’้ซ”๏ผšๅฝฑ็‰‡ใ€่ฒ้Ÿณใ€ๅœ–็‰‡็ญ‰ๅ…งๅฎน๏ผŒ้œ€่ฆๆœ‰ๅˆ้ฉ็š„ๆ–‡ๅญ—ๆ›ฟไปฃ๏ผŒไปฅไพฟ่ผ”ๅŠฉๆŠ€่ก“ๅ’Œๅฎƒ็š„็”จๆˆถ่ƒฝๅค ็†่งฃใ€‚ๆˆ‘ๅ€‘ๅฐ‡ๅœจ้€™็ฏ‡ๆ–‡็ซ ไธญ้—กๆ˜Žไฝœๆณ•ใ€‚

่กŒๅ‹•็„ก้šœ็ค™็ถฒ้ 

้šจ่‘—่กŒๅ‹•่จญๅ‚™่จชๅ•ๆผธๅ—ๆญก่ฟŽใ€้‚„ๆœ‰ๅƒๆ˜ฏ iOS ่ˆ‡ Android ้€™่ˆฌ็†ฑ้–€ๅนณๅฐ๏ผŒๅทฒ็ถ“ๅ…ทๅ‚™ๅฎŒๅ–„็š„่ผ”ๅŠฉๅทฅๅ…ท๏ผŒ่€ƒๆ…ฎๅˆฐๅฆ‚ไฝ•ๅœจ้€™ไบ›ๅนณๅฐไธŠๅฏฆ่ธ็„ก้šœ็ค™็ถฒ้ ๏ผŒๅฐฑ่ฎŠๅพ—ๅๅˆ†้‡่ฆใ€‚้€™็ฏ‡ๆ–‡็ซ ๅฐ‡่จŽ่ซ–่กŒๅ‹•่ฃ็ฝฎ็‰นๆœ‰็š„็„ก้šœ็ค™็ถฒ้ ็›ธ้—œ่ญฐ้กŒใ€‚

ๅ…ถไป–ๆ–‡ไปถ

Understanding the Web Content Accessibility Guidelines

This set of articles provides quick explanations to help you understand the steps that need to be taken to conform to the recommendations outlined in the W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0 or just WCAG, for the purposes of this writing).

Keyboard-navigable JavaScript widgets

Until now, web developers who want to make their styled <div> and <span> based widgets have lacked the proper techniques. Keyboard accessibility is part of the minimum accessibility requirements which a developer should be aware of.

ARIA

A collection of articles to learn how to use ARIA to make your HTML documents more accessible.

Assistive technology (AT) development

A collection of articles intended for AT developers

Mobile accessibility checklist

This document provides a concise checklist of accessibility requirements for mobile app developers.