User Documentation با جوملا 6.1، یک بهبود کوچک اما قدرتمند به ویرایشگر TinyMCE اضافه شده است: دکمه های اختصاصی برای درج، ویرایش و حذف عنصر HTML <abbr>.
این ویژگی جدید باعث می شود نویسندگان به راحتی بتوانند مخفف ها و سرنام ها را بدون دست زدن به کد HTML به درستی نشانه گذاری کنند. این یک تغییر کوچک است که می تواند تفاوت بزرگی در وضوح، دسترس پذیری و حرفه ای بودن ایجاد کند.
عنصر <abbr> چیست؟
عنصر HTML <abbr> برای نمایش یک مخفف یا سرنام استفاده می شود. این عنصر به شما اجازه می دهد با استفاده از ویژگی title، معنای کامل یک عبارت کوتاه شده را ارائه دهید.
برای مثال:
<abbr title="World Wide Web">WWW</abbr>
در بیشتر مرورگرها، کاربران می توانند با نگه داشتن اشاره گر روی مخفف، معنای کامل آن را در یک راهنمای ابزار ببینند. مهم تر این که فناوری های کمکی مانند صفحه خوان ها می توانند به آن فرم گسترش یافته دسترسی داشته باشند و به کاربران کمک کنند محتوای شما را بهتر درک کنند.
این HTML معنایی است — چیزی که معنا اضافه می کند، نه فقط ظاهر.
چرا استفاده از <abbr> دسترس پذیری را بهبود می بخشد
دسترس پذیری یعنی قابل فهم کردن محتوا برای همه. مخفف ها می توانند در صورت نامشخص بودن معنایشان، موانع غیرضروری ایجاد کنند.
وضوح برای همه خوانندگان
همه نمی دانند «WCAG»، «HTML» یا «CSS» به چه معناست. ارائه معنای کامل تضمین می کند که هیچ کس مجبور به حدس زدن نباشد.
پشتیبانی بهتر از صفحه خوان ها
وقتی به درستی نشانه گذاری شود، فناوری های کمکی می توانند معنای کامل را اعلام کنند به جای این که حروف را یکی یکی بخوانند.
بهبود ساختار معنایی
استفاده از عناصر مناسب HTML، معنا را به مرورگرها، موتورهای جستجو و ابزارهای دسترس پذیری منتقل می کند.
به طور خلاصه: این دکمه کوچک به فراگیرتر شدن محتوای شما کمک می کند.
نحوه استفاده از دکمه های جدید Abbr در TinyMCE
اگر از نصب تازه جوملا 6.1 استفاده می کنید، دکمه های جدید abbr از قبل در نوار ابزار TinyMCE شما موجود هستند. اگر به جوملا 6.1 بروزرسانی کرده اید، باید آن ها را در ویرایشگر پلاگین TinyMCE اضافه کنید؛ یا با کشیدن دو آیکون جدید به نوار ابزار خود یا با استفاده از پیش تنظیم پیشرفته.
مرحله 1: انتخاب مخفف
مطلب خود را در ویرایشگر جوملا باز کنید و مخففی را که می خواهید نشانه گذاری کنید، انتخاب کنید.
مرحله 2: کلیک روی دکمه درج/ویرایش مخفف
روی آیکون جدید مخفف در نوار ابزار TinyMCE کلیک کنید.
مرحله 3: وارد کردن معنای کامل
یک کادر محاوره ای ظاهر می شود. معنای کامل مخفف را در فیلد ارائه شده وارد کنید.
مرحله 4: بررسی نشانه گذاری تولید شده (اختیاری)
اگر به نمای کد تغییر دهید، خواهید دید که TinyMCE نشانه گذاری معنایی تمیزی تولید کرده است:
<abbr title="World Wide Web">WWW</abbr>
و اگر مطلب را در سایت خود بررسی کنید، استایل دهی ابتدایی، تغییر نشانگر ماوس به یک اشاره گر راهنما و معنای کامل مخفف را در یک پاپ آپ title مشاهده خواهید کرد.
حذف یک مخفف
برای حذف نشانه گذاری، مخفف را انتخاب کرده و دکمه حذف مخفف را کلیک کنید. متن باقی خواهد ماند، اما نشانه گذاری معنایی حذف خواهد شد.
نمونه های واقعی
مستندات فنی
DOM به جاوااسکریپت اجازه می دهد با صفحات وب تعامل داشته باشد.
بیانیه های دسترس پذیری
سایت ما با WCAG 2.2 مطابقت دارد.
فناوری های سرور
جوملا بر پایه PHP اجرا می شود.
اصطلاحات عمومی وب
W3C استانداردهای وب را توسعه می دهد.
در هر مورد، مخفف تمیز و خوانا باقی می ماند در حالی که همچنان زمینه اضافی را فراهم می کند.
بهترین روش ها
- از
<abbr>در اولین باری که یک مخفف در محتوای شما ظاهر می شود استفاده کنید. - همیشه یک توضیح معنادار در ویژگی
titleارائه دهید. - از آن صرفاً برای راهنمای ابزار استفاده نکنید — باید نشان دهنده یک مخفف واقعی باشد.
- نوشتار خود را طبیعی نگه دارید. نشانه گذاری وضوح را افزایش می دهد بدون اینکه شلوغی اضافه کند.
سخن پایانی
دکمه های جدید مخفف در جوملا 6.1 نمونه کاملی از این هستند که چگونه ابزارهای ویرایشی کوچک می توانند تأثیر معناداری داشته باشند.
آن ها HTML معنایی بهتر را تشویق می کنند، دسترس پذیری را بهبود می بخشند و کمک می کنند تا اطمینان حاصل شود محتوای شما برای گسترده ترین مخاطبان ممکن قابل فهم است.
گاهی اوقات بهبودهای دسترس پذیری پیچیده هستند. این یکی فقط یک کلیک فاصله دارد.
استفاده از آن را در مطلب بعدی خود شروع کنید و به شفاف تر شدن وب برای همه کمک کنید.