کتاب Web Accessibility Cookbook

کتاب Web Accessibility Cookbook: Creating Inclusive Experiences (کتاب راهنمای دسترسی به وب: ایجاد تجربیات فراگیر) ده‌ها دستور العمل ضروری برنامه‌نویسی وب در جهت دسترسی‌پذیری بهتر را در اختیار شما قرار می‌دهد. شما یاد خواهید گرفت که چگونه اجزای رایج مانند پیمایش اصلی، فیلترها و گفتگوها را به روشی قابل دسترس بسازید.

در ادامه مقدمه‌ای از کتاب Web Accessibility Cookbook را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Web Accessibility Cookbook:

چند سال پیش، در یک جلسه در مورد دسترسی به وب صحبت کردم. پس از آن، یکی از حاضران از من پرسید که چرا در زمینه دسترسی تخصص دارم: آیا به این دلیل است که من یا یکی از نزدیکانم معلولیت دارد؟

وقتی جواب دادم \”نه\” با تعجب به من نگاه کردند. آن‌ها نمی‌دانستند که چگونه شخصی که شخصاً تحت تأثیر قرار نمی‌گیرد می‌تواند به ایجاد وب‌سایت‌های قابل دسترس علاقه داشته باشد. توضیح دادم که به این دلیل است که به مردم و کیفیت اهمیت می‌دهم.

به عنوان توسعه‌دهندگان، ما هر روز با چالش‌های عملی سر و کار داریم. اغلب، ما آنقدر روی بخش فنی توسعه متمرکز هستیم که هدف واقعی شغل خود را فراموش می‌کنیم.

مسائل فنی را حل نمی‌کند؛ این در حال ساختن محصولات برای انسان است. کاری که ما انجام می‌دهیم در هسته خود بسیار فنی است، اما پیامد‌های تصمیمات ما بسیار انسانی است: آن‌ها به شدت بر زندگی مردم، دسترسی آن‌ها به اطلاعات و مشارکت آن‌ها در جامعه تأثیر می‌گذارد.

درست همانطور که افراد ترجیحات، نیاز‌ها، توانایی‌ها، ناتوانی‌ها و عادات متفاوتی دارند، رویکرد‌های آن‌ها برای دسترسی و مصرف محتوای وب نیز متفاوت است.

از لحظه‌ای که متوجه شدم، دسترسی به وب‌سایت‌ها صرفاً یک گزینه برای من نبود: اجباری شد. اهمیت دادن به دسترسی به معنای در نظر گرفتن تنوع و در نتیجه فراهم کردن دسترسی هر چه بیشتر مردم است. این بدیهی به نظر می‌رسد (زیرا اینطور است!)، اما گاهی اوقات لازم است موارد بدیهی را برای پذیرفتن آن بیان کنید.

آنچه دسترسی را از نظر فنی جالب می‌کند، علاوه بر ماهیت انسانی آن، پیچیدگی، گستره و ارتباط متقابل آن با سایر رشته‌ها در وب است.

برای ایجاد وب‌سایت‌های قابل دسترس، به دانش اصلی طراحی رابط کاربری (UI)، تجربه کاربر (UX)، قابلیت استفاده، عملکرد، استراتژی محتوا، بهینه‌سازی موتور جستجو (SEO) و امنیت نیاز دارید. وب سایتی با عملکرد ضعیف غیرقابل دسترسی است، UX بد معمولاً به معنای UX بد برای همه است، HTML ضعیف برای سئو و دسترسی بد است و غیره.

دسترس‌پذیری فقط به رشته‌های مختلف توسعه و طراحی وب نمی‌پردازد، بلکه ذاتاً آن‌ها را به هم متصل می‌کند. بنابراین، انجام آن به خوبی نیاز به دانش و علاقه به طیف وسیعی از رشته‌ها دارد.

