Müyəssərlik Menyusu Səmərəli və Rahat İstifadə Üçün

Müyəssərlik menyusu, istifadəçilər üçün sürətli və rahat naviqasiya təmin edir. Bu menyu vasitəsilə vebsaytınıza daxil olan hər kəs daha səmərəli və intuitiv şəkildə vebsaytı idarə edə bilər.

Quraşdır
  • 18 funksiya
  • 4 dil
  • 1 sətir kod

Funksiyalar

Hər funksiyanı elə bu səhifədə sınayın: karta klikləyin, dəyişiklik dərhal tətbiq olunur.

Şrift ölçüsü

Mətni 10%-dən 200%-ə qədər kiçildin və ya böyüdün.

100%

Məzmun

Rəng

Eyni anda yalnız bir rəng rejimi aktiv ola bilər.

Alətlər

Quraşdırma

Parametrləri seçin, hazır kodu kopyalayıb saytınıza əlavə edin.

Ölçü
Kənardan məsafə (px)
  1. Atributları <html> teqinə əlavə edin

  2. Skripti </body> teqindən əvvəl yerləşdirin

    <script src="https://accessibility.cert.gov.az/acc-widget.min.js" defer></script>

Widget menyusunun dili lang atributundan götürülür. Saytınızın <html> teqində artıq lang varsa, onu saxlayıb yalnız data-accw-* atributlarını əlavə edin.

Azərbaycan Respublikası Nazirlər Kabinetinin Qərarı

Qanunvericilik tələbləri

“Dövlət orqanlarının internet informasiya ehtiyatlarının yaradılmasına və idarə edilməsinə dair Tələblər”in təsdiq edilməsi haqqında. Qərarın tam mətni (e-qanun.az)

11. İnternet informasiya ehtiyatlarının əlilliyi olan şəxslər üçün müyəssərliyinə dair tələblər

11.1. Əlilliyi olan şəxslərin informasiya ehtiyatlarından səmərəli şəkildə faydalanması və istifadəsi məqsədilə internet informasiya ehtiyatının müyəssərliyi “WCAG (Web Content Accessibility Guideline) 2.1” (Veb Məzmunun Müyəssərliyinə dair Təlimat) beynəlxalq standartına uyğun təmin edilməlidir.

11.2. İnternet informasiya ehtiyatının müyəssərliyi aşağıdakı tələblərə uyğun olmalıdır:

  1. 11.2.1. mətn olmayan kontent üçün mətn alternativləri, audio və videokontentlər üçün transkript, altyazılar, böyük şriftlərdən istifadə, şrift seçimi imkanları, rənglərin idarə olunması, simvollararası məsafə təmin edilməlidir;
  2. 11.2.2. zamanın tənzimlənməsi funksiyasının yaradılması, kontenti oxumaq və istifadə etmək üçün istifadəçilərə kifayət qədər vaxtın təmin edilməsi, proseslərin klaviaturadan idarə olunması mümkünlüyü, animasiyalı şəkillərin deaktiv edilməsi funksiyasının icra olunması, kontentin aydın və ardıcıl olması təmin edilməlidir;
  3. 11.2.3. oxunaqlı və başa düşülən dildən (üslubdan) istifadə olunmalıdır;
  4. 11.2.4. kontentin cari və sonradan yaradılan müxtəlif istifadəçi veb-brauzerlər və yardımçı texnologiyalar ilə tam uyğunluğu təmin edilməlidir.

Mənbə kodlarının müyəssərlik üçün optimallaşdırılması

Veb müyəssərliyi optimallaşdırmaq saytınızdan istifadə edə biləcək insanların sayını məhdudlaşdırmamağınızı təmin edir. Müyəssərlik təkcə görmə və ya eşitmə qüsuru olan istifadəçilərə kömək etmir, həm də saytın müxtəlif cihazlarda klaviatura ilə istifadəsinə şərait yaradır.

Aşağıdakı cədvəldə saytın müyəssərliyinə təsir edən yoxlamalar və onların balları verilib. Lighthouse bal sistemi

