شبیه‌ساز کوررنگی

انواع مختلف کوررنگی را با استفاده از فیلترهای SVG شبیه‌سازی می‌کند.

شبیه‌ساز کوررنگی یک افزونه کروم با محوریت حریم خصوصی است که به کاربران کمک می‌کند تا پیش‌نمایشی از نحوه نمایش صفحات وب برای افراد با انواع مختلف کوررنگی ارائه دهند. این افزونه برای توسعه‌دهندگان وب، طراحان رابط کاربری، حسابرسان دسترسی، تیم‌های محصول، دانش‌آموزان، مربیان و کاربران بینای کنجکاوی طراحی شده است که می‌خواهند درک بهتری از چگونگی تأثیر انتخاب رنگ بر خوانایی، کاربردپذیری و ارتباط بصری داشته باشند. این افزونه با اعمال فیلترهای شبیه‌سازی تمام صفحه به طور مستقیم در مرورگر، آزمایش اینکه آیا یک طرح هنوز هم وقتی رنگ‌ها به طور متفاوت درک می‌شوند، کار می‌کند یا خیر را آسان‌تر می‌کند. رنگ بخش عمده‌ای از طراحی وب است. از آن برای انتقال وضعیت، سلسله مراتب، هشدارها، پیام‌های موفقیت، لینک‌ها، نمودارها، دکمه‌ها، برچسب‌ها، حالت‌های ناوبری، خطاهای فرم و هویت برند استفاده می‌شود. با این حال، اگر یک صفحه بیش از حد به رنگ متکی باشد، برخی از کاربران ممکن است اطلاعات مهمی را از دست بدهند. یک پیام خطای قرمز، نشانگر موفقیت سبز، لینک آبی، هشدار نارنجی یا نمودار رنگی ممکن است برای همه به یک اندازه واضح نباشد. شبیه‌ساز کوررنگی با نشان دادن اینکه یک صفحه ممکن است تحت شرایط مختلف بینایی رنگ چگونه به نظر برسد، به آشکار شدن این مشکلات کمک می‌کند. این افزونه از چندین حالت شبیه‌سازی، از جمله **deuteranopia**، **protanopia**، **tritanopia** و **achromatopsia** پشتیبانی می‌کند. Deuteranopia معمولاً با مشکل در تشخیص برخی از تُن‌های سبز مرتبط است. Protanopia بر درک برخی از تُن‌های قرمز تأثیر می‌گذارد. Tritanopia بر درک رنگ آبی-زرد تأثیر می‌گذارد. Achromatopsia نمایی شبیه به خاکستری را شبیه‌سازی می‌کند که در آن اطلاعات رنگ تا حد زیادی حذف شده است. با جابجایی بین این حالت‌ها، کاربران می‌توانند ببینند که آیا صفحه هنوز هم بدون تکیه بر درک رنگ عادی، به وضوح ارتباط برقرار می‌کند یا خیر. شبیه‌ساز کوررنگی کاملاً درون کروم کار می‌کند و از هیچ API خارجی استفاده نمی‌کند. هیچ داده‌ای هرگز به سرورهای شخص ثالث منتقل نمی‌شود. شبیه‌سازی به صورت محلی روی دستگاه شما با استفاده از فیلترهای ماتریس رنگی SVG اعمال می‌شود که از نظر بصری بر کل صفحه در مرورگر تأثیر می‌گذارند. این افزونه محتوای صفحه وب، تصاویر، URLها، تاریخچه مرور، داده‌های طراحی، تنظیمات کاربر، اطلاعات شخصی یا فعالیت استفاده را آپلود نمی‌کند. همه چیز به صورت محلی در داخل کروم اتفاق می‌افتد و به کاربران روشی خصوصی و ایمن برای آزمایش دسترسی بصری می‌دهد. حریم خصوصی به ویژه برای یک ابزار تست توسعه و دسترسی‌پذیری اهمیت دارد. طراحان و توسعه‌دهندگان ممکن است وب‌سایت‌های عمومی، نمونه‌های اولیه خصوصی، محیط‌های مرحله‌بندی، داشبوردهای داخلی، پروژه‌های مشتری، رابط‌های محصول، صفحات مدیریت و طرح‌های منتشر نشده را آزمایش کنند. شبیه‌ساز کوررنگی به گونه‌ای طراحی شده است که این کار به صورت محلی باقی بماند. داده‌های صفحه را به سرویس‌های دسترسی ابری ارسال نمی‌کند، به پردازش تصویر از راه دور متکی نیست، تصاویر را منتقل نمی‌کند و نیازی به حساب کاربری ندارد. فعالیت تست شما روی دستگاه شما باقی می‌ماند. این افزونه از فیلترهای ماتریس رنگ SVG برای شبیه‌سازی تغییرات ادراک رنگ در کل صفحه وب استفاده می‌کند. این رویکرد اجازه می‌دهد تا کل صفحه قابل مشاهده، شامل متن، تصاویر، دکمه‌ها، آیکون‌ها، پس‌زمینه‌ها، نمودارها، کارت‌ها، فرم‌ها و عناصر طرح‌بندی، به طور همزمان تغییر کند. از آنجا که این فیلتر به صورت محلی به عنوان یک لایه بصری اعمال می‌شود، کد، فایل‌های طراحی یا دارایی‌های وب‌سایت را به طور دائمی تغییر نمی‌دهد. این افزونه به سادگی نحوه نمایش صفحه را برای شما در حالی که شبیه‌ساز فعال است، تغییر می‌دهد. یک منوی کشویی با قابلیت تغییر سریع، جابجایی بین حالت‌های شبیه‌سازی را آسان می‌کند. به جای باز کردن مکرر تنظیمات یا بارگذاری مجدد صفحه برای هر شرط، کاربران می‌توانند یک حالت را از منوی کشویی انتخاب کنند و بلافاصله نحوه تغییر رابط کاربری را مقایسه کنند. این قابلیت در طول بررسی‌های طراحی، بررسی‌های تضمین کیفیت، ممیزی‌های دسترسی و جلسات اشکال‌زدایی زنده مفید است. تغییر سریع، کاربران را تشویق می‌کند تا به جای بررسی فقط یک نمای واحد، بیش از یک شرط را آزمایش کنند. برای توسعه‌دهندگان، شبیه‌ساز کوررنگی می‌تواند ابزاری کاربردی در طول پیاده‌سازی باشد. این ابزار می‌تواند به شناسایی عناصر رابط کاربری که بیش از حد به رنگ وابسته هستند، کمک کند، مانند دکمه‌هایی که فقط با نگه داشتن ماوس روی آن‌ها رنگشان تغییر می‌کند، نشان‌های وضعیتی که فاقد برچسب متنی هستند، نمودارهایی با سری رنگ مشابه، خطاهای فرم که فقط با رنگ قرمز نشان داده می‌شوند یا حالت‌های غیرفعال که تشخیص آن‌ها دشوار می‌شود. وقتی این مشکلات زود تشخیص داده شوند، توسعه‌دهندگان می‌توانند رابط کاربری را با برچسب‌ها، آیکون‌ها، الگوها، تنظیمات کنتراست، زیرخط‌ها، حاشیه‌ها یا متن واضح‌تر بهبود بخشند. برای طراحان، این افزونه به ارزیابی سیستم‌های رنگی در متن کمک می‌کند. یک پالت ممکن است در یک فایل طراحی جذاب به نظر برسد، اما قابلیت استفاده واقعی به نحوه عملکرد رنگ‌ها در اجزای واقعی بستگی دارد. شبیه‌ساز کوررنگی می‌تواند نشان دهد که آیا اقدامات اولیه واضح باقی می‌مانند، آیا هشدارها و حالت‌های موفقیت قابل تشخیص هستند، آیا نمودارها قابل خواندن هستند و آیا سلسله مراتب بصری واضح باقی می‌ماند یا خیر. این می‌تواند بدون نیاز به گردش کار پیچیده، منجر به تصمیمات طراحی جامع‌تری شود. حسابرسان دسترسی‌پذیری و آزمایش‌کنندگان تضمین کیفیت می‌توانند از این افزونه به عنوان بخشی از آزمایش دستی استفاده کنند. این افزونه جایگزینی برای آزمایش صفحه‌خوان، آزمایش صفحه‌کلید، اندازه‌گیری کنتراست، بررسی معنایی یا حسابرسی‌های کامل دسترسی‌پذیری نیست، اما یک ابزار بازرسی بصری مفید است. این افزونه به بررسی‌کنندگان کمک می‌کند تا به سرعت بفهمند که آیا اطلاعات وابسته به رنگ ممکن است تحت نماهای شبیه‌سازی شده مختلف نامشخص باشند یا خیر. این افزونه می‌تواند با قابل مشاهده کردن مشکلات احتمالی، از گفتگوها با تیم‌های طراحی و مهندسی پشتیبانی کند. مربیان و دانش‌آموزان همچنین می‌توانند از شبیه‌ساز کوررنگی برای یادگیری استفاده کنند. این ابزار می‌تواند به توضیح اهمیت طراحی قابل دسترس و اینکه چرا رنگ نباید تنها راه انتقال اطلاعات باشد، کمک کند. دانش‌آموزانی که در زمینه طراحی وب، تعامل انسان و کامپیوتر، رسانه‌های دیجیتال یا قابلیت دسترسی مطالعه می‌کنند، می‌توانند از این ابزار برای مقایسه وب‌سایت‌های واقعی و درک چگونگی اعمال اصول طراحی فراگیر در عمل استفاده کنند. کاربران بینای کنجکاو نیز ممکن است این افزونه را ارزشمند بیابند. این افزونه روشی ساده برای درک چگونگی متفاوت به نظر رسیدن صفحات وب برای افرادی که دارای اختلال بینایی رنگ هستند، ارائه می‌دهد. این امر می‌تواند باعث ایجاد همدلی و آگاهی شود، به خصوص برای کاربرانی که محتوا ایجاد می‌کنند، گرافیک به اشتراک می‌گذارند، وب‌سایت می‌سازند یا ارائه می‌دهند. از آنجا که این افزونه از APIهای خارجی یا سرورهای شخص ثالث استفاده نمی‌کند، سبک و واکنش‌گرا باقی می‌ماند. هیچ فرآیند آپلودی، هیچ تأخیری در رندر ابری، هیچ نیازی به ورود به سیستم و هیچ پردازش از راه دور وجود ندارد. شبیه‌سازی بصری مستقیماً در کروم اعمال می‌شود، بنابراین کاربران می‌توانند صفحات را به سرعت و به صورت خصوصی آزمایش کنند. شبیه‌ساز کوررنگی برای هر کسی که می‌خواهد روشی خصوصی، محلی و آسان برای پیش‌نمایش مشکلات دسترسی به رنگ داشته باشد، ایده‌آل است. از هیچ API خارجی استفاده نمی‌شود. هیچ داده‌ای هرگز به سرورهای شخص ثالث منتقل نمی‌شود. محتوای صفحه وب، تصاویر، URLها، فعالیت مرور، تنظیمات و نتایج آزمایش شما در دستگاه خودتان باقی می‌ماند. با حالت‌های deuteranopia، protanopia، tritanopia و achromatopsia، فیلترهای ماتریس رنگی SVG، شبیه‌سازی بصری تمام صفحه، منوی کشویی با قابلیت تعویض سریع، پردازش محلی و طراحی با اولویت حفظ حریم خصوصی، Color Blindness Simulator یک افزونه کاربردی کروم برای ایجاد تجربیات وب قابل دسترس‌تر و فراگیرتر است.