این چالش برانگیز است و بسیاری از توسعه‌دهندگان وب دسترسی را به عنوان یک بار دلهره‌آور می‌بینند. با این حال، رفع این مانع می‌تواند هیجان‌انگیز و خوشحال‌کننده باشد، صرف نظر از اینکه به چه مرحله‌ای در حرفه خود رسیده‌اید.

این کتاب شکاف بین ماهیت فنی توسعه وب و تأثیر آن بر انسان را پر می‌کند. بیش از ۷۰ دستور العمل نحوه ساخت رایج‌ترین الگو‌ها در وب را به صورت قابل دسترس توضیح می‌دهد.

هر فصل مشکلات را تشریح می‌کند، راه‌حل‌هایی را ارائه می‌کند که با کد نوشته شده‌اند، و توضیح می‌دهند که چگونه مسیر‌های مختلف ممکن است بر کاربران تأثیر بگذارند.

شما یاد خواهید گرفت که چگونه کد‌های ظاهری قابل دسترسی بنویسید و مهمتر از همه، چرا باید بنویسید. در پایان، دسترسی به وب برای شما کمتر مبهم خواهد بود و برای ساخت و آزمایش راه حل‌های قابل دسترس خود مجهز خواهید بود.

هدف من از کتاب آشپزی دسترسی به وب این است که شما را به اندازه من در مورد دسترسی هیجان‌زده کنم و ابزار‌های مناسب را در اختیار شما قرار دهم تا وب را به مکانی فراگیرتر برای همه تبدیل کنید.

کتاب Web Accessibility Cookbook برای چه کسی است؟

این کتاب برای کسانی است که کد‌های ظاهری می‌نویسند: توسعه‌دهندگان فرانت‌اند، مهندسان UX، توسعه‌دهندگان فول استک و سرور. فرقی نمی‌کند که در توسعه وب تازه کار هستید یا بیش از یک دهه است که HTML، CSS و جاوا اسکریپت می‌نویسید.

شما می‌خواهید یاد بگیرید که چگونه صفحات و مؤلفه‌ها را با HTML ساختار دهید و چگونه عناصر معنایی بر تجربه کاربر تأثیر می‌گذارد.

شما CSS را می‌شناسید و می‌خواهید بیاموزید که چگونه وب سایت خود را به گونه‌ای طراحی کنید که به کاربران شما خدمت کند. شما به ARIA و نحوه استفاده کارآمد از آن برای بهبود تجربه اجزای تعاملی نوشته شده در جاوا اسکریپت علاقه دارید.

کتاب آشپزی دسترسی به وب همه چیز‌هایی را که برای ایجاد سایت‌ها، صفحات و مؤلفه‌های قابل دسترس نیاز دارید، ارائه می‌کند.

از سطح بالایی شروع می‌شود و نحوه ساختار اسناد را توضیح می‌دهد، سپس بزرگ‌نمایی می‌کند تا درباره موضوعات کلی مانند استفاده از پیوند‌ها، دکمه‌ها، جداول و فرم‌ها به طور عمیق بحث کند.

تمرکز زیادی بر روی HTML وجود دارد زیرا پایه و اساس هر وب سایت قابل دسترسی است، اما این کتاب همچنین شامل بسیاری از مؤلفه‌های پشتیبانی شده توسط جاوا اسکریپت است، مانند ضامنها، آکاردئون‌ها، مدال‌ها، فیلتر‌ها و ناوبری.

اگر می‌خواهید نه تنها راه‌حل‌ها را کپی و جای‌گذاری کنید، بلکه واقعاً درک کنید که چگونه کار می‌کنند و چگونه برای کاربرانتان مفید هستند، این کتاب برای شما مناسب است.

آنچه در کتاب Web Accessibility Cookbook وجود دارد:

کتاب آشپزی دسترسی به وب روی جنبه فنی دسترسی به وب تمرکز دارد. شما یاد خواهید گرفت که چگونه الگوهای رایجی را که به صورت قابل دسترس در HTML، CSS و جاوا اسکریپت نوشته شده است بسازید.

