

@wownetortنیکیتا استاریچنکو
6+ سال برنامه ساز پشته کامل

سلام به همه! اطلاعات زیادی در مورد بهترین شیوه های مختلف HTML / CSS وجود دارد. درباره هک ها و ویژگی های مختلف زندگی. من می خواهم در مورد نکات به همان اندازه مفید اما کم محبوب برای کار با این HTML5 و CSS3 به شما بگویم.
HTML 5
1. رویدادهای ماوس باید دارای رویدادهای مربوط به صفحه کلید باشند
ارائه تجربه مشابه با ماوس و صفحه کلید به کاربران این امکان را می دهد تا دستگاه های دلخواه خود را انتخاب کنند.
علاوه بر این ، کاربران فن آوری کمکی همچنین قادر به مرور سایت هستند حتی اگر نتوانند از ماوس استفاده کنند.
این قانون مسئله ای را مطرح می کند که:
- یک عنصر HTML با ویژگی onMouseover نیز ندارد
- یک ویژگی onFocus. یک عنصر HTML با یک ویژگی onMouseout همچنین دارای ویژگی onBlur نیست. یک عنصر HTML با
- ویژگی onClick یکی از ویژگیهای زیر را نیز ندارد: onKeyDown ، onKeyUp ، onKeyPress.
توجه داشته باشید که در مورد onClick ، کنترل کننده صفحه کلید معادل باید از کلیدهای “Enter” و “Space” پشتیبانی کند زیرا این موارد معمولاً توسط صفحه خوان ها استفاده می شوند.
مثال بد:
<div onClick="doSomething();" ...
<a onMouseover="doSomething();" ...
<a onMouseout="doSomething();" ...
مثال خوب:
توجه داشته باشید که تنظیم ویژگی tabindex برای ساختن لازم است