آموزش ایجاد وب سایت های قابل دسترس

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• مخزن گیت با کد Git repository with the code

شروع با دسترسی به وب Getting Started With Web Accessibility

• Semantic HTML چیست؟ What is Semantic HTML?

• طراحی صفحات وب قابل دسترسی رنگی Designing Color Accessible Webpages

• ویژگی های ARIA چیست؟ What are ARIA attributes?

• تصاویر قابل دسترسی Accessible Images

• ویژگی "طرح کلی" چیست و چرا برای دسترسی مهم است؟ What is the "outline" property and why is it important for accessibility?

• Tabindex Tabindex

• دور زدن بلوک ها (پرش از لینک ها) Bypass Blocks (skip links)

• ویدئو و صوت قابل دسترسی برای وب Accessible Video and Audio for the Web

• دانش WAI-ARIA خود را آزمایش کنید Test your WAI-ARIA knowledge

ایجاد یک وب سایت واقعی در دسترس Making a Real Life Website Accessible

• مروری بر وب سایت غیر قابل دسترس Inaccessible Website Overview

• ناوبری قابل دسترسی Accessible Navigation

• ناوبری همبرگر موبایل قابل دسترسی Accessible Mobile Hamburger Navigation

• Google Maps iframe قابل دسترسی Accessible Google Maps iframe

• فرم های تماس قابل دسترسی Accessible Contact Forms

• دستورالعمل های فرم Form Instructions

• نمادهای قابل دسترس Accessible Icons

• لینک های قابل دسترسی Accessible Links

• آزمایش وب سایت ما با صفحه خوان NVDA روی دسکتاپ با Chrome Testing our website with NVDA screen reader on desktop with Chrome

• نحوه تست یک وب سایت در دسترس How to Test an Accessible Website

تکنیک های پیشرفته دسترسی به وب Advanced Web Accessibility Techniques

• جاوا اسکریپت وانیلی قابل دسترس برای انجام برنامه 1 - نمای کلی Accessible vanilla JavaScript to do app 1 - Overview

• جاوا اسکریپت وانیلی قابل دسترس برای انجام قسمت 2 برنامه - کدنویسی HTML Accessible vanilla JavaScript to do app part 2 - coding the HTML

• جاوا اسکریپت وانیلی قابل دسترس برای انجام برنامه - قسمت 3 Accessible vanilla JavaScript to do app - part 3

بخش پاداش Bonus section

• به انجمن دسترسی ما بپیوندید! Join Our Accessibility Community!