@jaketraceyجیک تریسی
دسترسی ، تجربه کاربر و واقعیت مجازی.
اخیراً هنگام ایجاد سبک هایی برای ورودی های فرم قابل دسترسی ، یک چالش جالب پیش آمد – نحوه مدیریت طرح های رنگی معکوس که در رایانه های ویندوز موجود است. اما چرا رنگ ها را معکوس می کنیم؟ کسانی که دارای مشکلات بینایی هستند ممکن است بخواهند رنگ ها را در رایانه ویندوزی شما برای اهداف خوانایی و دسترسی معکوس کنند.
برای مرجع ، برای تغییر رایانه ویندوز برای استفاده از رنگهای معکوس ، می توانید از میانبر صفحه کلید استفاده کنید:
به طور پیش فرض ، ورودی هایی مانند
و
خوب به نظر می رسد و رنگ ها به درستی معکوس می شوند.
با این حال ، اگر بدون استفاده از خاصیت حاشیه ای یک ظاهر طراحی سفارشی انجام می دهید ، به عنوان مثال با استفاده از box-shadow و پنهان کردن حاشیه در نمای رنگی استاندارد ، ممکن است متوجه شوید که سایه های جعبه روی این عناصر در حالت معکوس ظاهر نمی شوند و باعث ایجاد قابلیت دسترسی مشکل برای کاربرانی که از حالت معکوس استفاده می کنند.
یک ترفند سریع برای رفع این مشکل اضافه کردن یک مرز شفاف به این عناصر است ، مانند موارد زیر:
border: 1px solid transparent;
اگر از ترکیبی از ویژگی های درج و خارج از سایه جعبه استفاده می کنید ، این می تواند به طور بالقوه شکاف ایجاد کند – بنابراین می توانیم از یک پرس و جو رسانه برای تعیین زمان استفاده استفاده کنیم – در این حالت ، وقتی حالت معکوس فعال است.
دو پرس و جو مفید برای رسانه وجود دارد که …