Quest Academy

Applied Accessibility

Introduction to the Applied Accessibility Challenges

“Accessibility” โดยทั่วไปหมายถึงการมีเนื้อหาเว็บและอินเตอร์เฟซ ที่ผู้ใช้ที่สามารถเข้าใจการนำทางและตอบโต้กับผู้ชมในวงกว้างได้ ซึ่งรวมถึงผู้ที่มีความบกพร่องทางการมองเห็นการได้ยินการเคลื่อนไหวหรือความรู้ความเข้าใจ เว็บไซต์ควรเปิดกว่างและทุกคนสามารถเข้าถึงได้โดยไม่คำนึงถึงความสามารถหรือทรัพยากรของผู้ใช้ ผู้ใช้บางรายอาจจะใช้เเทคโนโลยีอำนวยความสะดวกเช่น โปรแกรมอ่านหน้าจอหรือซอฟต์แวร์จดจำเสียง ผู้ใช้รายอื่นสามารถไปยังเว็บไซต์ต่างๆ ได้โดยใช้แป้นพิมพ์เท่านั้น การคำนึงถึงความต้องการของผู้ใช้ที่หลากหลายเมื่อพัฒนาโครงการของคุณสามารถนำไปสู่การสร้างเว็บแบบเปิดได้อีกไกล:

  1. มีการจัดระเบียบ Code ที่ใช้มาร์กอัปที่เหมาะสม
  2. ตรวจสอบให้แน่ใจว่ามีทางเลือกข้อความสำหรับเนื้อหาที่ไม่ใช่ข้อความและภาพ
  3. สร้างเพจที่ใช้งานง่ายซึ่งเป็นมิตรกับคีย์บอร์ด

การมีเนื้อหาเว็บที่สามารถเข้าถึงได้ถือเป็นวามท้าทายอย่างต่อเนื่อง แหล่งข้อมูลที่ดีเยี่ยมสำหรับโครงการของคุณในอนาคตคือแนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) ของ W3 Consortium พวกเขากำหนดมาตราฐานสากลสำหรับการช่วย สำหรับการเข้าถึงและ มีเกณฑ์หลายประการที่คุณสามารถใช้เพื่อตรวจสอบงานของคุณ

Applied Accessibility

Add a Text Alternative to Images for Visually Impaired Accessibility

Know When Alt Text Should be Left Blank

Use Headings to Show Hierarchical Relationships of Content

Jump Straight to the Content Using the main Element

Wrap Content in the article Element

Make Screen Reader Navigation Easier with the header Landmark

Make Screen Reader Navigation Easier with the nav Landmark

Make Screen Reader Navigation Easier with the footer Landmark

Improve Accessibility of Audio Content with the audio Element

Improve Chart Accessibility with the figure Element

Improve Form Field Accessibility with the label Element

Wrap Radio Buttons in a fieldset Element for Better Accessibility

Add an Accessible Date Picker

Standardize Times with the HTML5 datetime Attribute

Make Elements Only Visible to a Screen Reader by Using Custom CSS

Improve Readability with High Contrast Text

Avoid Colorblindness Issues by Using Sufficient Contrast

Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information

Give Links Meaning by Using Descriptive Link Text

Make Links Navigatable with HTML Access Keys

Use tabindex to Add Keyboard Focus to an Element

Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Be the first to add a review.

Please, login to leave a review
Add to Wishlist

Archive

Price:
Free