10 روش عالی برای قابل حمل و در دسترس بودن محتوای خود

محتوا

• قابلیت دسترسی "ویژگی" نیست
• تعریف سیستم عامل ها
• قابل حمل و قابل دسترسی نگه داشتن مطالب
• 1. با HTML5 شروع کنید
• 2. WAI-ARIA
• 3. استفاده از doctype
• 4. برچسب های سند HTML5
• 5. پیوندهای نامناسب
• 6. تصاویر - ALT در مقابل TITLE
• به مردم اطلاع دهید
• خلاصه
• سپاسگزاریها
• منابع

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

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

"انتشار" برای افراد مختلف معنای مختلفی دارد. از نظر برخی افراد ، این به معنای تولید حجم چاپی و فیزیکی کار است. افراد دیگر انتشار را با توانایی توزیع آثار نوشتاری از طریق دستگاه ها و برنامه ها مرتبط می دانند. بیشتر و بیشتر ، مردم فکر می کنند انتشار این است که محتوایی را برای لذت بردن از هر قالبی در دسترس قرار می دهند ، خواه این بدان معنی باشد که مقاله را به یک وبلاگ هل دهید یا پست Google Plus را به روز کنید.

واقعیت این است که انتظارات در بین کاربران متفاوت است و این انتظارات با گذشت زمان تغییر می کند. خوانندگانی که روزگاری آخرین پست را در یک وبلاگ به شدت مصرف می کردند ، اکنون انتظار دارند که بتوانند آن پست وبلاگ یا هر مقاله یا کتابی را در هر کجا و هر زمان که برای آنها مناسب باشد بخوانند. امروز مطالب ما را از یک وبلاگ به Reeder با تلفن به Instapaper در iPad تا نسخه الکترونیکی ارسال شده از طریق Whispernet به Kindle دنبال می کنند.

گردش کار خواندن افراد متفاوت است و برای کسانی که به ویژگی های دسترسی مانند صفحه خوان ، کنتراست بالا یا متن بزرگ نیاز دارند ، هنگامی که نویسندگان و ناشران نتوانند جزئیات قالب بندی جزئی اما ضروری را در نظر بگیرند ، این جریان کار گاهی اوقات غیرقابل جبران می شود. فکر نکنید که این گزینه "علامت گذاری در جعبه دسترسی" نیست. درعوض متوجه شوید که به طور موثر محتوای خود را برای بسیاری از مشتریان بالقوه به یک جعبه سیاه تبدیل می کنید.

قابلیت دسترسی "ویژگی" نیست

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

برای یک مرور کلی در مورد معنی دسترسی ، به مقاله یان همیلتون مراجعه کنید.

تعریف سیستم عامل ها

بیایید با برخی از تعاریف در مورد قالب هایی که می توانیم تمرکز کنیم تا خواندن محتوای ما راحت تر شود ، شروع می کنیم:

• HTML: با HTML5 وب حتی مکان بهتری برای نویسندگان و ناشران برای نمایش کارهای خود است. برچسب های جدید مانند مقاله, بخش, سرتیتر و پاورقی اکنون در بسیاری از مرورگرها پیاده سازی شده اند و می توانند برای افزودن زمینه معنایی به نوشتار شما به صورت نیمه مطمئن مورد استفاده قرار گیرند. علاوه بر این ، ماژول صفحه CSS3 در آینده نیز ممکن است مورد توجه کسانی باشد که برای فعال کردن صفحه خواندن صفحه ثابت تری دارند.
• EPUB: EPUB استاندارد رسمی انجمن بین المللی نشر دیجیتال (IDPF) است. EPUB3 در اکتبر 2011 تأیید شد و به انتشارات اجازه می دهد محتوای سبک و قابل تنظیم بیشتری داشته باشند ، نزدیکتر از آنچه که با HTML / CSS امکان پذیر است و نه دستورالعمل های استاتیک قبلی.
• MOBI: MOBI ، مخفف Mobipocket ، قالبی است که توسط Kindle و سایر خوانندگان دیجیتال استفاده می شود. این قابلیت نسبت به EPUB کمتر قابل تنظیم است ، اما ما در اینجا به آن می پردازیم زیرا در صورت تمایل می توانید از آن در انتشار مطالب در آمازون استفاده کنید. به گفته رابین کریستوفرسون از AbilityNet ، برخی از مدل های Kindle برای کاربران نابینا قابل دسترسی است. با این حال برنامه Kindle در iOS اینگونه نیست. KF8 ، قالب جدید Kindle ، در حال حاضر توسط Kindle Fire پشتیبانی می شود و به زودی در دستگاه های مرکب الکترونیکی Kindle و برنامه های خواندن Kindle پخش می شود.
• PDF: PDF به یک موجود همه گیر در وب تبدیل شده است. من این را در اینجا قرار می دهم زیرا اکثر تبلت ها از فن آوری داخلی و خوبی برای خواندن PDF ها و امکان استفاده از فناوری کمکی با آنها برخوردار هستند. با استفاده از PDF ، عامل تعیین کننده نحوه ایجاد آن است. به گفته آلن دالتون ، مشاور توسعه دسترسی در اداره ملی معلولیت ایرلند ، "شما می توانید PDF ها را در دسترس قرار دهید ؛ اما بسیاری از افراد این کار را نمی کنند. آنها نمی دانند که ابزارهایشان محصولات بدی را تولید می کنند. اگر من راه خودم را داشته باشم ، هر کاری که ما انجام می دهیم HTML باشید. " به غیر از پیمایش و دسترسی ، PDF ها نیز به خوبی با اندازه های مختلف سازگار نیستند و هرکسی که سعی کرده PDF را روی تلفن هوشمند بخواند با نیشگون گرفتن و بزرگنمایی و تغییر شکل ناخوشایند مورد نیاز برای این کار آشنا است.

