0Pricing
Web Accessibility Academy icon

Web Accessibility Academy

HTMLFrontendWebEnterprise

สร้างเว็บไซต์ที่เข้าถึงได้ง่ายสำหรับทุกคน เชี่ยวชาญ semantic HTML, ARIA, keyboard and screen-reader support, และ WCAG 2.2 conformance

🤖 ขับเคลื่อนด้วย AI📚 คอร์ส 30👥 ผู้เรียน 100,000+ คน⭐ คะแนน 4.9
เริ่มเรียนรู้ →สำรวจหลักสูตร ↓
ภาพรวมคอร์ส

Web Accessibility (a11y): Build for Everyone

สร้างเว็บไซต์ที่เข้าถึงได้ง่ายสำหรับทุกคน เชี่ยวชาญ semantic HTML, ARIA, keyboard and screen-reader support, และ WCAG 2.2 conformance ติดตามนี้มี 30 mini-courses ที่ก้าวหน้า ตั้งแต่ระดับเบื้องต้นโดยสิ้นเชิง (A1) จนถึงระดับสูง (B2) ด้วยบทเรียนที่สั้นและเน้นเฉพาะเจาะจงและแบบทดสอบอย่างรวดเร็วเพื่อรวบรวมแนวคิดแต่ละอย่าง

สิ่งที่คุณจะได้เรียนรู้

คุณเริ่มต้นด้วยพื้นฐานและสร้างขึ้นผ่านหัวข้อระดับกลางและขั้นสูง โดยแต่ละคอร์สสร้างจากอันสุดท้าย บทเรียนทุกบทมีความเป็นจริงและขนาดพอดี มี AI tutor ที่พร้อมใช้งาน 24/7 เมื่อคุณต้องการความช่วยเหลือ

วิธีการทำงาน

แต่ละคอร์สแบ่งออกเป็นสี่บทเรียนที่เน้นเฉพาะเจาะจงและขนาดพอดี ทำให้เสร็จสองสามบทเรียนต่อวันและคุณจะเชี่ยวชาญติดตามทั้งหมดในหลายสัปดาห์ ไม่ใช่เดือน

เริ่มเรียนรู้ →
เครื่องมือ

สำรวจเครื่องมือคอร์ส

เพิ่มพลังการเรียนรู้ของคุณด้วยเครื่องมือและฟีเจอร์ที่ขับเคลื่อนด้วย AI

💬
แชท AI
แชทกับติวเตอร์ AI
🧠
ถามคำถามขั้นสูงPRO
รับคำตอบในระดับผู้เชี่ยวชาญ
📝
สร้างบทเรียนPRO
ตัวสร้างบทเรียนที่ขับเคลื่อนด้วย AI
🏆
เริ่มการสอบวัดระดับPRO
รับใบรับรองของคุณ
🎯
เริ่มชาเลนจ์
ทดสอบทักษะของคุณ

วิธีการเรียนรู้ของคุณ

🎯
บทเรียนแบบโต้ตอบ
แบบฝึกหัดการเขียนโค้ดโดยตรงพร้อมข้อเสนอแนะแบบเรียลไทม์
🤖
ติวเตอร์ AI
ได้รับความช่วยเหลือแบบทันทีจาก AI ของเราเมื่อคุณติดขัด
💻
ตัวแก้ไขในตัว
เขียนและรันโค้ดโดยตรงในเบราว์เซอร์ของคุณ
🏆
ใบรับรอง
ได้รับใบรับรองเมื่อคุณเสร็จสิ้นหลักสูตร
หลักสูตร

30 หลักสูตร

ทุกหลักสูตรในเส้นทางการเรียนรู้ Web Accessibility Academy

01

เหตุใดการเข้าถึงจึงสำคัญ: ผู้คนจริง อุปสรรคจริง

A14 บทเรียน

อธิบายว่าการเข้าถึงช่วยใครบ้าง รวมถึงเหตุผลทางธุรกิจและจริยธรรมในการสร้างผลิตภัณฑ์ที่ทุกคนมีส่วนร่วมได้

02

หน้าเว็บที่เข้าถึงได้หน้าแรกของคุณ: แนวคิด POUR

A14 บทเรียนPRO

ประยุกต์ใช้หลักการทั้งสี่ของ WCAG เพื่อตัดสินว่าหน้าใดเข้าถึงได้หรือไม่

03

HTML เชิงความหมาย: ให้เบราว์เซอร์จัดการงาน

A14 บทเรียนPRO

เลือกองค์ประกอบที่มีความหมาย เพื่อให้หน้าเว็บเข้าถึงได้ก่อนเพิ่มแอตทริบิวต์แม้แต่รายการเดียว

04

หัวข้อและโครงสร้างเอกสารที่ถูกต้อง

A14 บทเรียนPRO

สร้างโครงร่างหัวข้อที่เป็นตรรกะ ซึ่งผู้ใช้โปรแกรมอ่านหน้าจอสามารถนำทางได้