Lighthouse müyəssərlik yoxlamaları və təsir balları (10 — ən yüksək təsir)
YoxlamaTəsir
[accesskey] dəyərləri unikaldır7
[aria-*] atributları öz rollarına uyğun gəlir10
role="" üçün verilmiş dəyərlər keçərli ARIA rollarıdır1
button, link və menuitem elementlərinin əlçatan adları mövcuddur7
role="dialog" və ya role="alertdialog" atributları olan elementlərin əlçatan adları mövcuddur7
[aria-hidden="true"] <body> elementində mövcud deyil10
[aria-hidden="true"] atributuna malik olan elementlər fokuslana bilən alt elementlərə malik deyil7
ARIA inputlarının əlçatan adları mövcuddur7
ARIA meter elementlərinin əlçatan adları mövcuddur7
ARIA progressbar elementlərinin əlçatan adları mövcuddur7
[role]'lar bütün tələb olunan [aria-*] atributlarına malikdir10
Xüsusi alt elementlər tələb edən [role]'lu elementlər həmin alt elementlərə malikdir10
[role]'lar onların tələb olunan valideyn elementləri tərəfindən saxlanılır10
[role] dəyərləri keçərlidir7
role=text atributuna malik olan elementlər fokuslana bilən alt elementlərə malik deyil7
ARIA toggle sahələrinin əlçatan adları mövcuddur7
ARIA tooltip elementlərinin əlçatan adları mövcuddur7
ARIA treeitem elementlərinin əlçatan adları mövcuddur7
[aria-*] atributlarının keçərli dəyərləri mövcuddur10
[aria-*] atributları keçərli və düzgün yazılmışdır10
Düymələr əlçatan adlara malikdir10
Səhifədə başlıq, keçid linki və ya landmark bölgə mövcuddur7
Fon və ön plan rəngləri kifayət qədər kontrast nisbətinə malikdir7
<dl> yalnız düzgün sıralanmış <dt> və <dd> qrupları, <script>, <template> və ya <div> elementlərinə malikdir7
Tərif siyahısı elementləri <dl> elementi içərisində yazılır7
Sənədin <title> elementi mövcuddur7
Aktiv, fokuslana bilən elementlərdə [id] atributları unikaldır7
ARIA ID'ləri unikaldır10
Heç bir form sahəsinin birdən çox label'i yoxdur3
<frame> və <iframe> elementlərinin title atributu mövcuddur7
Başlıq elementləri ardıcıl azalan qaydada gəlir3
<html> elementinin [lang] atributu mövcuddur7
<html> elementinin [lang] atributu keçərli dəyərə malikdir7
<html> elementinin [xml:lang] atributu [lang] ilə eyni əsas dilə malikdir3
Şəkil elementlərinin [alt] atributları mövcuddur10
Şəkil elementlərinin lazımsız [alt] mətni yoxdur1
Input düymələri aydın mətnə malikdir10
<input type="image"> elementlərinin [alt] mətni mövcuddur10
Görünən mətn label'ı olan elementlərin əlçatan adı həmin mətnə uyğundur7
Form elementlərinin əlaqəli label elementləri mövcuddur7
Linklər yalnız rənglə fərqləndirilmir7
Linklərin görünən adı var7
Siyahılar yalnız <li> və skript dəstəkləyən elementlərdən (<script>, <template>) ibarətdir7
Siyahı elementləri (<li>) <ul>, <ol> və ya <menu> içərisində yerləşir7
Sənəd <meta http-equiv="refresh"> elementindən istifadə etmir10
<meta name="viewport"> elementində [user-scalable="no"] istifadə edilmir və [maximum-scale] 5-dən az deyil10
<object> elementlərinin alternativ mətni mövcuddur7
Select elementlərinin əlaqəli label elementləri var7
Keçid linkləri fokuslana biləndir3
Heç bir elementin [tabindex] dəyəri 0-dan böyük deyil7
Cədvəllərin summary atributu və <caption> elementi fərqli məzmuna malikdir1
Cədvəl başlığı üçün [colspan] əvəzinə <caption> istifadə olunur7
Böyük <table> elementlərindəki <td> xanalarının bir və ya daha çox başlığı var10
[headers] atributlu xanalar yalnız eyni cədvəldəki xanalara istinad edir7
<th> və [role="columnheader"/"rowheader"] elementlərinin təsvir etdiyi xanalar mövcuddur7
[lang] atributlarının keçərli dəyəri var7
<video> elementləri [kind="captions"] atributlu <track> elementinə malikdir10