شما همچنین متوجه خواهید شد که چگونه اعمال خوب و بد بر افراد، به ویژه افراد دارای معلولیت تأثیر می‌گذارد. این کتاب جنبه های پزشکی، اجتماعی، یا اجتماعی-اقتصادی دسترسی را مورد بحث قرار نمی‌دهد.

کتاب Web Accessibility Cookbook انواع ناتوانی‌ها، مانند ناتوانی‌های بینایی، حرکتی و یادگیری را پوشش می‌دهد، اما نه همه آن‌ها، که فراتر از محدودیت‌های کتاب Web Accessibility Cookbook است. اگر می‌خواهید در مورد دسترسی و تلاقی بین دسترسی و فناوری اطلاعات بیشتری کسب کنید، ممکن است بخواهید نگاهی به عناوین زیر بیندازید:

• دسترسی برای همه توسط لورا کالباگ
• مشاهده ناتوانی توسط آلیس ونگ ویرایش شده است
• در برابر تکنوآلیسم اثر اشلی شو
• توصیه‌های بیشتر در a11yproject.com

هر فصل در کتاب Web Accessibility Cookbook به تنهایی است. می‌توانید آن را از ابتدا تا انتها بخوانید یا مستقیماً به یک موضوع خاص بپرید. من مشکلات و راه حل‌ها را بر اساس تجربه شخصی خود در مورد حسابرسی وب‌سایت‌ها انتخاب کرده‌ام.

هر دستور غذا به سمت عملی بودن گرایش دارد و شامل الگوهای ظاهری مشترک و راه حل هایی برای مسائل معمولی است. ارجاعاتی به دستور العمل های دیگر و منابع بیشتر نیز خواهید یافت.

در اینجا مروری کوتاه بر محتوای کتاب خواهیم داشت.

فصل 1 کتاب Web Accessibility Cookbook روی آن قسمت‌هایی از وب‌سایت‌های شما تمرکز دارد که تکرار می‌شوند و در هر صفحه مشابه یا یکسان هستند. شما یاد خواهید گرفت که چگونه <head> را راه اندازی کنید و یک ساختار پایه در <body> ایجاد کنید.

در فصل 2 کتاب Web Accessibility Cookbook، ساختار پایه وب‌سایت خود را ترک می‌کنید و به خود صفحه می‌روید. اساس یک صفحه خوب طراحی شده، گروه بندی عناصر، نشانه‌ها و سرفصل‌ها است.

شما یاد می‌گیرید که چگونه از <section>، <nav>، یا <article> به طور موثر استفاده کنید و چگونه آن‌ها را با سرفصل ها ترکیب کنید تا یک طرح کلی سند صوتی ایجاد کنید.

هایپرلینک ها اساس شبکه جهانی وب هستند. به همین دلیل است که فصل 3، که تماماً در مورد پیوند دادن محتوا است، یکی از گسترده‌ترین فصل‌های کتاب Web Accessibility Cookbook است. ویژگی های عنصر <a> را تجزیه و تحلیل می‌کند و به شما کمک می‌کند تا آن را به طور موثر اعمال کنید.

شما یاد خواهید گرفت که چگونه انواع مختلف محتوا، تصاویر و گروه‌های عناصر را پیوند دهید. یک دستور العمل روی مسیریابی سمت مشتری و مواردی که هنگام پیوند دادن صفحات در یک برنامه واحد باید در نظر گرفته شود، تمرکز دارد. دیگری به نحوه استایل دهی بصری پیوندها می پردازد.

فصل 4 کتاب Web Accessibility Cookbook، مشابه فصل قبل است، با این تفاوت که عنصر <button> را در کانون توجه قرار می‌دهد. شما تکنیک‌های مختلف برای برچسب زدن دکمه ها و نحوه استفاده از آن‌ها با متداول ترین ویژگی های ARIA را یاد خواهید گرفت.

در فصل 5 کتاب Web Accessibility Cookbook، از HTML به CSS می‌رویم و رنگ، کنتراست، انیمیشن، واحدها و اندازه‌ها را مورد بحث قرار می‌دهیم. شما یاد خواهید گرفت که چگونه CSS را به گونه ای بنویسید که به ترجیحات کاربران احترام بگذارد.