05

ขอบเขตสำคัญ: ทำแผนที่หน้าเว็บสำหรับโปรแกรมอ่านหน้าจอ

A14 บทเรียนPRO

ใช้ภูมิภาคขอบเขตสำคัญ เพื่อให้ผู้ใช้ข้ามไปยังส่วนที่ต้องการได้ทันที

06

ข้อความทางเลือกที่อธิบายรูปภาพได้จริง

A24 บทเรียนPRO

เขียนคำอธิบายทางเลือกของรูปภาพที่สื่อความหมายแทนการสร้างเนื้อหารกตา

07

ลิงก์กับปุ่ม: อย่าสับสนอีกต่อไป

A24 บทเรียนPRO

เลือกองค์ประกอบเชิงโต้ตอบให้ถูกต้อง เพื่อให้พฤติกรรมและความหมายสอดคล้องกัน

08

แบบฟอร์มที่เข้าถึงได้: ป้ายกำกับที่ผู้ใช้เชื่อถือได้

A24 บทเรียนPRO

สร้างแบบฟอร์มที่ตัวควบคุมทุกตัวมีชื่อและใช้งานได้ง่าย

09

สีและความเปรียบต่าง: ทำให้ข้อความอ่านง่าย

A24 บทเรียนPRO

ทำให้ข้อความและส่วนติดต่อผู้ใช้โดดเด่นเพียงพอสำหรับผู้มีสายตาเลือนรางและผู้ตาบอดสี

10

การนำทางด้วยแป้นพิมพ์: ไม่ต้องใช้เมาส์

A24 บทเรียนPRO

ทำให้ทุกการโต้ตอบเข้าถึงและมองเห็นได้โดยใช้แป้นพิมพ์เพียงอย่างเดียว

11

พื้นฐาน ARIA: บทบาท สถานะ และคุณสมบัติ

B14 บทเรียนPRO

ใช้ ARIA อย่างถูกต้องเพื่อเพิ่มความหมายที่ HTML ดั้งเดิมไม่สามารถสื่อได้

12

ชื่อและคำอธิบายที่เข้าถึงได้

B14 บทเรียนPRO

ควบคุมได้อย่างแม่นยำว่าเทคโนโลยีสิ่งอำนวยความสะดวกจะประกาศอะไรสำหรับองค์ประกอบใด ๆ

13

การจัดการโฟกัสและลำดับโฟกัส

B14 บทเรียนPRO

ย้ายและจำกัดโฟกัส เพื่อให้อินเทอร์เฟซแบบไดนามิกยังใช้งานได้

14

ลิงก์ข้ามและบล็อกสำหรับข้ามเนื้อหา

B14 บทเรียนPRO

ช่วยให้ผู้ใช้แป้นพิมพ์ข้ามเนื้อหาที่ซ้ำกันไปยังส่วนสำคัญได้

15

การตรวจสอบแบบฟอร์มและข้อผิดพลาดที่เข้าถึงได้

B14 บทเรียนPRO

รายงานข้อผิดพลาดของแบบฟอร์ม เพื่อให้ผู้ใช้ทุกคนค้นหาและแก้ไขได้

16

ตารางข้อมูลที่เข้าถึงได้

B14 บทเรียนPRO

กำหนดมาร์กอัปตารางให้ความสัมพันธ์ระหว่างเซลล์กับหัวตารางชัดเจน

17

SVG ไอคอน และกราฟิกตกแต่งที่เข้าถึงได้

B14 บทเรียนPRO

เปิดเผยกราฟิกที่มีความหมาย และซ่อนกราฟิกที่มีไว้ตกแต่งเพียงอย่างเดียว

18

โมดัลและกล่องโต้ตอบที่เข้าถึงได้

B14 บทเรียนPRO

สร้างกล่องโต้ตอบที่จำกัดโฟกัส ปิดได้อย่างเรียบร้อย และประกาศตัวเอง

19

สร้างแท็บและแอคคอร์เดียนที่เข้าถึงได้

B14 บทเรียนPRO

สร้างวิดเจ็ตเปิดเผยเนื้อหาทั่วไปด้วย ARIA และปุ่มกดที่ถูกต้อง

20

การทดสอบด้วยโปรแกรมอ่านหน้าจอ: NVDA และ VoiceOver

B14 บทเรียนPRO

ทดสอบผลงานของคุณในแบบที่ผู้ใช้ตาบอดสัมผัสจริง

21

WCAG 2.2 AA: ความสอดคล้องที่รองรับการตรวจสอบ

B24 บทเรียนPRO

เชื่อมโยงเกณฑ์ความสำเร็จจริงกับการแก้ไขที่เป็นรูปธรรมสำหรับเว็บไซต์ที่สอดคล้องกับระดับ AA

22

การเข้าถึงใน React และ SPA

B24 บทเรียนPRO

รักษาให้แอปหน้าเดียวเข้าถึงได้ แม้มีการกำหนดเส้นทางฝั่งไคลเอ็นต์และการเรนเดอร์ใหม่