آنچه در این گروه قرار نمی گیرد ، برنامه هایی هستند که محتوای شما را می گیرند و آن را به تصاویر بزرگ تبدیل می کنند. اگرچه این ممکن است همان شکل و سبک را در سیستم عامل ها تضمین کند ، در حالی که بارگیری بسیار سنگینی را ایجاد می کنید ، تعداد زیادی از مخاطبان خود را مسدود می کنید. این مشکل وقتی بیشتر شروع می شود که در مورد نمایشگرهای شبکیه و تصاویر با اندازه دو برابر صحبت کنیم. برای اینکه بخواهید از چیزی که می خواهید بخوانید (مثلا هنوز مجبور به پرداخت هزینه آن هستید) باشید ، می توانید نظرات مربوط به غیرقابل دسترسی بودن برنامه های Newsstand را از طریق VoiceOver در iOS ببینید.

برای دیدن شکل ظاهری این نوع مجلات برای یک کاربر با فناوری در دسترس ، جاسازی های ویدئویی من را ببینید ، که تجربه ناامید کننده تلاش برای خواندن این مجلات را با استفاده از
ابزار دستیابی مانند VoiceOver:

قابل حمل و قابل دسترسی نگه داشتن مطالب

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

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

1. با HTML5 شروع کنید

با ایجاد اسناد خود در ابتدا با HTML5 ، در آینده دیگر نگران نباشید. نشانه گذاری HTML5 به شما کمک می کند تا اسناد خود را به راحتی جستجو کنید و به قالب های دیگر ترجمه کنید. اگر از ابتدا اطلاعات معنایی در آنجا داشته باشید ، به طور قابل توجهی کمتر "متناسب سازی یکپارچه" از انتشارات خود را در قالب های دیگر انجام می دهید.

2. WAI-ARIA

WAI-ARIA مجموعه دسترسی به وب است - مجموعه برنامه های کاربردی اینترنتی غنی و قابل دسترسی. این مجموعه ای از دستورالعمل ها است که توسط گروه کاری پروتکل ها و قالب ها (PFWG) ایجاد شده است
W3C WAI-ARIA روشی را برای دسترسی بیشتر محتوای وب و برنامه ها به افراد معلول تعریف می کند و به محتواهای پویا و کنترل های رابط کاربری پیشرفته که با Ajax ، HTML ، JavaScript و فناوری های مرتبط توسعه یافته اند کمک می کند. برخی از تکنیک های این مقاله از رهنمودهای WAI-ARIA تهیه شده است ، و گرچه این مقاله به اندازه کافی طولانی نیست تا تمام مشخصات را پوشش دهد ، اما من شما را تشویق می کنم که برای جزئیات بیشتر در مورد این که چرا توصیه می شود و بهترین روش برای پیاده سازی آنها

3. استفاده از doctype

در حالی که استفاده از یک Doctype خاص به خودی خود دسترسی کد HTML مرتبط را تحت تأثیر قرار نمی دهد ، دلیل مهم استفاده از Doctype این است که مطمئن شوید حالت quirks مرورگر فعال نشده است. به سادگی استفاده کنید ! DOCTYPE html> تا اطمینان حاصل شود که این اتفاق نمی افتد

4. برچسب های سند HTML5

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

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

5. پیوندهای نامناسب

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

مثال:

a href = "/ contact"> / a>

این بد است.

a href = "/ contact"> تماس با ما / a>

خیلی بهتر.

6. تصاویر - ALT در مقابل TITLE

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

Alt از طرف دیگر توسط فن آوری کمکی استفاده می شود و زمینه را به عنصر می دهد. شما باید استفاده کنید ارتفاع تصاویر خود را بررسی کنید و مطمئن شوید که این اطلاعات مفید است. استفاده كردن img alt = "" src = "1348.webp">

به مردم اطلاع دهید

اگر محتوای شما در چندین قالب موجود است ، مطمئن شوید که راهی برای کشف این موضوع در سایت شما وجود دارد. احتمالاً "اگر در مشاهده این ایمیل مشکلی ندارید ، بصورت آنلاین بخوانید" را مشاهده کرده اید
نسخه "پیام در بالای بسیاری از خبرنامه های ایمیل. انجام چنین کاری برای محتوای خود را عملی کنید. اگر PDF یا نسخه صوتی و همچنین ePub قابل دسترسی دارید ، مطمئن شوید که کاربران می توانند این اطلاعات را پیدا کنند. آزمایش برای اطمینان از قابل خواندن و خواندن بودن محتوا.