دسترسی به صفحه کلید موضوع مهمی در کتاب Web Accessibility Cookbook است. فصل 6 همه چیزهایی را که باید درباره سبک فوکوس، مدیریت فوکوس و ترتیب DOM بدانید، تشریح می‌کند.

تقریباً هر وب سایت دارای یک ناوبری اصلی است. فصل 7 کتاب Web Accessibility Cookbook یک ناوبری سایت معمولی را تشریح می‌کند و هر بخش را با جزئیات توضیح می‌دهد و شرح می‌دهد که چرا برخی از عناصر معنایی می‌توانند برای کاربران صفحه‌خوان مفید باشند. شما یاد خواهید گرفت که چگونه با منوهای فرعی ناوبری پاسخگو ایجاد کنید و تفاوت بین ناوبری و منوها را درک خواهید کرد.

روش‌های مختلفی برای مخفی کردن محتوا در CSS و HTML وجود دارد. فصل هشتم کتاب Web Accessibility Cookbook، مزایا و معایب آن‌ها را مورد بحث قرار می‌دهد.

شما یاد خواهید گرفت که چگونه ویجت‌های افشا و آکاردئون ایجاد کنید. این فصل همچنین عنصر بومی <details> را با راه حل‌های سفارشی مقایسه می‌کند.

فصل ۹ کتاب Web Accessibility Cookbook بر یک موضوع پیچیده تمرکز دارد: فرم‌ها. این با بهترین شیوه‌های عمومی برای ایجاد فرم‌ها شروع می‌شود و با هر دستور العملی خاص‌تر می‌شود. شما مهمترین جنبه های طراحی فرم را یاد خواهید گرفت: برچسب گذاری، توصیف عناصر فرم، مدیریت خطا و گروه‌بندی.

در فصل 10 کتاب Web Accessibility Cookbook، نحوه ایجاد یک فرم فیلتر را از ابتدا تا انتها خواهید آموخت. همچنین با بازخورد پویا برای کاربران صفحه‌خوان، صفحه‌بندی و مرتب‌سازی آشنا خواهید شد. جداول به قدری مورد سوء استفاده قرار می‌گیرند که بسیاری از توسعه‌دهندگان از کار با آن‌ها می‌ترسند.

فصل 11 عنصر <table> را ابهام می‌کند و بهترین شیوه‌ها و راهنمایی‌ها را برای استفاده از آن ارائه می‌کند. همچنین نحوه مرتب سازی جداول و ترکیب آن‌ها با عناصر تعاملی را توضیح می‌دهد.

عناصر سفارشی یک استاندارد هیجان انگیز هستند و در جفت شدن با سایر API ها، ابزاری قدرتمند برای ایجاد اجزای وب هستند.

فصل 12 کتاب Web Accessibility Cookbook، هر چیزی را که باید در مورد دسترسی هنگام کار با آن‌ها در نظر بگیرید توضیح می‌دهد.

اعتماد خوب است؛ کنترل بهتر است فصل ۱۳ شما را با ابزارهای آزمایش و اشکال‌زدایی خودکار آشنا می‌کند که به شما در شناسایی، اشکال‌زدایی و رفع مشکلات دسترسی کمک می‌کند.

سرفصل‌های کتاب Web Accessibility Cookbook:

• Foreword
• Preface
• 1. Structuring Documents
• 2. Structuring Pages
• 3. Linking Content
• 4. Performing Actions
• 5. Styling Content
• 6. Managing Focus
• 7. Navigating Sites
• 8. Toggling Content Visibility
• 9. Constructing Forms
• 10. Filtering Data
• 11. Presenting Tabular Data
• 12. Creating Custom Elements
• 13. Debugging Barriers
• Index
• About the Author

جهت دانلود کتاب Web Accessibility Cookbook می‌توانید پس از پرداخت، دریافت کنید.