23

ภูมิภาคสดของ ARIA: ประกาศการเปลี่ยนแปลงแบบไดนามิก

B24 บทเรียนPRO

แจ้งผู้ใช้โปรแกรมอ่านหน้าจอเมื่อเกิดการเปลี่ยนแปลงโดยไม่โหลดหน้าใหม่

24

แนวปฏิบัติการเขียน ARIA สำหรับวิดเจ็ตซับซ้อน

B24 บทเรียนPRO

สร้างวิดเจ็ตกำหนดเองที่แข็งแกร่งด้วยรูปแบบ APG ที่ผ่านการพิสูจน์แล้ว

25

ลดการเคลื่อนไหวและภาพเคลื่อนไหวที่ปลอดภัย

B24 บทเรียนPRO

เคารพการตั้งค่าการเคลื่อนไหว และหลีกเลี่ยงการกระตุ้นความไม่สบายหรืออาการชัก

26

การแสดงภาพข้อมูลที่เข้าถึงได้

B24 บทเรียนPRO

ทำให้แผนภูมิและกราฟรับรู้ได้โดยไม่พึ่งพาเพียงสีและรูปร่าง

27

การทดสอบอัตโนมัติ: axe, Lighthouse และ Playwright

B24 บทเรียนPRO

ตรวจจับข้อบกพร่องด้านการเข้าถึงประเภทหนึ่งโดยอัตโนมัติในกระบวนการทำงานของคุณ

28

การตรวจสอบด้วยตนเองและการแก้ไข

B24 บทเรียนPRO

ดำเนินการตรวจสอบด้วยตนเองอย่างเป็นระบบ และจัดลำดับความสำคัญของการแก้ไขที่สำคัญ

29

ภาพรวมกฎหมาย: ADA, EN 301 549 และอื่น ๆ

B24 บทเรียนPRO

ทำความเข้าใจกฎหมายและมาตรฐานที่ทำให้การเข้าถึงเป็นส่วนหนึ่งของแผนงาน

30

สร้างวัฒนธรรมและรายการตรวจสอบด้านการเข้าถึง

B24 บทเรียนPRO

ปลูกฝังการเข้าถึงให้เป็นส่วนหนึ่งของทีม เพื่อให้ดำเนินต่อไปได้แม้จบโครงการหนึ่งแล้ว

คำถามที่พบบ่อย

คำถามที่พบบ่อย

หลักสูตร Web Accessibility Academy ฟรีหรือไม่

ใช่ คุณสามารถเริ่มหลักสูตร Web Accessibility Academy ได้ฟรีและเสร็จสิ้นบทเรียนแบบโต้ตอบโดยไม่มีค่าใช้จ่าย การสมัครสมาชิก PRO ที่เป็นทางเลือกจะปลดล็อกเครื่องมือ AI ขั้นสูงและใบรับรองที่แชร์ได้

ฉันต้องมีประสบการณ์มาก่อนหรือไม่ในการเรียนรู้ HTML

ไม่ หลักสูตรเริ่มต้นด้วยพื้นฐานและค่อยๆ ไปสู่หัวข้อที่ซับซ้อนมากขึ้น ดังนั้นคุณสามารถเริ่มได้แม้ว่าจะไม่มีประสบการณ์ HTML มาก่อน

ฉันจะเรียนรู้ HTML บน CoddyKit ได้อย่างไร

คุณเรียนรู้โดยการลงมือทำ บทเรียนสั้น ๆ แบบโต้ตอบจับคู่คำอธิบายที่ชัดเจนกับแบบฝึกหัดการเขียนโค้ดที่ทำงานในเวลาจริง และติวเตอร์ AI ที่ทำงาน 24/7 ให้ความช่วยเหลือแบบบุคคลเมื่อคุณติดขัด

ฉันได้รับใบรับรองสำหรับการเสร็จสิ้น Web Accessibility Academy หรือไม่

ใช่ ผู้เรียน PRO สามารถสอบและได้รับใบรับรองการเสร็จสิ้นที่แชร์ได้พร้อมรหัสที่สามารถตรวจสอบได้สำหรับหลักสูตร Web Accessibility Academy

ฉันสามารถเรียนรู้ HTML บนโทรศัพท์ของฉันได้หรือไม่

ใช่ CoddyKit พร้อมใช้งานบนเว็บและเป็นแอปพลิเคชันแบบเนทีฟ iOS และ Android ดังนั้นคุณสามารถเรียนรู้ HTML บนอุปกรณ์ใดก็ได้และความคืบหน้าของคุณจะซิงค์ในทุกอุปกรณ์

เริ่มเรียน Web Accessibility Academy ตอนนี้

เข้าร่วมกับผู้เรียนนับพันคนที่กำลังเรียนรู้การเขียนโปรแกรมผ่านบทเรียนที่ขับเคลื่อนด้วย AI

เริ่มฟรี →ดูคอร์สทั้งหมด