{"id":27928,"date":"2026-08-19T02:14:44","date_gmt":"2026-08-19T02:14:44","guid":{"rendered":"https:\/\/umang.pk\/2026\/08\/19\/wcag-2-2-%da%a9%db%92-%d8%b3%d8%a7%d8%aa%da%be-%d9%85%d8%b2%db%8c%d8%af-%d9%82%d8%a7%d8%a8%d9%84-%d8%b1%d8%b3%d8%a7%d8%a6%db%8c-%d9%88%db%8c%d8%a8-%d8%b3%d8%a7%d8%a6%d9%b9-%da%a9%db%8c%d8%b3%db%92\/"},"modified":"2026-08-19T02:14:44","modified_gmt":"2026-08-19T02:14:44","slug":"wcag-2-2-%da%a9%db%92-%d8%b3%d8%a7%d8%aa%da%be-%d9%85%d8%b2%db%8c%d8%af-%d9%82%d8%a7%d8%a8%d9%84-%d8%b1%d8%b3%d8%a7%d8%a6%db%8c-%d9%88%db%8c%d8%a8-%d8%b3%d8%a7%d8%a6%d9%b9-%da%a9%db%8c%d8%b3%db%92","status":"publish","type":"post","link":"https:\/\/umang.pk\/en_us\/2026\/08\/19\/wcag-2-2-%da%a9%db%92-%d8%b3%d8%a7%d8%aa%da%be-%d9%85%d8%b2%db%8c%d8%af-%d9%82%d8%a7%d8%a8%d9%84-%d8%b1%d8%b3%d8%a7%d8%a6%db%8c-%d9%88%db%8c%d8%a8-%d8%b3%d8%a7%d8%a6%d9%b9-%da%a9%db%8c%d8%b3%db%92\/","title":{"rendered":"WCAG 2.2 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u0632\u06cc\u062f \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u06a9\u06cc\u0633\u06d2 \u0628\u0646\u0627\u0626\u06cc \u062c\u0627\u0626\u06d2\u06d4"},"content":{"rendered":"<div id=\"\">\n<p>\u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u0633\u062c\u06cc\u0644\u0627 \u0646\u0638\u0631 \u0622\u062a\u06cc \u06c1\u06d2 \u0627\u0648\u0631 \u0645\u0627\u0624\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0628\u0627\u0644\u06a9\u0644 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u067e\u06be\u0631 \u0628\u06be\u06cc \u06a9\u0686\u06be \u0644\u0648\u06af\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u0627 \u0645\u0634\u06a9\u0644 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0641\u0627\u0631\u0645 \u0635\u0631\u0641 \u0627\u06cc\u06a9 \u0627\u0634\u0627\u0631\u06d2 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0631\u0646\u06af \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u06a9\u0648\u0626\u06cc \u0645\u0633\u0626\u0644\u06c1 \u067e\u06cc\u0634 \u0622\u06cc\u0627 \u06c1\u06d2\u06d4 \u0627\u06cc\u06a9 \u0686\u0633\u067e\u0627\u06ba \u06c1\u06cc\u0688\u0631 \u0627\u0633 \u0639\u0646\u0635\u0631 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u0688\u06be\u0627\u0646\u067e \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u062c\u0633 \u067e\u0631 \u0641\u06cc \u0627\u0644\u062d\u0627\u0644 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u06c1\u06d2\u06d4 \u0627\u067e\u0646\u06d2 \u0644\u0627\u06af \u0627\u0646 \u0641\u0627\u0631\u0645 \u0645\u06cc\u06ba\u060c \u0622\u067e \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0627\u0646 \u06a9\u06d2 \u067e\u0627\u0633 \u0648\u0631\u0688 \u0645\u06cc\u0646\u06cc\u062c\u0631 \u0633\u06d2 \u067e\u0627\u0633 \u0648\u0631\u0688 \u0686\u0633\u067e\u0627\u06ba \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0631\u0648\u06a9 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06cc\u0627\u060c \u062c\u0628 \u0622\u067e \u0645\u0627\u0624\u0633 \u0633\u06d2 \u06a9\u0644\u06a9 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u0622\u067e \u06a9\u0627 \u062d\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0628\u0679\u0646 \u06a9\u0627\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u062c\u0628 \u0622\u067e \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u06a9\u0686\u06be \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u062a\u0631\u0642\u06cc\u0627\u062a\u06cc \u0641\u06cc\u0635\u0644\u06c1 \u06c1\u06d2\u060c \u0646\u06c1 \u0635\u0631\u0641 \u0627\u06cc\u06a9 \u0645\u0633\u0626\u0644\u06c1 \u062c\u0648 \u06a9\u06c1 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0622\u0688\u0679 \u06a9\u06d2 \u062f\u0648\u0631\u0627\u0646 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0648\u06cc\u0628 \u0645\u0648\u0627\u062f \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 (WCAG) \u0627\u0646 \u0645\u06cc\u06ba \u0633\u06d2 \u0628\u06c1\u062a \u0633\u06cc \u0631\u06a9\u0627\u0648\u0679\u0648\u06ba \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u0627\u0648\u0631 \u0627\u0646 \u06a9\u0648 \u06a9\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0639\u0627\u0645 \u0645\u0639\u06cc\u0627\u0631 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 WCAG 2.2 WCAG 2 \u06a9\u06cc \u062a\u0627\u0632\u06c1 \u062a\u0631\u06cc\u0646 \u0633\u0641\u0627\u0631\u0634 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0648\u0631\u0644\u0688 \u0648\u0627\u0626\u0688 \u0648\u06cc\u0628 \u06a9\u0646\u0633\u0648\u0631\u0634\u06cc\u0645 (W3C) \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u062c\u0628 \u0628\u06be\u06cc \u0645\u0645\u06a9\u0646 \u06c1\u0648 \u0688\u0648\u06cc\u0644\u067e\u0631\u0632 \u0627\u0648\u0631 \u062a\u0646\u0638\u06cc\u0645\u06cc\u06ba WCAG 2.2 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0645\u0636\u0645\u0648\u0646 \u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc 2.2 \u0644\u06cc\u0648\u0644 A \u0627\u0648\u0631 AA \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u067e\u0631 \u062a\u0648\u062c\u06c1 \u0645\u0631\u06a9\u0648\u0632 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0627\u06a9\u062b\u0631 \u0633\u0627\u0645\u0646\u06d2 \u06a9\u06cc \u062a\u0631\u0642\u06cc \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0645\u0642\u0635\u062f \u06cc\u06c1 \u0628\u062a\u0627\u0646\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u0633 \u0637\u0631\u062d \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u062a\u0642\u0627\u0636\u06d2 \u0633\u0627\u0645\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u062a\u0631\u0642\u06cc\u0627\u062a\u06cc \u0641\u06cc\u0635\u0644\u0648\u06ba \u0633\u06d2 \u062c\u0691\u06d2 \u06c1\u0648\u0626\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-table-of-contents\">\u0627\u0646\u0688\u06cc\u06a9\u0633<\/h2>\n<h2 id=\"heading-what-is-wcag-22\">WCAG 2.2 \u06a9\u06cc\u0627 \u06c1\u06d2\u061f<\/h2>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc <strong>\u0648\u06cc\u0628 \u0645\u0648\u0627\u062f \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637<\/strong>. W3C \u0627\u06cc\u0633\u06d2 \u0645\u0639\u06cc\u0627\u0631\u0627\u062a \u062a\u06cc\u0627\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u06cc\u06c1 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u0645\u0639\u0630\u0648\u0631 \u0627\u0641\u0631\u0627\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u0648\u06cc\u0628 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0645\u0632\u06cc\u062f \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc\u0633\u06d2 \u0628\u0646\u0627\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/p>\n<p>WCAG 2.2 \u062a\u0642\u0627\u0636\u0648\u06ba \u06a9\u0648 \u0627\u0635\u0648\u0644\u0648\u06ba\u060c \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 \u0627\u0648\u0631 \u0642\u0627\u0628\u0644 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u0645\u06cc\u06ba \u062a\u0631\u062a\u06cc\u0628 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc \u0633\u06d2 \u0622\u0632\u0627\u062f \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0627\u06c1\u0645 \u06c1\u06d2 \u06a9\u06cc\u0648\u0646\u06a9\u06c1 WCAG \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0627\u06cc\u0686 \u0679\u06cc \u0627\u06cc\u0645 \u0627\u06cc\u0644\u060c \u0631\u06cc \u0627\u06cc\u06a9\u0679\u060c \u0648\u0631\u0688\u067e\u0631\u06cc\u0633\u060c \u06cc\u0627 \u06a9\u0633\u06cc \u0627\u0648\u0631 \u0646\u0641\u0627\u0630 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0648\u062c\u0648\u062f \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u062f\u0631\u062c \u0630\u06cc\u0644 \u062f\u0631\u062c\u06c1 \u0628\u0646\u062f\u06cc \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">Principle: Operable\n\n    Guideline 2.1: Keyboard Accessible\n\n        Success Criterion 2.1.1: Keyboard\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0627\u0635\u0648\u0644 \u0648\u0633\u06cc\u0639 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0627\u06c1\u062f\u0627\u0641 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 \u0627\u0633 \u0645\u0642\u0635\u062f \u06a9\u0648 \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u0642\u0627\u0628\u0644 \u0627\u0645\u062a\u062d\u0627\u0646 \u062a\u0642\u0627\u0636\u06d2 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>W3C \u0648\u0633\u0627\u0626\u0644 \u0628\u06be\u06cc \u0634\u0627\u0626\u0639 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u06cc\u0633\u06d2 \u06a9\u06c1 WCAG 2.2 \u06a9\u0648 \u0633\u0645\u062c\u06be\u0646\u0627\u060c WCAG 2.2 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u067e\u0648\u0631\u0627 \u06a9\u0631\u06cc\u06ba\u060c \u0627\u0648\u0631 WCAG 2.2 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0632\u06d4 \u06cc\u06c1 \u0648\u0633\u0627\u0626\u0644 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u0648 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0639\u0645\u0644 \u062f\u0631\u0622\u0645\u062f \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06d2\u060c \u0645\u062b\u0627\u0644\u06cc\u06ba \u0627\u0648\u0631 \u0645\u0639\u0644\u0648\u0645 \u0646\u0627\u06a9\u0627\u0645\u06cc\u0627\u06ba \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06cc\u06c1 \u0646\u0633\u062e\u06c1 WCAG \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u06a9\u0627 \u062d\u0635\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u0644\u06cc\u06a9\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>W3C \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0627\u06cc\u06a9 \u0642\u0628\u0648\u0644 \u0634\u062f\u06c1 \u0637\u0631\u06cc\u0642\u06c1 \u062f\u06a9\u06be\u0627 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 WCAG \u06a9\u0648 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0627\u0633 \u062f\u0631\u0633\u062a \u062a\u06a9\u0646\u06cc\u06a9 \u06a9\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 \u062f\u06cc\u06af\u0631 \u0646\u0641\u0627\u0630\u0627\u062a \u0628\u06be\u06cc \u062f\u0631\u0633\u062a \u06c1\u0648 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u06af\u0631 \u0648\u06c1 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u062d\u0642\u06cc\u0642\u06cc \u0645\u0639\u06cc\u0627\u0631 \u067e\u0631 \u067e\u0648\u0631\u0627 \u0627\u062a\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-wcag-conformance-works\">WCAG \u0645\u0648\u0627\u0641\u0642\u062a \u06a9\u06cc\u0633\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4<\/h2>\n<p>WCAG \u0645\u0637\u0627\u0628\u0642\u062a \u06a9\u06cc \u062a\u06cc\u0646 \u0633\u0637\u062d\u0648\u06ba \u06a9\u06cc \u0648\u0636\u0627\u062d\u062a \u06a9\u0631\u062a\u0627 \u06c1\u06d2: <strong>A, A.A.<\/strong> \u0627\u0648\u0631 <strong>\u0627\u06d2 \u0627\u06d2 \u0627\u06d2<\/strong>.<\/p>\n<p>\u0633\u0637\u062d\u06cc\u06ba \u0627\u06cc\u06a9 \u062f\u0648\u0633\u0631\u06d2 \u067e\u0631 \u0628\u0646\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 \u0627\u06cc\u06a9 \u0635\u0641\u062d\u06c1 \u0635\u0631\u0641 AA \u06a9\u06d2 \u0646\u0634\u0627\u0646 \u0648\u0627\u0644\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u067e\u0631 \u067e\u0648\u0631\u0627 \u0627\u062a\u0631 \u06a9\u0631 \u0644\u06cc\u0648\u0644 AA \u06a9\u06cc \u062a\u0639\u0645\u06cc\u0644 \u06a9\u0627 \u062f\u0639\u0648\u06cc\u0670 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u0627\u06d4 \u062a\u0645\u0627\u0645 \u0642\u0627\u0628\u0644 \u0627\u0637\u0644\u0627\u0642 \u0644\u06cc\u0648\u0644 A \u0627\u0648\u0631 \u0644\u06cc\u0648\u0644 AA \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u067e\u0631 \u067e\u0648\u0631\u0627 \u0627\u062a\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4 \u0627\u0633\u06cc \u0637\u0631\u062d \u0633\u0637\u062d AAA \u0645\u06cc\u06ba A, AA\u060c \u0627\u0648\u0631 AAA \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u062a\u0641\u0631\u06cc\u0642 \u0627\u06c1\u0645 \u06c1\u06d2 \u06a9\u06cc\u0648\u0646\u06a9\u06c1 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u0628\u0627\u062a \u0686\u06cc\u062a \u0628\u0639\u0636 \u0627\u0648\u0642\u0627\u062a WCAG \u06a9\u0648 \u0627\u0646\u0641\u0631\u0627\u062f\u06cc \u062c\u0627\u0646\u0686 \u0645\u06cc\u06ba \u06a9\u0645 \u06a9\u0631 \u062f\u06cc\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u0645\u06cc\u0646\u0648 \u06a9\u06d2 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u06d2 \u062a\u0639\u0627\u0645\u0644 \u0645\u06cc\u06ba \u062a\u0631\u0645\u06cc\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u06cc\u06ba \u0645\u062a\u0628\u0627\u062f\u0644 \u0622\u0626\u0679\u0645\u0632 \u0634\u0627\u0645\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0645\u062a\u0639\u062f\u062f \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0648 \u062d\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631\u0686\u06c1 \u06cc\u06c1 \u0627\u06cc\u06a9 \u0645\u0641\u06cc\u062f \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0628\u06c1\u062a\u0631\u06cc \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u06cc\u06c1 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u0622\u067e \u06a9\u06cc \u067e\u0648\u0631\u06cc \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 &quot;WCAG AA \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642&#8221; \u0646\u06c1\u06cc\u06ba \u0628\u0646\u0627\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>WCAG \u0648\u0636\u0627\u062d\u062a\u06cc\u06ba \u067e\u0648\u0631\u06d2 \u0648\u06cc\u0628 \u0635\u0641\u062d\u0627\u062a \u067e\u0631 \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u06a9\u0633\u06cc \u0639\u0645\u0644 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u062a\u0639\u062f\u062f \u0635\u0641\u062d\u0627\u062a \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u060c \u062c\u06cc\u0633\u06d2 \u06a9\u06c1 \u0686\u06cc\u06a9 \u0622\u0624\u0679 \u06a9\u0627 \u0639\u0645\u0644\u060c \u062a\u0648 \u0627\u0633 \u0639\u0645\u0644 \u0645\u06cc\u06ba \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0627\u062a \u06a9\u0648 \u0686\u0627\u0631\u062c \u0634\u062f\u06c1 \u0644\u06cc\u0648\u0644 \u06a9\u06cc \u062a\u0639\u0645\u06cc\u0644 \u06a9\u0631\u0646\u06cc \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0644\u06c1\u0630\u0627\u060c \u0627\u0633 \u0645\u0636\u0645\u0648\u0646 \u0645\u06cc\u06ba \u062f\u06cc \u06af\u0626\u06cc \u0645\u062b\u0627\u0644\u06cc\u06ba \u06cc\u06c1 \u0628\u062a\u0627\u062a\u06cc \u06c1\u06cc\u06ba \u06a9\u06c1 \u06a9\u0633 \u0637\u0631\u062d \u0645\u062e\u0635\u0648\u0635 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4 \u06cc\u06c1 \u067e\u0648\u0631\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0648\u0632\u0648\u06ba \u06c1\u0648\u0646\u06d2 \u06a9\u0627 \u062f\u0639\u0648\u06cc\u0670 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627\u06d4<\/p>\n<h2 id=\"heading-how-the-four-wcag-principles-work\">WCAG \u06a9\u06d2 \u0686\u0627\u0631 \u0627\u0635\u0648\u0644 \u06a9\u06cc\u0633\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/h2>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u0627\u067e\u0646\u06d2 \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 \u06a9\u0648 \u0686\u0627\u0631 \u0627\u0635\u0648\u0644\u0648\u06ba \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06af\u0631\u0648\u067e \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u062c\u0646\u06c1\u06cc\u06ba \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0627\u0646 \u06a9\u06d2 \u0645\u062e\u0641\u0641\u0627\u062a \u0633\u06d2 \u06cc\u0627\u062f \u06a9\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2: <strong>\u0688\u0627\u0644\u0648<\/strong>: \u0642\u0627\u0628\u0644 \u0627\u062f\u0631\u0627\u06a9\u060c \u0642\u0627\u0628\u0644 \u0639\u0645\u0644\u060c \u0642\u0627\u0628\u0644 \u0641\u06c1\u0645\u060c \u0645\u0636\u0628\u0648\u0637\u06d4<\/p>\n<p><strong>\u0642\u0627\u0628\u0644 \u0641\u06c1\u0645<\/strong> \u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06c1\u06d2 \u06a9\u06c1 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0622\u067e \u06a9\u06cc \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062f\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u067e\u06c1\u0686\u0627\u0646\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4 \u0645\u062a\u0646 \u06a9\u0627 \u0645\u062a\u0628\u0627\u062f\u0644\u060c \u06a9\u06cc\u067e\u0634\u0646\u060c \u06a9\u0646\u0679\u0631\u0627\u0633\u0679\u060c \u0627\u0648\u0631 \u0627\u0646\u06a9\u0648\u0644\u06cc \u0644\u06d2 \u0622\u0624\u0679 \u0627\u0633 \u0627\u0635\u0648\u0644 \u06a9\u06d2 \u062a\u062d\u062a \u0622\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p><strong>\u0642\u0627\u0628\u0644 \u0639\u0645\u0644<\/strong> \u06cc\u06c1 \u0627\u0633 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u0644\u0648\u06af \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u0633 \u0637\u0631\u062d \u062a\u0639\u0627\u0645\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0645\u062b\u0627\u0644\u0648\u06ba \u0645\u06cc\u06ba \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0622\u067e\u0631\u06cc\u0634\u0646\u060c \u0641\u0648\u06a9\u0633 \u0628\u0631\u062a\u0627\u0624\u060c \u0646\u06cc\u0648\u06cc\u06af\u06cc\u0634\u0646\u060c \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u06a9\u0627 \u062a\u0639\u0627\u0645\u0644\u060c \u0627\u0648\u0631 \u0679\u0627\u0626\u0645\u0646\u06af \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p><strong>\u0642\u0627\u0628\u0644 \u0641\u06c1\u0645<\/strong> \u06cc\u06c1 \u0627\u0633 \u0628\u0627\u062a \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u06c1\u06d2 \u06a9\u06c1 \u0622\u06cc\u0627 \u0635\u0627\u0631\u0641 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u0633\u0645\u062c\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06cc\u0633\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u0633 \u0645\u06cc\u06ba \u0641\u0627\u0631\u0645 \u06a9\u06cc \u06c1\u062f\u0627\u06cc\u0627\u062a\u060c \u06a9\u0627\u0631\u0622\u0645\u062f \u063a\u0644\u0637\u06cc \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a\u060c \u0642\u0627\u0628\u0644 \u067e\u06cc\u0634\u0646 \u06af\u0648\u0626\u06cc \u0627\u0646\u0679\u0631\u0641\u06cc\u0633\u060c \u0627\u0648\u0631 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u062a\u0635\u062f\u06cc\u0642 \u0634\u0627\u0645\u0644 \u06c1\u06d2\u06d4<\/p>\n<p><strong>\u0645\u0636\u0628\u0648\u0637<\/strong> \u06cc\u06c1 \u0627\u0633 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u0622\u06cc\u0627 \u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u0648\u0631 \u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0632 \u0645\u0648\u0627\u062f \u06a9\u06cc \u0635\u062d\u06cc\u062d \u062a\u0634\u0631\u06cc\u062d \u06a9\u0631 \u0633\u06a9\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 \u0633\u06cc\u0645\u0646\u0679\u06a9 \u0627\u06cc\u0686 \u0679\u06cc \u0627\u06cc\u0645 \u0627\u06cc\u0644\u060c \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645\u060c \u06a9\u0631\u062f\u0627\u0631\u060c \u0627\u0642\u062f\u0627\u0631 \u0627\u0648\u0631 \u0631\u06cc\u0627\u0633\u062a \u0627\u0633 \u0627\u0635\u0648\u0644 \u06a9\u06d2 \u0645\u0631\u06a9\u0632 \u0645\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06af\u0631\u0686\u06c1 \u06cc\u06c1 \u0632\u0645\u0631\u06d2 \u06a9\u0627\u0631\u0622\u0645\u062f \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644 \u0634\u0627\u0630 \u0648 \u0646\u0627\u062f\u0631 \u06c1\u06cc HTML\u060c CSS \u0627\u0648\u0631 JavaScript \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u062d\u062f\u0648\u062f \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06cc\u06a9 \u062d\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0688\u0631\u0627\u067e \u0688\u0627\u0624\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0627\u0631\u06a9 \u0627\u067e \u0645\u06cc\u06ba \u0633\u06cc\u0645\u0646\u0679\u06a9 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c CSS \u0645\u06cc\u06ba \u0645\u0631\u0626\u06cc \u0641\u0648\u06a9\u0633 \u0627\u0633\u0679\u0627\u0626\u0644\u060c \u06cc\u0627 JavaScript \u0645\u06cc\u06ba \u062f\u0631\u0633\u062a \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0631\u0648\u06cc\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u06c1\u0630\u0627\u060c \u0631\u0633\u0627\u0626\u06cc \u0628\u06c1\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2 \u062c\u0628 \u06cc\u06c1 \u062a\u0631\u0642\u06cc \u06a9\u06d2 \u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0627\u06cc\u06a9 \u0627\u0644\u06af \u06a9\u0627\u0645 \u06c1\u0648\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u062e\u0648\u062f \u0639\u0645\u0644 \u062f\u0631\u0622\u0645\u062f \u06a9\u0627 \u062d\u0635\u06c1 \u0628\u0646\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-start-with-semantic-html\">\u0633\u06cc\u0645\u0646\u0679\u06a9 \u0627\u06cc\u0686 \u0679\u06cc \u0627\u06cc\u0645 \u0627\u06cc\u0644 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u06cc\u0633\u06d2 \u0634\u0631\u0648\u0639 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/h2>\n<p>ARIA \u0644\u06a9\u06be\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0641\u06cc\u0635\u0644\u0648\u06ba \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u0635\u062d\u06cc\u062d HTML \u0639\u0646\u0627\u0635\u0631 \u06a9\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><p>Submit<\/p>\n<\/code><\/pre>\n<p>\u0645\u0627\u0624\u0633 \u0635\u0627\u0631\u0641\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u067e\u0631 \u06a9\u0644\u06a9 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 <code>div<\/code> \u06cc\u06c1 \u0628\u0679\u0646 \u06a9\u06cc \u0637\u0631\u062d \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u06a9\u0627\u0645 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u0627 \u0627\u0633 \u0633\u06d2 \u0645\u0648\u0627\u0632\u0646\u06c1 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><button type=\"submit\">Submit<\/button>\n<\/code><\/pre>\n<p>\u0645\u0642\u0627\u0645\u06cc <code>button<\/code> \u06cc\u06c1 \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u06c1\u06cc \u0627\u0633 \u06a9\u0631\u062f\u0627\u0631 \u06a9\u0648 \u0628\u0631\u0627\u0624\u0632\u0631 \u062a\u06a9 \u067e\u06c1\u0646\u0686\u0627\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u0627 \u0645\u062a\u0648\u0642\u0639 \u0631\u0648\u06cc\u06c1 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u0627 \u062a\u0639\u0644\u0642 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 4.1.2 \u0646\u0627\u0645\u0648\u06ba\u060c \u06a9\u0631\u062f\u0627\u0631\u0648\u06ba\u060c \u0627\u0642\u062f\u0627\u0631 \u0633\u06d2 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0646\u0627\u0645 \u0627\u0648\u0631 \u06a9\u0631\u062f\u0627\u0631 \u062c\u06cc\u0633\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u067e\u0631\u0648\u06af\u0631\u0627\u0645 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0635\u0627\u0631\u0641 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u0627\u062c\u0632\u0627\u0621 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 W3C \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0627\u0633 \u0645\u06cc\u06ba \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u062a\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u067e\u06c1\u0644\u06d2 \u06c1\u06cc \u0688\u0648\u06cc\u0644\u067e\u0631\u0632 \u06a9\u0648 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc \u062c\u0627\u062a\u06cc \u06c1\u06cc\u06ba \u062c\u0628 \u0648\u06c1 \u062a\u0635\u0631\u06cc\u062d \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u0645\u0639\u06cc\u0627\u0631\u06cc \u06a9\u0646\u0679\u0631\u0648\u0644 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0639\u0645\u0644\u06cc \u0645\u0636\u0645\u0631\u0627\u062a \u0633\u0627\u062f\u06c1 \u06c1\u06cc\u06ba\u06d4 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06d2 \u0631\u0648\u06cc\u06d2 \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u067e\u06cc\u0634 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0636\u0631\u0648\u0631\u06cc \u0646\u06c1 \u06c1\u0648\u06d4<\/p>\n<h3 id=\"heading-how-semantic-html-communicates-page-structure\">\u0633\u06cc\u0645\u0646\u0679\u06a9 HTML \u0635\u0641\u062d\u06c1 \u06a9\u06cc \u0633\u0627\u062e\u062a \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u067e\u06c1\u0646\u0686\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/h3>\n<p>\u0633\u06cc\u0645\u0646\u0679\u06a9 \u0627\u06cc\u0686 \u0679\u06cc \u0627\u06cc\u0645 \u0627\u06cc\u0644 \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u062d\u0635\u0648\u06ba \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u062a\u0639\u0644\u0642\u0627\u062a \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0628\u06be\u06cc \u0645\u062f\u062f \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u0627\u0633 \u0637\u0631\u062d \u0627\u06cc\u06a9 \u0635\u0641\u062d\u06c1 \u0628\u0646\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><p>\n  ...\n<\/p>\n\n<p>\n  ...\n<\/p>\n\n\n<\/code><\/pre>\n<p>\u06a9\u0644\u0627\u0633\u06cc\u06ba \u0627\u067e\u0646\u06cc \u0645\u0631\u0636\u06cc \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u06a9\u0648\u0626\u06cc \u0628\u06be\u06cc \u0628\u0635\u0631\u06cc \u062a\u0631\u062a\u06cc\u0628 \u0628\u0646\u0627 \u0633\u06a9\u062a\u06cc \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0636\u0631\u0648\u0631\u06cc \u0646\u06c1\u06cc\u06ba \u06a9\u06c1 \u0648\u06c1 \u0627\u06cc\u06a9 \u06c1\u06cc \u0688\u06be\u0627\u0646\u0686\u06d2 \u06a9\u0648 \u067e\u0631\u0648\u06af\u0631\u0627\u0645 \u06a9\u06d2 \u0644\u062d\u0627\u0638 \u0633\u06d2 \u067e\u0627\u0633 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u0639\u0646\u06cc \u062e\u06cc\u0632 \u0633\u0627\u062e\u062a \u06cc\u06c1 \u06c1\u0648\u06af\u06cc:<\/p>\n<pre><code class=\"language-html\"><header>\n  ...\n<\/header>\n\n<nav aria-label=\"Primary\">\n  ...\n<\/nav>\n\n<main id=\"main-content\">\n  \n  ...\n<\/main>\n<\/code><\/pre>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.3.1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0648\u0631 \u062a\u0639\u0644\u0642\u0627\u062a \u06a9\u0627 \u062a\u0642\u0627\u0636\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0628\u0635\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0628\u062a\u0627\u0626\u06d2 \u06af\u0626\u06d2 \u0688\u06be\u0627\u0646\u0686\u06d2 \u0627\u0648\u0631 \u062a\u0639\u0644\u0642\u0627\u062a \u067e\u0631\u0648\u06af\u0631\u0627\u0645 \u06a9\u06d2 \u0644\u062d\u0627\u0638 \u0633\u06d2 \u0642\u0627\u0628\u0644 \u062a\u0639\u06cc\u0646 \u06c1\u0648\u06ba \u06cc\u0627 \u0645\u062a\u0646 \u0645\u06cc\u06ba \u0628\u06be\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628 \u06c1\u0648\u06ba\u06d4 \u0633\u06cc\u0645\u0646\u0679\u06a9 \u0645\u0627\u0631\u06a9 \u0627\u067e \u06cc\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u0628\u063a\u06cc\u0631 \u0688\u06cc\u0648\u0644\u067e\u0631\u0632 \u06a9\u0648 \u0627\u0636\u0627\u0641\u06cc \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062a\u062e\u0644\u06cc\u0642 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u0622\u067e \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba: <code><main\/><\/code>\u060c <code><\/p>\n<nav\/><\/code>\u0627\u0648\u0631 <code\/> automatically makes a page accessible. It means you&#8217;re giving the browser more accurate information about what the content represents.<\/p>\n<h3 id=\"heading-how-to-add-a-skip-link\">How to Add a Skip Link<\/h3>\n<p>Repeated page navigation creates another issue.<\/p>\n<p>If a page has a large navigation menu, a keyboard user may otherwise need to move through those links every time before reaching the main content.<\/p>\n<p>A skip link provides another path:<\/p>\n<pre><code class=\"language-html\">\n  Skip to main content\n\n\n<header>\n  ...\n<\/header>\n\n<nav aria-label=\"Primary\">\n  ...\n<\/nav>\n\n<main id=\"main-content\">\n  ...\n<\/main>\n<\/code><\/pre>\n<p>\u0622\u067e \u0644\u0646\u06a9\u0633 \u06a9\u0648 \u0645\u0631\u06a9\u0632\u06cc \u0645\u0646\u0638\u0631 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0631\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0648\u06c1 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u062d\u0627\u0635\u0644 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-css\">.skip-link {\n  position: absolute;\n  top: -4rem;\n  left: 1rem;\n}\n\n.skip-link:focus {\n  top: 1rem;\n}\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0627\u0646 \u0637\u0631\u06cc\u0642\u0648\u06ba \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u06c1\u06d2 \u062c\u0648 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 2.4.1 \u0628\u0644\u0627\u06a9\u0646\u06af \u06a9\u0648 \u0646\u0638\u0631\u0627\u0646\u062f\u0627\u0632 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062c\u0627\u0646\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u060c \u062c\u0633 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0628\u0627\u0631 \u0628\u0627\u0631 \u0628\u0644\u0627\u06a9\u0633 \u06a9\u0648 \u0646\u0638\u0631\u0627\u0646\u062f\u0627\u0632 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 \u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u06a9\u0648 \u062f\u0631\u0633\u062a \u0633\u06cc \u0627\u06cc\u0633 \u0627\u06cc\u0633 \u06a9\u06d2 \u0646\u0641\u0627\u0630 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0648\u0633\u06cc\u0639 \u062a\u0631 \u0627\u0635\u0648\u0644 \u06a9\u0648 \u0628\u0631\u0642\u0631\u0627\u0631 \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u06d2\u06d4 <strong>\u0627\u067e\u0646\u06cc \u0645\u0631\u0636\u06cc \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u0633\u06cc\u0645\u0646\u0679\u06a9\u0633 \u06a9\u0648 \u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 HTML \u06a9\u06d2 \u0645\u0648\u062c\u0648\u062f\u06c1 \u0633\u06cc\u0645\u0646\u0679\u06a9\u0633 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/strong>.<\/p>\n<h2 id=\"heading-how-to-write-useful-text-alternatives-for-images\">\u062a\u0635\u0627\u0648\u06cc\u0631 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0641\u06cc\u062f \u0645\u062a\u0646 \u06a9\u06d2 \u0645\u062a\u0628\u0627\u062f\u0644 \u06a9\u06cc\u0633\u06d2 \u0628\u0646\u0627\u0626\u06cc\u06ba<\/h2>\n<p>\u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u0627 <code>alt<\/code> \u0645\u062a\u0646 \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0633\u0628 \u0633\u06d2 \u0645\u0634\u06c1\u0648\u0631 \u0637\u0631\u06cc\u0642\u0648\u06ba \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0642\u0648\u0627\u0639\u062f \u06a9\u0648 \u0627\u06a9\u062b\u0631 \u062d\u062f \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0622\u0633\u0627\u0646 \u0628\u0646\u0627\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.1.1 \u063a\u06cc\u0631 \u0645\u062a\u0646\u06cc \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u063a\u06cc\u0631 \u0645\u062a\u0646\u06cc \u0645\u0648\u0627\u062f \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2 \u062c\u0633 \u0645\u06cc\u06ba \u0645\u062a\u0646 \u06a9\u0627 \u0645\u062a\u0628\u0627\u062f\u0644 \u06c1\u0648 \u062c\u0648 \u06a9\u0686\u06be \u0645\u0633\u062a\u062b\u0646\u06cc\u0627\u062a \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u0633\u06cc \u0645\u0642\u0635\u062f \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u0631\u062a\u0627 \u06c1\u0648\u06d4 \u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u06a9\u0627\u0633\u0645\u06cc\u0679\u06a9 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0644\u0627\u06af\u0648 \u06a9\u06cc\u0627 \u062c\u0627\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2 \u062a\u0627\u06a9\u06c1 \u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0632 \u0627\u0633\u06d2 \u0646\u0638\u0631 \u0627\u0646\u062f\u0627\u0632 \u06a9\u0631 \u0633\u06a9\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06c1\u0645 \u0627\u0644\u0641\u0627\u0638 \u06cc\u06c1 \u06c1\u06cc\u06ba\u06d4 <strong>\u0645\u0642\u0635\u062f<\/strong>.<\/p>\n<p>\u0645\u0646\u062f\u0631\u062c\u06c1 \u0630\u06cc\u0644 \u062a\u0635\u0648\u06cc\u0631 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><img decoding=\"async\" src=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-more-accessible-websites-with-wcag-2-2\/revenue-chart.png\" alt=\"\u0686\u0627\u0631\u0679\" title=\"\">\n<\/code><\/pre>\n<p>\u0627\u06cc\u06a9 \u0645\u062a\u0628\u0627\u062f\u0644 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0645\u0637\u0644\u0639 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2 \u06a9\u06c1 \u0635\u0641\u062d\u06c1 \u0627\u06cc\u06a9 \u0686\u0627\u0631\u0679 \u067e\u0631 \u0645\u0634\u062a\u0645\u0644 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u06a9\u0686\u06be \u0628\u06be\u06cc \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u0627 \u062c\u0648 \u0686\u0627\u0631\u0679 \u062d\u0642\u06cc\u0642\u062a \u0645\u06cc\u06ba \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0627\u0635\u0644 \u067e\u06cc\u063a\u0627\u0645 \u0622\u0645\u062f\u0646\u06cc \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u0645\u062a\u0628\u0627\u062f\u0644 \u06cc\u06c1 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><img decoding=\"async\" src=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-more-accessible-websites-with-wcag-2-2\/revenue-chart.png\" alt=\"\u0622\u0645\u062f\u0646\u06cc 2024 \u0645\u06cc\u06ba \u00a31.2 \u0645\u0644\u06cc\u0646 \u0633\u06d2 \u0628\u0691\u06be \u06a9\u0631 2025 \u0645\u06cc\u06ba \u00a31.8 \u0645\u0644\u06cc\u0646 \u06c1\u0648 \u06af\u0626\u06cc\u06d4\" title=\"\">\n<\/code><\/pre>\n<p>\u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u06c1\u0631 \u0686\u0627\u0631\u0679 \u06a9\u0648 \u0627\u06cc\u06a9 \u062c\u0645\u0644\u06d2 \u062a\u06a9 \u06a9\u0645 \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u0686\u0627\u0631\u0679 \u0645\u06cc\u06ba \u0645\u062a\u0639\u062f\u062f \u0688\u06cc\u0679\u0627 \u0633\u06cc\u0631\u06cc\u0632 \u06cc\u0627 \u062a\u0641\u0635\u06cc\u0644\u06cc \u0642\u062f\u0631\u06cc\u06ba \u06c1\u06cc\u06ba \u062c\u0646 \u06a9\u06cc \u0642\u0627\u0631\u0626\u06cc\u0646 \u06a9\u0648 \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u060c \u062a\u0648 \u0622\u067e \u06a9\u0648 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u067e\u06c1\u0646\u0686\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0642\u0631\u06cc\u0628\u06cc \u062a\u0641\u0635\u06cc\u0644\u060c \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0645\u06cc\u0632\u06cc\u06ba\u060c \u06cc\u0627 \u062f\u06cc\u06af\u0631 \u0637\u0631\u06cc\u0642\u0648\u06ba \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u062a\u0628\u0627\u062f\u0644 \u06a9\u0648 \u0627\u0633 \u0628\u0627\u062a \u06a9\u06cc \u0639\u06a9\u0627\u0633\u06cc \u06a9\u0631\u0646\u06cc \u0686\u0627\u06c1\u0626\u06d2 \u06a9\u06c1 \u062a\u0635\u0648\u06cc\u0631 \u0627\u067e\u0646\u06d2 \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u0645\u06cc\u06ba \u06a9\u06cc\u0627 \u06a9\u0631\u062f\u0627\u0631 \u0627\u062f\u0627 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-handle-decorative-images\">\u0622\u0631\u0627\u0626\u0634\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u067e\u0631 \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h3>\n<p>\u0622\u0631\u0627\u0626\u0634\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u06a9\u06d2 \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0628\u0635\u0631\u06cc \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0631\u0646\u06d2 \u0648\u0627\u0644\u0648\u06ba \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><img decoding=\"async\" src=\"https:\/\/www.freecodecamp.org\/news\/how-to-build-more-accessible-websites-with-wcag-2-2\/decorative-line.svg\" alt=\"\" title=\"\">\n<\/code><\/pre>\n<p>\u062e\u0627\u0644\u06cc <code>alt<\/code> \u0627\u06cc\u06a9 \u0642\u062f\u0631 \u0628\u062a\u0627\u062a\u06cc \u06c1\u06d2 \u06a9\u06c1 \u062a\u0635\u0648\u06cc\u0631 \u0648\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0631\u0627\u06c1\u0645 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u06cc \u062c\u0633 \u06a9\u0627 \u0627\u0633\u06d2 \u0627\u0639\u0644\u0627\u0646 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0644\u0627\u067e\u062a\u06c1 <code>alt<\/code> \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0627\u0648\u0631 <code>alt=\"\"<\/code> \u0644\u06c1\u0630\u0627\u060c \u0648\u06c1 \u0642\u0627\u0628\u0644 \u062a\u0628\u0627\u062f\u0644\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4 \u062e\u0627\u0644\u06cc \u0645\u062a\u0628\u0627\u062f\u0644 \u0627\u06cc\u06a9 \u062f\u0627\u0646\u0633\u062a\u06c1 \u0641\u06cc\u0635\u0644\u06c1 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-handle-icons-inside-controls\">\u0622\u0626\u06cc\u06a9\u0646\u0632 \u06a9\u0648 \u06a9\u0646\u0679\u0631\u0648\u0644 \u06a9\u06d2 \u0627\u0646\u062f\u0631 \u06a9\u06cc\u0633\u06d2 \u06c1\u06cc\u0646\u0688\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u0627\u0628 \u0627\u06cc\u06a9 \u0633\u0631\u0686 \u0628\u0679\u0646 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u062c\u0633 \u0645\u06cc\u06ba \u0645\u06cc\u06af\u0646\u0641\u0627\u0626\u0646\u06af \u06af\u0644\u0627\u0633 SVG \u06c1\u0648\u06d4<\/p>\n<p>\u0645\u062a\u0639\u0644\u0642\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u0635\u0627\u0631\u0641 \u0645\u06cc\u06af\u0646\u0641\u0627\u0626\u0646\u06af \u06af\u0644\u0627\u0633 \u06a9\u0648 \u062f\u06cc\u06a9\u06be \u0631\u06c1\u0627 \u06c1\u06d2\u06d4 \u0627\u06c1\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u0646\u0679\u0631\u0648\u0644 \u062a\u0644\u0627\u0634 \u06a9\u0631\u0646\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0631 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-html\"><button type=\"submit\" aria-label=\"Search\">\n  <svg aria-hidden=\"true\" viewbox=\"0 0 24 24\">\n    <path d=\"M10 4a6 6 0 1 0 0 12a6 6 0 0 0 0-12Z\"\/>\n    <path d=\"m14.5 14.5 5 5\"\/>\n  <\/svg>\n<\/button>\n<\/code><\/pre>\n<p>\u0628\u0679\u0646 \u06a9\u0648 \u0627\u06cc\u06a9 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645 \u0645\u0644\u062a\u0627 \u06c1\u06d2\u06d4 <code>Search<\/code>SVG \u062e\u0648\u062f \u0641\u0627\u0644\u062a\u0648 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0634\u0627\u0645\u0644 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 \u0641\u06cc\u0635\u0644\u06c1 \u06a9\u0631\u062a\u06d2 \u0648\u0642\u062a \u06a9\u06c1 \u06a9\u0648\u0646 \u0633\u0627 \u0645\u062a\u0628\u0627\u062f\u0644 \u067e\u06cc\u0634 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u060c \u0627\u0633 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u062f\u062f\u06af\u0627\u0631 \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u0648\u0686\u06be\u06cc\u06ba \u06a9\u06c1 &quot;\u06cc\u06c1 \u062a\u0635\u0648\u06cc\u0631 \u06a9\u06cc\u0633\u06cc \u0646\u0638\u0631 \u0622\u062a\u06cc \u06c1\u06d2\u061f&#8221;<\/p>\n<p>\u067e\u0648\u0686\u06be\u06cc\u06ba: <strong>\u0627\u06af\u0631 \u06cc\u06c1 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0635\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0642\u0627\u0628\u0644 \u0634\u0646\u0627\u062e\u062a \u0646\u06c1 \u06c1\u0648 \u062a\u0648 \u0635\u0627\u0631\u0641 \u06a9\u0648\u0646 \u0633\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06cc\u0627 \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u06be\u0648 \u062f\u06d2 \u06af\u0627\u061f<\/strong> \u0631\u0633\u0627\u0626\u06cc \u06a9\u0648 \u0644\u0627\u06af\u0648 \u06a9\u0631\u062a\u06d2 \u0648\u0642\u062a \u06cc\u06c1 \u0641\u0631\u0642 \u0627\u06c1\u0645 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-handle-colour-contrast-text-resizing-and-reflow\">\u0631\u0646\u06af\u060c \u06a9\u0646\u0679\u0631\u0627\u0633\u0679\u060c \u0679\u06cc\u06a9\u0633\u0679 \u0627\u0633\u06a9\u06cc\u0644\u0646\u06af\u060c \u0627\u0648\u0631 \u0631\u06cc \u0641\u0644\u0648 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u06c1\u06cc\u0646\u0688\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>\u0631\u0633\u0627\u0626\u06cc \u0639\u0627\u0645 CSS \u0641\u06cc\u0635\u0644\u0648\u06ba \u06a9\u0648 \u0628\u06be\u06cc \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u06a9\u0627 \u0644\u06d2 \u0622\u0624\u0679 \u0622\u067e \u06a9\u06d2 \u0645\u0637\u0644\u0648\u0628\u06c1 \u0648\u06cc\u0648 \u067e\u0648\u0631\u0679 \u0633\u0627\u0626\u0632 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u062f\u0631\u0633\u062a \u0646\u0638\u0631 \u0622 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0634\u062e\u0635 \u0645\u0648\u0627\u062f \u06a9\u06cc \u0646\u0645\u0627\u0626\u0634 \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06d2 \u06a9\u0648 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062a\u0648 \u0627\u0633\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u0627 \u0645\u0634\u06a9\u0644 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-avoid-relying-only-on-colour\">\u0635\u0631\u0641 \u0631\u0646\u06af \u067e\u0631 \u0628\u06be\u0631\u0648\u0633\u06c1 \u06a9\u06cc\u0633\u06d2 \u0646\u06c1 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/h3>\n<p>\u0627\u06cc\u06a9 \u0641\u0627\u0631\u0645 \u06a9\u0627 \u062a\u0635\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u062c\u0648 \u0627\u0646 \u067e\u0679 \u0628\u0627\u0631\u0688\u0631 \u06a9\u0648 \u0628\u06be\u0648\u0631\u06cc \u0631\u0646\u06af \u0633\u06d2 \u0633\u0631\u062e \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0628 \u062a\u0648\u062b\u06cc\u0642 \u0646\u0627\u06a9\u0627\u0645 \u06c1\u0648\u062c\u0627\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-css\">.input {\n  border: 1px solid #777;\n}\n\n.input.error {\n  border-color: red;\n}\n<\/code><\/pre>\n<p>\u0631\u0646\u06af \u06cc\u06c1 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u0686\u06be \u0628\u062f\u0644 \u06af\u06cc\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u062d\u0627\u0644\u062a \u06a9\u0648 \u0633\u0645\u062c\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0631\u0646\u06af \u06a9\u06d2 \u0641\u0631\u0642 \u06a9\u0648 \u0633\u0645\u062c\u06be\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.1 \u0631\u0646\u06af \u0635\u0631\u0641 \u0628\u0635\u0631\u06cc \u0630\u0631\u06cc\u0639\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2 \u062c\u0648 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u067e\u06c1\u0646\u0686\u0627\u0646\u06d2\u060c \u06a9\u0633\u06cc \u0639\u0645\u0644 \u06a9\u06cc \u0646\u0634\u0627\u0646\u062f\u06c1\u06cc \u06a9\u0631\u0646\u06d2\u060c \u0631\u062f\u0639\u0645\u0644 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0646\u06d2\u060c \u06cc\u0627 \u0628\u0635\u0631\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u06cc\u06ba \u0641\u0631\u0642 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/p>\n<p>\u0628\u06c1\u062a\u0631 \u0639\u0645\u0644 \u062f\u0631\u0622\u0645\u062f \u0633\u0679\u0627\u0626\u0644 \u06a9\u0648 \u0627\u0635\u0644 \u0645\u062a\u0646 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u0644\u0627\u0646\u06d2 \u06a9\u06cc \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-html\"><label for=\"email\">Email address<\/label>\n\n<input id=\"email\" name=\"email\" type=\"email\" aria-invalid=\"true\" aria-describedby=\"email-error\"\/>\n\n<p id=\"email-error\">\n  Enter an email address in the format name@example.com.\n<\/p>\n<\/code><\/pre>\n<p>\u0622\u067e \u0627\u0628 \u0628\u06be\u06cc \u0633\u0631\u062e \u0628\u0627\u0631\u0688\u0631 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0635\u0631\u0641 \u067e\u06cc\u063a\u0627\u0645 \u0646\u06c1 \u067e\u06c1\u0646\u0686\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-check-text-contrast\">\u0645\u062a\u0646 \u06a9\u06d2 \u062a\u0636\u0627\u062f \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0686\u06cc\u06a9 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.3 \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645) \u06a9\u0627 \u062a\u0642\u0627\u0636\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0633\u0627\u062f\u06c1 \u0645\u062a\u0646 \u06a9\u0627 \u062a\u0646\u0627\u0633\u0628 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u06c1\u0648\u06d4 <strong>4.5:1<\/strong>. \u0645\u0646\u0627\u0633\u0628 \u0628\u0691\u06d2 \u0645\u062a\u0646 \u06a9\u0627 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u062a\u0646\u0627\u0633\u0628 \u06cc\u06c1 \u06c1\u06d2: <strong>3:1<\/strong>\u0645\u0639\u06cc\u0627\u0631 \u067e\u0631 \u0645\u0633\u062a\u062b\u0646\u06cc\u0627\u062a \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0635\u0631\u0641 \u0631\u0646\u06af \u0633\u06d2 \u062a\u0636\u0627\u062f \u06a9\u0627 \u0641\u06cc\u0635\u0644\u06c1 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4 \u0627\u06cc\u06a9 \u0688\u0633\u067e\u0644\u06d2 \u067e\u0631 \u062f\u0648 \u0631\u0646\u06af \u06a9\u0627\u0641\u06cc \u0645\u062e\u062a\u0644\u0641 \u062f\u06a9\u06be\u0627\u0626\u06cc \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0686\u0627\u06c1\u06d2 \u062a\u0646\u0627\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0633\u06d2 \u06a9\u0645 \u06c1\u0648\u06d4 \u0627\u067e\u0646\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u0627\u0648\u0631 \u062a\u0631\u0642\u06cc \u06a9\u06d2 \u0639\u0645\u0644 \u06a9\u06d2 \u062d\u0635\u06d2 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u062a\u06cc\u0627\u0631\u06cc \u06a9\u06d2 \u0679\u06cc\u0633\u0679\u0646\u06af \u0679\u0648\u0644\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-non-text-contrast-differs-from-text-contrast\">\u063a\u06cc\u0631 \u0645\u062a\u0646 \u06a9\u06d2 \u062a\u0636\u0627\u062f \u0627\u0648\u0631 \u0645\u062a\u0646 \u06a9\u06d2 \u0628\u0631\u0639\u06a9\u0633 \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u0641\u0631\u0642<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.11 \u063a\u06cc\u0631 \u0645\u062a\u0646\u06cc \u062a\u0636\u0627\u062f \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u0627\u062c\u0632\u0627\u0621\u060c \u062d\u0627\u0644\u062a\u0648\u06ba\u060c \u0627\u0648\u0631 \u0645\u0639\u0646\u06cc \u062e\u06cc\u0632 \u06af\u0631\u0627\u0641\u06cc\u06a9\u0644 \u0627\u0634\u06cc\u0627\u0621 \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0631\u06a9\u0627\u0631 \u0628\u0635\u0631\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u0627\u06cc\u0688\u0631\u06cc\u0633 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0645\u0637\u0644\u0648\u0628\u06c1 \u062a\u0646\u0627\u0633\u0628 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4 <strong>3:1<\/strong> \u062f\u0627\u0626\u0631\u06c1 \u06a9\u0627\u0631 \u0627\u0648\u0631 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u06d2 \u0627\u0633\u062a\u062b\u0646\u0627\u0621 \u06a9\u06d2 \u0644\u062d\u0627\u0638 \u0633\u06d2 \u0645\u0644\u062d\u0642\u06c1 \u0631\u0646\u06af\u0648\u06ba \u067e\u0631 \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 \u062d\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0641\u0627\u0631\u0645 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632\u060c \u0645\u0639\u0646\u06cc \u062e\u06cc\u0632 \u0634\u0628\u06cc\u06c1\u06cc\u06ba\u060c \u0627\u062c\u0632\u0627\u0621 \u06a9\u06cc \u062d\u062f\u0648\u062f\u060c \u0645\u0646\u062a\u062e\u0628 \u0631\u06cc\u0627\u0633\u062a\u06cc\u06ba\u060c \u0627\u0648\u0631 \u06af\u0631\u0627\u0641\u06cc\u06a9\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u063a\u06cc\u0631\u06c1 \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u06c1\u0630\u0627\u060c \u0645\u062a\u0646 \u06a9\u06d2 \u0628\u0631\u0639\u06a9\u0633 \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u06a9\u0648 \u067e\u0627\u0633 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u06cc\u06c1 \u0645\u0637\u0644\u0628 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u0628\u0627\u0642\u06cc \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0645\u06cc\u06ba \u06a9\u0627\u0641\u06cc \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-support-text-resizing\">\u0645\u062a\u0646 \u06a9\u0627 \u0633\u0627\u0626\u0632 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u062d\u0645\u0627\u06cc\u062a \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.4 \u0679\u06cc\u06a9\u0633\u0679 \u0627\u0633\u06a9\u06cc\u0644\u0646\u06af \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u062e\u0635\u0648\u0635 \u0645\u0633\u062a\u062b\u0646\u06cc\u0627\u062a \u06a9\u06d2 \u0633\u0627\u062a\u06be\u060c \u0645\u0648\u0627\u062f \u06cc\u0627 \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u06d2 \u0646\u0642\u0635\u0627\u0646 \u06a9\u06d2 \u0628\u063a\u06cc\u0631 \u0679\u06cc\u06a9\u0633\u0679 \u06a9\u0648 200% \u062a\u06a9 \u0627\u0633\u06a9\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0635\u0644\u0627\u062d\u06cc\u062a \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0642\u0631\u0631\u06c1 \u062c\u06c1\u062a\u06cc\u06ba \u0627\u06a9\u062b\u0631 \u06cc\u06c1\u0627\u06ba \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-css\">.card {\n  height: 180px;\n  overflow: hidden;\n}\n<\/code><\/pre>\n<p>\u0627\u06af\u0631 \u0645\u062a\u0646 \u0627\u0633 \u062c\u06af\u06c1 \u0633\u06d2 \u0622\u06af\u06d2 \u0628\u0691\u06be\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0688\u0648\u06cc\u0644\u067e\u0631 \u06a9\u06d2 \u062e\u06cc\u0627\u0644 \u0645\u06cc\u06ba \u0627\u0633\u06d2 \u062f\u0631\u06a9\u0627\u0631 \u06c1\u06d2\u060c \u062a\u0648 \u06a9\u0686\u06be \u0645\u0648\u0627\u062f \u0636\u0627\u0626\u0639 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u0648 \u0648\u0627\u0642\u0639\u06cc \u0627\u06cc\u06a9 \u0645\u0642\u0631\u0631\u06c1 \u0627\u0648\u0646\u0686\u0627\u0626\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u060c \u062a\u0648 \u062c\u0632\u0648 \u06a9\u0648 \u0628\u0691\u06be\u0627\u0646\u0627 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u062d\u0641\u0648\u0638 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-css\">.card {\n  min-height: 180px;\n}\n<\/code><\/pre>\n<p>\u0627\u0633 \u0633\u06d2 \u06cc\u06c1 \u062b\u0627\u0628\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u0627 \u06a9\u06c1 \u062c\u0632\u0648 \u0646\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u0648 \u067e\u0627\u0633 \u06a9\u06cc\u0627 \u06c1\u06d2\u06d4 \u0622\u067e \u06a9\u0648 \u0627\u0628 \u0628\u06be\u06cc \u0645\u062a\u0646 \u06a9\u0627 \u0633\u0627\u0626\u0632 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u0627\u0648\u0631 \u0646\u062a\u0627\u0626\u062c \u06a9\u0627 \u0645\u0639\u0627\u0626\u0646\u06c1 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/p>\n<p>\u0633\u06cc \u0627\u06cc\u0633 \u0627\u06cc\u0633 \u0646\u0627\u06a9\u0627\u0645\u06cc \u06a9\u06cc \u0627\u06cc\u06a9 \u0639\u0627\u0645 \u0648\u062c\u06c1 \u06a9\u0648 \u062e\u062a\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-design-for-reflow\">\u0631\u06cc \u0641\u0644\u0648 \u06a9\u0648 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.10 \u0631\u06cc \u0641\u0644\u0648 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06cc\u0627 \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u0648 \u06a9\u06be\u0648\u0626\u06d2 \u0628\u063a\u06cc\u0631 \u06cc\u0627 \u0645\u0645\u0646\u0648\u0639\u06c1 \u062f\u0648 \u062c\u06c1\u062a\u06cc \u0633\u06a9\u0631\u0648\u0644\u0646\u06af \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06a9\u06d2 \u0628\u063a\u06cc\u0631 \u0627\u06cc\u06a9 \u06c1\u06cc \u0633\u0627\u0626\u0632 \u06a9\u06d2 \u062a\u0646\u06af \u0645\u0648\u0627\u062f \u06a9\u0648 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0635\u0644\u0627\u062d\u06cc\u062a \u06a9\u0627 \u067e\u062a\u06c1 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0639\u0645\u0648\u062f\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 \u06a9\u0631\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0628\u06cc\u0633 \u0627\u0633 \u06a9\u06d2 \u0628\u0631\u0627\u0628\u0631 \u0686\u0648\u0691\u0627\u0626\u06cc \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2: <strong>320 CSS \u067e\u06a9\u0633\u0644\u0632<\/strong>. \u06a9\u0686\u06be \u0645\u0648\u0627\u062f\u060c \u062c\u06cc\u0633\u06d2 \u06a9\u0686\u06be \u0646\u0642\u0634\u06d2 \u0627\u0648\u0631 \u0688\u06cc\u0679\u0627 \u0679\u06cc\u0628\u0644\u0632\u060c \u06a9\u0648 \u062f\u0631\u062d\u0642\u06cc\u0642\u062a \u062f\u0648 \u062c\u06c1\u062a\u06cc \u062a\u0631\u062a\u06cc\u0628 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2 \u0627\u0648\u0631 \u06cc\u06c1 \u0645\u0639\u06cc\u0627\u0631 \u0633\u06d2 \u0645\u0633\u062a\u062b\u0646\u06cc\u0670 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0644\u0686\u06a9\u062f\u0627\u0631 \u062a\u0631\u062a\u06cc\u0628 \u0622\u067e \u06a9\u0648 \u0627\u067e\u0646\u06d2 \u0628\u0627\u0642\u0627\u0639\u062f\u06c1 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0627\u0633 \u0645\u06cc\u06ba \u0627\u06cc\u0688\u062c\u0633\u0679 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631 \u0633\u06a9\u062a\u06cc \u06c1\u06d2:<\/p>\n<pre><code class=\"language-css\">.settings-grid {\n  display: grid;\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(100%, 18rem), 1fr));\n  gap: 1rem;\n}\n<\/code><\/pre>\n<p>\u062c\u0628 \u062c\u06af\u06c1 \u06a9\u0645 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u06a9\u0627\u0631\u0688 \u067e\u0648\u0631\u06d2 \u0635\u0641\u062d\u06d2 \u06a9\u0648 \u0686\u0648\u0691\u0627 \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u0627\u06cc\u06a9 \u0646\u0626\u06cc \u0642\u0637\u0627\u0631 \u0645\u06cc\u06ba \u0686\u0644\u06d2 \u062c\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06cc\u06c1\u0627\u06ba \u0645\u062f\u062f \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 &#8216;\u0631\u062f\u0639\u0645\u0644&#8217; \u0627\u0648\u0631 &#8216;\u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc&#8217; \u0645\u062a\u0631\u0627\u062f\u0641 \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u067e\u06cc\u062c\u0632 \u0627\u0628 \u0628\u06be\u06cc \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0648 \u0686\u06be\u067e\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0645\u062a\u0646 \u06a9\u0648 \u0686\u06be\u0648\u0679\u0627 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0645\u0648\u0627\u062f \u06a9\u0648 \u0627\u0648\u0648\u0631\u0644\u06cc\u067e \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u06cc\u0627 \u06c1\u0627\u0626\u06cc \u0632\u0648\u0645 \u067e\u0631 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u06a9\u0648 \u06c1\u0679\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06cc\u06c1 \u0641\u0631\u0636 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u06a9\u06c1 \u0622\u067e \u06a9\u06d2 \u0645\u06cc\u0688\u06cc\u0627 \u06a9\u06d2 \u0633\u0648\u0627\u0644\u0627\u062a \u0622\u067e \u06a9\u06cc \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u06a9\u0648 \u062d\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0646 \u06a9\u06d2 \u0631\u0648\u06cc\u06d2 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-make-an-interface-work-with-a-keyboard\">\u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0686\u0644\u0627\u0626\u06cc\u06ba\u06d4<\/h2>\n<p>\u0622\u0633\u0627\u0646 \u062a\u0631\u06cc\u0646 \u062f\u0633\u062a\u06cc \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u0679\u06cc\u0633\u0679 \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0645\u0627\u0624\u0633 \u06a9\u0648 \u0627\u06cc\u06a9 \u0637\u0631\u0641 \u0631\u06a9\u06be \u06a9\u0631 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u06cc\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.1.1 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u0648 \u0627\u06cc\u0633\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2 \u062c\u0648 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u0686\u0644\u0627\u0626\u06cc \u062c\u0627 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u060c \u0633\u0648\u0627\u0626\u06d2 \u0627\u0633 \u06a9\u06d2 \u062c\u06c1\u0627\u06ba \u0628\u0646\u06cc\u0627\u062f\u06cc \u0641\u0646\u06a9\u0634\u0646 \u062f\u0631\u0627\u0635\u0644 \u0635\u0627\u0631\u0641 \u06a9\u06cc \u0646\u0642\u0644 \u0648 \u062d\u0631\u06a9\u062a \u06a9\u06d2 \u0631\u0627\u0633\u062a\u06d2 \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u06c1\u0648\u06d4 \u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u0648 \u0645\u0627\u0624\u0633\u060c \u0679\u0686\u060c \u0622\u0648\u0627\u0632\u060c \u06cc\u0627 \u0627\u0646 \u067e\u0679 \u06a9\u06cc \u06a9\u0633\u06cc \u062f\u0648\u0633\u0631\u06cc \u0634\u06a9\u0644 \u06a9\u0648 \u0633\u067e\u0648\u0631\u0679 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0646\u06c1\u06cc\u06ba \u0631\u0648\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u0626\u06cc\u06d2 \u0627\u067e\u0646\u06d2 \u0635\u0627\u0631\u0641 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u067e\u0631 \u0648\u0627\u067e\u0633 \u062c\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><p>Save<\/p>\n<\/code><\/pre>\n<p>\u0628\u0646\u0627\u0646\u0627 <code>div<\/code> \u0627\u06cc\u0633\u0627 \u0644\u06af\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0628\u0679\u0646 \u06a9\u0648\u0626\u06cc \u0628\u0679\u0646 \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u0641\u0631\u0627\u06c1\u0645 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u062e\u0648\u062f \u0627\u0633 \u0637\u0631\u0632 \u0639\u0645\u0644 \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062a\u0631\u062a\u06cc\u0628 \u062f\u06cc\u0646\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><p>\n  Save\n<\/p>\n<\/code><\/pre>\n<p>\u062a\u0627\u06c1\u0645\u060c JavaScript \u06a9\u0648 \u0627\u0628 \u0645\u0646\u0627\u0633\u0628 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u062a\u0639\u0627\u0645\u0644 \u0628\u06be\u06cc \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0632\u06cc\u0627\u062f\u06c1 \u062a\u0631 \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u06cc\u06ba \u06cc\u06c1 \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-html\"><button type=\"button\">\n  Save\n<\/button>\n<\/code><\/pre>\n<p>\u0645\u0642\u0627\u0645\u06cc \u06a9\u0646\u0679\u0631\u0648\u0644 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u062a\u0639\u0627\u0645\u0644 \u06a9\u06d2 \u0631\u0648\u06cc\u06d2 \u06a9\u06cc \u0645\u0642\u062f\u0627\u0631 \u06a9\u0645 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2 \u062c\u0648 \u0622\u067e \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>W3C \u06a9\u06cc ARIA \u062a\u0635\u0646\u06cc\u0641 \u06a9\u06cc \u0645\u0634\u0642\u06cc\u06ba \u06af\u0627\u0626\u06cc\u0688 \u0648\u0627\u0636\u062d \u0637\u0648\u0631 \u067e\u0631 \u0627\u0633 \u0641\u0631\u0642 \u06a9\u06cc \u0648\u0636\u0627\u062d\u062a \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4 \u06cc\u0639\u0646\u06cc\u060c ARIA \u06a9\u0627 \u06a9\u0631\u062f\u0627\u0631 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u06a9\u0648 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0631\u0648\u06cc\u06d2 \u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u067e\u0631 \u0645\u062c\u0628\u0648\u0631 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u062c\u0648 \u0645\u0642\u0627\u0645\u06cc HTML \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0622\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u0622\u067e \u0627\u067e\u0646\u06cc \u0645\u0631\u0636\u06cc \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 ARIA \u0648\u06cc\u062c\u06cc\u0679 \u0628\u0646\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0648 \u0622\u067e \u0627\u0633 \u06a9\u06d2 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0648 \u0646\u0627\u0641\u0630 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0630\u0645\u06c1 \u062f\u0627\u0631 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-check-for-keyboard-traps\">\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0679\u0631\u06cc\u067e\u0633 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0686\u06cc\u06a9 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.1.2 \u06a9\u0648\u0626\u06cc \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0679\u0631\u06cc\u067e\u0633 \u0627\u0633 \u0635\u0648\u0631\u062a \u062d\u0627\u0644 \u06a9\u0648 \u062d\u0644 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u062c\u06c1\u0627\u06ba \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u06a9\u0633\u06cc \u062c\u0632\u0648 \u0645\u06cc\u06ba \u062f\u0627\u062e\u0644 \u06c1\u0648\u062a\u0627 \u06c1\u06d2 \u0644\u06cc\u06a9\u0646 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06c1\u06cc\u06ba \u0646\u06a9\u0644 \u0633\u06a9\u062a\u0627\u06d4<\/p>\n<p>\u06cc\u06c1 \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u062d\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0627\u06cc\u0688\u06cc\u0679\u0631\u0632\u060c \u0688\u0627\u0626\u06cc\u0644\u0627\u06af \u0628\u0627\u06a9\u0633\u0632\u060c \u0628\u0644\u0679 \u0627\u0646 \u0648\u06cc\u062c\u06cc\u0679\u0633 \u0627\u0648\u0631 \u062f\u06cc\u06af\u0631 \u067e\u06cc\u0686\u06cc\u062f\u06c1 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0648\u0632\u0648\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0679\u06cc\u0633\u0679 \u0635\u0631\u0641 \u06cc\u06c1 \u067e\u0648\u0686\u06be\u0646\u06d2 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0627 \u0622\u067e \u06a9\u0648\u0626\u06cc \u06a9\u0644\u06cc\u062f \u062f\u0628\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 <code>Tab<\/code> \u062c\u0628 \u062a\u06a9 \u0639\u0646\u0635\u0631 \u062a\u0648\u062c\u06c1 \u062d\u0627\u0635\u0644 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627\u06d4<\/p>\n<p>\u062d\u0642\u06cc\u0642\u06cc \u06a9\u0627\u0645\u0648\u06ba \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0688\u0627\u0626\u06cc\u0644\u0627\u06af \u0628\u0627\u06a9\u0633 \u06a9\u06be\u0648\u0644\u062a\u0627 \u06c1\u0648\u06ba\u060c \u062a\u0648 \u06a9\u06cc\u0627 \u0645\u06cc\u06ba \u0627\u0633 \u06a9\u06d2 \u06a9\u0646\u0679\u0631\u0648\u0644 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u06a9\u06d2 \u0627\u0633\u06d2 \u0628\u0646\u062f \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u0648\u06ba\u061f \u0627\u06af\u0631 \u0645\u06cc\u06ba \u0646\u06d2 \u062d\u0633\u0628 \u0636\u0631\u0648\u0631\u062a \u0648\u06cc\u062c\u06cc\u0679 \u062f\u0631\u062c \u06a9\u06cc\u0627 \u06c1\u06d2 \u062a\u0648 \u06a9\u06cc\u0627 \u0645\u06cc\u06ba \u0627\u0633\u06d2 \u0648\u06cc\u0633\u0627 \u06c1\u06cc \u0686\u06be\u0648\u0691 \u0633\u06a9\u062a\u0627 \u06c1\u0648\u06ba\u061f \u062c\u0628 \u0627\u06cc\u06a9 \u0645\u06cc\u0646\u0648 \u06a9\u06be\u0644\u062a\u0627 \u06c1\u06d2\u060c \u06a9\u06cc\u0627 \u0622\u067e \u0645\u062a\u0648\u0642\u0639 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u067e\u06cc\u0679\u0631\u0646 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0627\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u062a\u0639\u0627\u0645\u0644 \u06a9\u0631\u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/p>\n<p>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u0627 \u062a\u0639\u0644\u0642 \u0645\u062c\u0645\u0648\u0639\u06cc \u062a\u0639\u0627\u0645\u0644 \u0633\u06d2 \u06c1\u06d2\u060c \u0646\u06c1 \u0635\u0631\u0641 \u06cc\u06c1 \u06a9\u06c1 \u0622\u06cc\u0627 \u0639\u0646\u0627\u0635\u0631 \u0679\u06cc\u0628 \u062a\u0631\u062a\u06cc\u0628 \u0645\u06cc\u06ba \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-keep-keyboard-focus-visible\">\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u06a9\u0648 \u0645\u0631\u0626\u06cc \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h2>\n<p>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0646\u06cc\u0648\u06cc\u06af\u06cc\u0634\u0646 \u0645\u0634\u06a9\u0644 \u06c1\u0648 \u062c\u0627\u062a\u0627 \u06c1\u06d2 \u062c\u0628 \u0635\u0627\u0631\u0641 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627 \u0633\u06a9\u062a\u0627 \u06a9\u06c1 \u0641\u06cc \u0627\u0644\u062d\u0627\u0644 \u06a9\u0633 \u0639\u0646\u0635\u0631 \u067e\u0631 \u0641\u0648\u06a9\u0633 \u06c1\u06d2\u06d4<\/p>\n<p>\u062a\u0648 \u06cc\u06c1 \u0633\u06cc \u0627\u06cc\u0633 \u0627\u06cc\u0633 \u062e\u0637\u0631\u0646\u0627\u06a9 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-css\">*:focus {\n  outline: none;\n}\n<\/code><\/pre>\n<p>\u0645\u062a\u0628\u0627\u062f\u0644 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc\u06d2 \u0628\u063a\u06cc\u0631 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06d2 \u0688\u06cc\u0641\u0627\u0644\u0679 \u0641\u0648\u06a9\u0633 \u0688\u0633\u067e\u0644\u06d2 \u06a9\u0648 \u06c1\u0679\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.4.3 \u0641\u0648\u06a9\u0633 \u0633\u06cc\u06a9\u0648\u0626\u0646\u0633 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0627\u06cc\u0633\u0627 \u0645\u0648\u0688 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0633\u06d2 \u0686\u0644\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2 \u062c\u0633 \u0645\u06cc\u06ba \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u0627\u0646\u0688\u06cc\u06a9\u06cc\u0679\u0631 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u0637\u06d2 \u0634\u062f\u06c1 \u062e\u0627\u06a9\u06c1 \u0622\u067e \u06a9\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u060c \u062a\u0648 \u0627\u0633\u06d2 \u0635\u0631\u0641 \u06c1\u0679\u0627\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u06a9\u0633\u06cc \u0627\u0648\u0631 \u0645\u0631\u0626\u06cc \u0641\u0648\u06a9\u0633 \u0679\u0631\u06cc\u0679\u0645\u0646\u0679 \u0633\u06d2 \u0628\u062f\u0644 \u062f\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-css\">button:focus-visible,\na:focus-visible,\ninput:focus-visible,\nselect:focus-visible,\ntextarea:focus-visible {\n  outline: 3px solid currentColor;\n  outline-offset: 3px;\n}\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0635\u0631\u0641 \u0627\u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06c1\u06d2 \u0627\u0648\u0631 \u0645\u0646\u0627\u0633\u0628 \u06c1\u0648\u0646\u06d2 \u06a9\u06cc \u0636\u0645\u0627\u0646\u062a \u0646\u06c1\u06cc\u06ba \u062f\u06cc\u062a\u0627\u06d4 \u0645\u0646\u062a\u062e\u0628 \u0627\u0634\u0627\u0631\u06d2 \u06a9\u0648 \u062c\u0632\u0648 \u06a9\u06d2 \u0627\u0631\u062f \u06af\u0631\u062f \u0631\u0646\u06af \u06a9\u06d2 \u062e\u0644\u0627\u0641 \u0646\u0638\u0631 \u0622\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-wcag-22-deals-with-obscured-focus\">WCAG 2.2 \u0645\u0628\u06c1\u0645 \u0641\u0648\u06a9\u0633 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u06c1\u06cc\u0646\u0688\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/h3>\n<p>WCAG 2.2 \u0646\u06d2 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.4.11 \u0634\u0627\u0645\u0644 \u06a9\u06cc\u0627 \u06c1\u06d2 AA \u06a9\u06cc \u0633\u0637\u062d \u067e\u0631 \u06a9\u0648\u0626\u06cc \u062a\u0648\u062c\u06c1 \u0646\u06c1\u06cc\u06ba (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645)\u06d4<\/p>\n<p>\u062c\u0628 \u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u062c\u0632\u0648 \u06a9\u0648 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u062d\u0627\u0635\u0644 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u0645\u0635\u0646\u0641 \u06a9\u0627 \u062a\u062e\u0644\u06cc\u0642 \u06a9\u0631\u062f\u06c1 \u0645\u0648\u0627\u062f \u0627\u0633\u06d2 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u0686\u06be\u067e\u0627 \u0646\u06c1\u06cc\u06ba \u0633\u06a9\u062a\u0627\u06d4 \u0644\u06cc\u0648\u0644 AA \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u0627 \u062a\u0642\u0627\u0636\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u06a9\u0686\u06be \u0641\u0648\u06a9\u0633 \u0634\u062f\u06c1 \u0627\u062c\u0632\u0627 \u062f\u06a9\u06be\u0627\u0626\u06cc \u062f\u06cc\u06ba\u06d4<\/p>\n<p>\u0641\u06a9\u0633\u0688 \u06c1\u06cc\u0688\u0631 \u0645\u0633\u0626\u0644\u06c1 \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-css\">.site-header {\n  position: sticky;\n  top: 0;\n  height: 5rem;\n}\n<\/code><\/pre>\n<p>\u0641\u06a9\u0633\u0688 \u06c1\u06cc\u0688\u0631 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u0641\u0637\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0646\u0627\u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u06a9\u0686\u06be \u0628\u06be\u06cc \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4 \u0645\u0633\u0626\u0644\u06c1 \u0627\u0633 \u0648\u0642\u062a \u06c1\u0648\u062a\u0627 \u06c1\u06d2 \u062c\u0628 \u0635\u0641\u062d\u06c1 \u0627\u0633 \u06c1\u06cc\u0688\u0631 \u06a9\u06d2 \u067e\u06cc\u0686\u06be\u06d2 \u0645\u0631\u06a9\u0648\u0632 \u0644\u0646\u06a9\u0633 \u06cc\u0627 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u067e\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u062c\u0628 \u0627\u0633\u06a9\u0631\u0648\u0644 \u067e\u0648\u0632\u06cc\u0634\u0646\u0646\u06af \u0634\u0627\u0645\u0644 \u06c1\u0648 \u062a\u0648 \u062f\u0631\u062c \u0630\u06cc\u0644 \u0633\u06cc \u0627\u06cc\u0633 \u0627\u06cc\u0633 \u0645\u062f\u062f\u06af\u0627\u0631 \u062b\u0627\u0628\u062a \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-css\">html {\n  scroll-padding-top: 6rem;\n}\n<\/code><\/pre>\n<p>\u0644\u06cc\u06a9\u0646 \u0627\u0633\u06d2 \u0645\u06a9\u0645\u0644 \u062d\u0644 \u0646\u06c1 \u0633\u0645\u062c\u06be\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u0648\u06a9\u06cc \u0646\u0648\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u060c \u0686\u0633\u067e\u0627\u06ba \u0646\u06cc\u0686\u06d2 \u0646\u06cc\u0648\u06cc\u06af\u06cc\u0634\u0646\u060c \u0686\u06cc\u0679 \u0648\u0646\u0688\u0648\u0632\u060c \u0686\u067e\u0686\u067e\u0627 \u0679\u0648\u0644 \u0628\u0627\u0631\u060c \u0627\u0648\u0631 \u062f\u06cc\u06af\u0631 \u0627\u0648\u0648\u0631\u0644\u06d2 \u0627\u0633\u06cc \u0637\u0631\u062d \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u062f\u0627 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0633 \u0644\u06cc\u06d2 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u06d2 \u0627\u0635\u0644 \u062a\u0639\u0627\u0645\u0644 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06c1\u0645 \u0636\u0631\u0648\u0631\u062a \u0646\u062a\u0627\u0626\u062c \u06a9\u06cc \u06c1\u06d2\u06d4 \u06cc\u06c1\u0627\u06ba \u062a\u06a9 \u06a9\u06c1 \u062c\u0628 \u0641\u0648\u06a9\u0633 \u0686\u0644\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0628 \u0628\u06be\u06cc \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0641\u0648\u06a9\u0633\u0688 \u062c\u0632 \u06a9\u0648 \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-design-pointer-targets-and-dragging-interactions\">\u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u0679\u0627\u0631\u06af\u0679\u0646\u06af \u0627\u0648\u0631 \u0688\u0631\u06cc\u06af \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0633\u067e\u0648\u0631\u0679 \u062a\u0645\u0627\u0645 \u062a\u0639\u0627\u0645\u0644 \u06a9\u06cc \u0631\u06a9\u0627\u0648\u0679\u0648\u06ba \u06a9\u0648 \u062f\u0648\u0631 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>WCAG 2.2 \u0627\u0636\u0627\u0641\u06cc \u062a\u0642\u0627\u0636\u0648\u06ba \u06a9\u0648 \u0645\u062a\u0639\u0627\u0631\u0641 \u06a9\u0631\u0627\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0679\u0686 \u0627\u0633\u06a9\u0631\u06cc\u0646\u060c \u0688\u0631\u06cc\u06af \u0627\u06cc\u0646\u0688 \u0688\u0631\u0627\u067e \u0627\u0646\u0679\u0631\u0641\u06cc\u0633\u060c \u0627\u0648\u0631 \u06a9\u0645\u067e\u06cc\u06a9\u0679 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-provide-an-alternative-to-dragging\">\u0688\u0631\u06cc\u06af \u06a9\u0627 \u0645\u062a\u0628\u0627\u062f\u0644 \u06a9\u06cc\u0633\u06d2 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/h3>\n<p>\u0627\u06cc\u06a9 \u0679\u0627\u0633\u06a9 \u0628\u0648\u0631\u0688 \u06a9\u0627 \u062a\u0635\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u062c\u06c1\u0627\u06ba \u0635\u0627\u0631\u0641 \u06a9\u0627\u0631\u0688\u0632 \u06a9\u0648 \u0635\u0631\u0641 \u06af\u06be\u0633\u06cc\u0679 \u06a9\u0631 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062a\u0631\u062a\u06cc\u0628 \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06af\u06be\u0633\u06cc\u0679\u0646\u0627 \u0628\u06c1\u062a \u0633\u06d2 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0686\u06be\u0627 \u06a9\u0627\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0627\u0633 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u06a9\u0648 \u062f\u0628\u0627\u0646\u06d2 \u0627\u0648\u0631 \u0627\u0633\u06d2 \u062d\u0631\u06a9\u062a \u062f\u06cc\u0646\u06d2 \u0627\u0648\u0631 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0648 \u0628\u0631\u0642\u0631\u0627\u0631 \u0631\u06a9\u06be\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0627\u0633\u06d2 \u0635\u062d\u06cc\u062d \u067e\u0648\u0632\u06cc\u0634\u0646 \u0645\u06cc\u06ba \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.5.7 \u0688\u0631\u06cc\u06af \u0627\u0634\u0627\u0631\u06c1 \u06a9\u0633\u06cc \u0627\u06cc\u06a9 \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u0622\u067e\u0631\u06cc\u0634\u0646 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u0688\u0631\u06cc\u06af \u06a9\u06cc\u06d2 \u0628\u063a\u06cc\u0631 \u0688\u0631\u06cc\u06af \u0627\u0634\u0627\u0631\u06c1 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u0648 \u062d\u0627\u0635\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u060c \u0633\u0648\u0627\u0626\u06d2 \u0627\u0633 \u06a9\u06d2 \u06a9\u06c1 \u062c\u0628 \u06af\u06be\u0633\u06cc\u0679\u0646\u0627 \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u0636\u0631\u0648\u0631\u06cc \u06c1\u0648\u06d4<\/p>\n<p>\u062f\u0648\u0633\u0631\u06d2 \u06a9\u0646\u0679\u0631\u0648\u0644 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0622\u067e \u0688\u0631\u06cc\u06af \u0627\u06cc\u0646\u0688 \u0688\u0631\u0627\u067e \u06a9\u0648 \u0628\u0631\u0642\u0631\u0627\u0631 \u0631\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><article class=\"task\">\n  <h3>Prepare monthly report<\/h3>\n\n  <button type=\"button\">\n    Move up\n  <\/button>\n\n  <button type=\"button\">\n    Move down\n  <\/button>\n<\/article>\n<\/code><\/pre>\n<p>\u062f\u0648\u0628\u0627\u0631\u06c1 \u062a\u0631\u062a\u06cc\u0628 \u062f\u06cc\u0646\u06d2 \u06a9\u06cc \u062f\u0631\u0633\u062a \u0645\u0646\u0637\u0642 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06c1\u0645 \u062d\u0635\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u06a9\u0627\u0631\u0688 \u06a9\u0648 \u06af\u06be\u0633\u06cc\u0679\u0646\u06d2 \u06a9\u06d2 \u0628\u063a\u06cc\u0631 \u0627\u06cc\u06a9 \u06c1\u06cc \u0641\u0646\u06a9\u0634\u0646 \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u067e\u0631 \u0645\u0628\u0646\u06cc \u0637\u0631\u06cc\u0642\u06c1 \u06c1\u06d2\u06d4<\/p>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06a9\u06c1\u062a\u0627 \u06a9\u06c1 &quot;\u0688\u0631\u06cc\u06af \u0627\u06cc\u0646\u0688 \u0688\u0631\u0627\u067e \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba&#8221;\u06d4 \u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06c1\u06d2 \u06a9\u06c1 \u06af\u06be\u0633\u06cc\u0679\u0646\u0627 \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0641\u0639\u0627\u0644\u06cc\u062a \u06a9\u0627 \u0648\u0627\u062d\u062f \u0631\u0627\u0633\u062a\u06c1 \u0646\u06c1\u06cc\u06ba \u0628\u0646\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-think-about-target-size\">\u0627\u067e\u0646\u06d2 \u06af\u0648\u0644 \u0633\u0627\u0626\u0632 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06a9\u06cc\u0633\u06d2 \u0633\u0648\u0686\u06cc\u06ba\u06d4<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.5.8 \u06c1\u062f\u0641 \u06a9\u0627 \u0633\u0627\u0626\u0632 (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645) WCAG 2.2 \u0644\u06cc\u0648\u0644 AA \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u0627\u0636\u0627\u0641\u06c1 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0639\u06cc\u0627\u0631 \u062f\u0631\u062c \u0630\u06cc\u0644 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u06c1\u062f\u0641 \u06a9\u06d2 \u0633\u0627\u0626\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2: <strong>24 x 24 CSS \u067e\u06a9\u0633\u0644\u0632<\/strong> \u0645\u062a\u0628\u0627\u062f\u0644 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06cc\u06a9 \u0645\u062a\u0639\u06cc\u0646 \u0648\u0642\u0641\u06c1 \u0645\u062a\u0628\u0627\u062f\u0644 \u06c1\u06d2\u060c \u062c\u0633 \u0645\u06cc\u06ba \u0686\u0646\u062f \u0645\u0633\u062a\u062b\u0646\u06cc\u0627\u062a \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba\u06d4 \u0644\u06c1\u0630\u0627 \u0622\u067e \u06a9\u0648 &quot;\u062a\u0645\u0627\u0645 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u0639\u0646\u0627\u0635\u0631 \u06a9\u06cc \u0686\u0648\u0691\u0627\u0626\u06cc \u0627\u0648\u0631 \u0627\u0648\u0646\u0686\u0627\u0626\u06cc \u06c1\u0645\u06cc\u0634\u06c1 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 24 \u067e\u06a9\u0633\u0644\u0632 \u06c1\u0648\u0646\u06cc \u0686\u0627\u06c1\u0626\u06d2&#8221; \u06a9\u0648 \u0622\u0633\u0627\u0646 \u0646\u06c1\u06cc\u06ba \u0628\u0646\u0627\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2\u06d4<\/p>\n<p>\u0627\u0644\u06af \u062a\u06be\u0644\u06af \u0622\u0626\u06cc\u06a9\u0646 \u0628\u0679\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0622\u067e \u0627\u0646\u06c1\u06cc\u06ba \u0627\u06cc\u06a9 \u0628\u0691\u0627 \u06c1\u062f\u0641 \u062f\u06cc\u0646\u06d2 \u06a9\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-css\">.icon-button {\n  min-width: 2.75rem;\n  min-height: 2.75rem;\n\n  display: inline-grid;\n  place-items: center;\n}\n<\/code><\/pre>\n<p>\u0639\u0627\u0645 \u0631\u0648\u0679 \u0641\u0648\u0646\u0679 \u0633\u0627\u0626\u0632 \u062c\u0627\u0646 \u0628\u0648\u062c\u06be \u06a9\u0631 WCAG \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u0633\u06d2 \u0628\u0691\u06d2 \u0627\u06c1\u062f\u0627\u0641 \u0628\u0646\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u062f\u06a9\u06be\u0627\u0626\u06d2 \u06af\u0626\u06d2 \u0634\u0628\u06cc\u06c1\u06cc\u06ba \u0686\u06be\u0648\u0679\u06d2 \u0631\u06c1 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><button class=\"icon-button\" type=\"button\" aria-label=\"Delete invoice\">\n  <svg width=\"16\" height=\"16\" aria-hidden=\"true\" viewbox=\"0 0 16 16\">\n    <path d=\"M3 4h10M6 4V2h4v2M5 6v7M8 6v7M11 6v7\"\/>\n  <\/svg>\n<\/button>\n<\/code><\/pre>\n<p>\u0622\u0626\u06cc\u06a9\u0646 \u06a9\u0627 \u0633\u0627\u0626\u0632 \u0627\u0648\u0631 \u0627\u0646\u0679\u0631\u0627\u06cc\u06a9\u0679\u0648 \u0622\u0628\u062c\u06cc\u06a9\u0679 \u06a9\u0627 \u0633\u0627\u0626\u0632 \u0627\u06cc\u06a9 \u062c\u06cc\u0633\u06d2 \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06af\u06be\u0646\u06d2 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u0648 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u0631\u062a\u06d2 \u0648\u0642\u062a \u06cc\u06c1 \u0641\u0631\u0642 \u0645\u0641\u06cc\u062f \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-keep-the-accessible-name-aligned-with-the-visible-label\">\u0646\u0627\u0645\u0648\u06ba \u06a9\u0648 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0627\u0648\u0631 \u0645\u0631\u0626\u06cc \u0644\u06cc\u0628\u0644\u0632 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u0637\u0627\u0628\u0642\u062a \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.5.3 \u0646\u0627\u0645\u06cc \u0644\u06cc\u0628\u0644 \u0633\u06d2 \u0645\u0631\u0627\u062f \u0648\u06c1 \u06a9\u0646\u0679\u0631\u0648\u0644 \u06c1\u06d2 \u062c\u0633 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0645\u0631\u0626\u06cc \u0679\u06cc\u06a9\u0633\u0679 \u0644\u06cc\u0628\u0644 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645 \u0645\u06cc\u06ba \u0645\u0631\u0626\u06cc \u0644\u06cc\u0628\u0644 \u06a9\u0627 \u0645\u062a\u0646 \u0634\u0627\u0645\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4 \u06cc\u06c1 \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0627\u0646 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06c1\u0645 \u06c1\u06d2 \u062c\u0648 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0645\u06cc\u06ba \u06c1\u06cc\u0631\u0627 \u067e\u06be\u06cc\u0631\u06cc \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u067e\u0646\u06cc \u0622\u0648\u0627\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0646\u0638\u0631 \u0622\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0627\u0644\u0641\u0627\u0638 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0627 \u062d\u0648\u0627\u0644\u06c1 \u062f\u06cc\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u0633 \u0633\u06d2 \u0628\u0686\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><button aria-label=\"Find products\">\n  Search\n<\/button>\n<\/code><\/pre>\n<p>\u062f\u06a9\u06be\u0627\u0626\u06cc \u062f\u06cc\u0646\u06d2 \u0648\u0627\u0644\u0627 \u0644\u06cc\u0628\u0644 \u06c1\u06d2\u06d4 <code>Search<\/code>\u062a\u0627\u06c1\u0645\u060c \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645 \u06c1\u06d2 <code>Find products<\/code>.<\/p>\n<p>\u0627\u0633 \u0635\u0648\u0631\u062a \u0645\u06cc\u06ba\u060c \u0633\u0628 \u0633\u06d2 \u0622\u0633\u0627\u0646 \u0648\u0631\u0698\u0646 \u0628\u06c1\u062a\u0631 \u06c1\u06d2.<\/p>\n<pre><code class=\"language-html\"><button>\n  Search\n<\/button>\n<\/code><\/pre>\n<p>\u0627\u06af\u0631 \u0622\u067e \u06a9\u0648 \u0627\u0636\u0627\u0641\u06cc \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2 \u062a\u0648 \u0645\u062a\u0646 \u06a9\u0648 \u0645\u0631\u0626\u06cc \u0631\u06a9\u06be\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><button aria-label=\"Search products\">\n  Search\n<\/button>\n<\/code><\/pre>\n<p>\u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 <code>aria-label<\/code>\u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba \u06a9\u06c1 \u0622\u067e \u062c\u0648 \u0645\u062a\u0646 \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u062f\u06cc\u06a9\u06be \u0631\u06c1\u06d2 \u06c1\u06cc\u06ba \u0648\u06c1 \u06a9\u0646\u0679\u0631\u0648\u0644 \u06a9\u0648 \u0627\u06cc\u06a9 \u0645\u0646\u0627\u0633\u0628\u060c \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-build-more-accessible-forms\">\u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0641\u0627\u0631\u0645 \u06a9\u06cc\u0633\u06d2 \u0628\u0646\u0627\u0626\u06cc\u06ba<\/h2>\n<p>\u0641\u0627\u0631\u0645\u0632 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u06a9\u0626\u06cc \u0634\u0639\u0628\u0648\u06ba \u06a9\u0648 \u06cc\u06a9\u062c\u0627 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba: \u0633\u0627\u062e\u062a\u060c \u06c1\u062f\u0627\u06cc\u0627\u062a\u060c \u063a\u0644\u0637\u06cc\u0627\u06ba\u060c \u0627\u0646 \u067e\u0679 \u0645\u0642\u0635\u062f\u060c \u0627\u0648\u0631 \u062d\u06cc\u062b\u06cc\u062a \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc\u0627\u06ba\u06d4<\/p>\n<p>\u0645\u06cc\u062f\u0627\u0646 \u06c1\u06cc \u0633\u06d2 \u0634\u0631\u0648\u0639 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-label-form-controls\">\u0641\u0627\u0631\u0645 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0648 \u0644\u06cc\u0628\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h3>\n<p>\u0645\u0646\u062f\u0631\u062c\u06c1 \u0630\u06cc\u0644 \u067e\u06cc\u0679\u0631\u0646 \u0639\u0627\u0645 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-html\"><input type=\"email\" name=\"email\" placeholder=\"Email address\"\/>\n<\/code><\/pre>\n<p>\u067e\u0644\u06cc\u0633 \u06c1\u0648\u0644\u0688\u0631\u0632 \u0627\u06cc\u06a9 \u0628\u0635\u0631\u06cc \u0627\u0634\u0627\u0631\u06c1 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0645\u0646\u0627\u0633\u0628 \u0644\u06cc\u0628\u0644\u0632 \u06a9\u0627 \u0627\u06cc\u06a9 \u0627\u0686\u06be\u0627 \u0645\u062a\u0628\u0627\u062f\u0644 \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><label for=\"email\">\n  Email address\n<\/label>\n\n<input id=\"email\" name=\"email\" type=\"email\"\/>\n<\/code><\/pre>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 3.3.2 \u0644\u06cc\u0628\u0644\u0632 \u06cc\u0627 \u06c1\u062f\u0627\u06cc\u0627\u062a \u0644\u06cc\u0628\u0644\u0632 \u06cc\u0627 \u06c1\u062f\u0627\u06cc\u0627\u062a \u062f\u0631\u06a9\u0627\u0631 \u06c1\u06cc\u06ba \u0627\u06af\u0631 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0646 \u067e\u0679 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u06d4<\/p>\n<p>\u06a9\u06c1 <code>for<\/code> \u0627\u0648\u0631 <code>id<\/code> \u0627\u0642\u062f\u0627\u0631 \u0644\u06cc\u0628\u0644\u0632 \u0627\u0648\u0631 \u0641\u06cc\u0644\u0688\u0632 \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u067e\u0631\u0648\u06af\u0631\u0627\u0645\u06cc \u062a\u0639\u0644\u0642 \u0628\u06be\u06cc \u0628\u0646\u0627\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-identify-common-input-purposes\">\u0639\u0627\u0645 \u0627\u0646 \u067e\u0679 \u0645\u0642\u0627\u0635\u062f \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.3.5 \u0627\u0646 \u067e\u0679 \u0634\u0646\u0627\u062e\u062a \u06a9\u0627 \u0645\u0642\u0635\u062f \u0627\u0646 \u0641\u06cc\u0644\u0688\u0632 \u067e\u0631 \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u0645\u062e\u0635\u0648\u0635 \u0642\u0633\u0645 \u06a9\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u06a9\u0679\u06be\u0627 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc \u0627\u0633 \u06a9\u06cc \u062d\u0645\u0627\u06cc\u062a \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u0627\u0633 \u06a9\u0627 \u0645\u0642\u0635\u062f \u067e\u0631\u0648\u06af\u0631\u0627\u0645 \u06a9\u06d2 \u0644\u062d\u0627\u0638 \u0633\u06d2 \u0642\u0627\u0628\u0644 \u0634\u0646\u0627\u062e\u062a \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0627\u06cc\u0686 \u0679\u06cc \u0627\u06cc\u0645 \u0627\u06cc\u0644 <code>autocomplete<\/code> \u0679\u0648\u06a9\u0646\u0632 \u0627\u06cc\u06a9 \u0645\u0634\u062a\u0631\u06a9\u06c1 \u0645\u0642\u0635\u062f \u06a9\u0648 \u0628\u062a\u0627\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><label for=\"full-name\">\n  Full name\n<\/label>\n\n<input id=\"full-name\" name=\"full-name\" type=\"text\" autocomplete=\"name\"\/>\n\n<label for=\"email\">\n  Email address\n<\/label>\n\n<input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\"\/>\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u0627\u0648\u0631 \u062f\u06cc\u06af\u0631 \u0679\u0648\u0644\u0632 \u06a9\u0648 \u0645\u0641\u06cc\u062f \u0627\u0646 \u067e\u0679 \u0645\u062f\u062f \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0628\u06be\u06cc \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-write-useful-validation-errors\">\u0645\u0641\u06cc\u062f \u062a\u0648\u062b\u06cc\u0642 \u06a9\u06cc \u063a\u0644\u0637\u06cc\u0627\u06ba \u06a9\u06cc\u0633\u06d2 \u0644\u06a9\u06be\u06cc\u06ba\u06d4<\/h3>\n<p>\u0627\u0628 \u063a\u0644\u0637\u06cc \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">Invalid input.\n<\/code><\/pre>\n<p>\u067e\u06cc\u063a\u0627\u0645 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u062a\u0642\u0631\u06cc\u0628\u0627 \u06a9\u0686\u06be \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2\u06d4 \u06a9\u0648\u0646 \u0633\u0627 \u0627\u0646 \u067e\u0679 \u063a\u0644\u0637 \u06c1\u06d2\u061f \u06a9\u06cc\u0627 \u0645\u0633\u0626\u0644\u06c1 \u06c1\u06d2\u061f \u06a9\u06cc\u0627 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u061f<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 <strong>3.3.1 \u063a\u0644\u0637\u06cc \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a<\/strong> \u063a\u0644\u0637 \u0622\u0626\u0679\u0645\u0632 \u06a9\u06cc \u0646\u0634\u0627\u0646\u062f\u06c1\u06cc \u06a9\u0631\u0646\u06d2 \u0627\u0648\u0631 \u0645\u062a\u0646 \u0645\u06cc\u06ba \u063a\u0644\u0637\u06cc\u0648\u06ba \u06a9\u0648 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u0679\u0627\u0626\u067e\u0646\u06af \u06a9\u06cc \u063a\u0644\u0637\u06cc\u0648\u06ba \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0639\u0645\u0644 \u062f\u0631\u0622\u0645\u062f \u0645\u0646\u062f\u0631\u062c\u06c1 \u0630\u06cc\u0644 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-html\"><label for=\"email\">\n  Email address\n<\/label>\n\n<input id=\"email\" name=\"email\" type=\"email\" aria-invalid=\"true\" aria-describedby=\"email-error\"\/>\n\n<p id=\"email-error\">\n  Enter an email address in the format name@example.com.\n<\/p>\n<\/code><\/pre>\n<p><code>aria-invalid=\"true\"<\/code>    \u06cc\u06c1 \u063a\u0644\u0637 \u062d\u0627\u0644\u062a \u06a9\u0648 \u0628\u06d2 \u0646\u0642\u0627\u0628 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 <code>aria-describedby<\/code> \u06a9\u0633\u06cc \u0641\u06cc\u0644\u0688 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u062a\u0641\u0635\u06cc\u0644 \u06a9\u0648 \u062c\u0648\u0691\u06cc\u06ba\u06d4<\/p>\n<p>\u0632\u06cc\u0627\u062f\u06c1 \u0627\u06c1\u0645 \u0628\u0627\u062a \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u067e\u06cc\u063a\u0627\u0645 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0627 \u0679\u06be\u06cc\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 3.3.3 \u062e\u0631\u0627\u0628\u06cc \u06a9\u06cc \u062a\u062c\u0627\u0648\u06cc\u0632 AA \u06a9\u06cc \u0633\u0637\u062d \u067e\u0631 \u0645\u0632\u06cc\u062f \u062c\u0627\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u0633\u0633\u0679\u0645 \u06a9\u0633\u06cc \u0627\u0646 \u067e\u0679 \u06a9\u06cc \u062e\u0631\u0627\u0628\u06cc \u06a9\u0627 \u067e\u062a\u06c1 \u0644\u06af\u0627\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u062c\u0627\u0646\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0627\u0633\u06d2 \u06a9\u06cc\u0633\u06d2 \u062f\u0631\u0633\u062a \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u0627\u0633\u06d2 \u0645\u0646\u0627\u0633\u0628 \u062a\u062c\u0627\u0648\u06cc\u0632 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06cc \u0686\u0627\u06c1\u0626\u06cc\u06ba \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u06cc\u06c1 \u0645\u0648\u0627\u062f \u06a9\u06cc \u062d\u0641\u0627\u0638\u062a \u06cc\u0627 \u0645\u0642\u0635\u062f \u0633\u06d2 \u0633\u0645\u062c\u06be\u0648\u062a\u06c1 \u0646\u06c1 \u06a9\u0631\u06d2\u06d4<\/p>\n<p>\u0645\u0642\u0635\u062f \u062a\u0645\u0627\u0645 \u063a\u0644\u0637\u06cc \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a \u06a9\u0648 \u0644\u0645\u0628\u0627 \u06a9\u0631\u0646\u0627 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4 \u0645\u0642\u0635\u062f \u0627\u0633\u06d2 \u0642\u0627\u0628\u0644 \u0639\u0645\u0644 \u0628\u0646\u0627\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-avoid-redundant-entry\">\u0688\u067e\u0644\u06cc\u06a9\u06cc\u0679 \u0627\u0646\u062f\u0631\u0627\u062c\u0627\u062a \u0633\u06d2 \u06a9\u06cc\u0633\u06d2 \u0628\u0686\u06cc\u06ba\u06d4<\/h2>\n<p>\u0627\u067e\u0646\u06cc \u0627\u062f\u0627\u0626\u06cc\u06af\u06cc \u06a9\u06d2 \u0639\u0645\u0644 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0635\u0627\u0631\u0641\u06cc\u0646 \u0627\u06cc\u06a9 \u0642\u062f\u0645 \u0645\u06cc\u06ba \u0627\u067e\u0646\u0627 \u0634\u067e\u0646\u06af \u0627\u06cc\u0688\u0631\u06cc\u0633 \u062f\u0631\u062c \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0644\u0627 \u0645\u0631\u062d\u0644\u06c1 \u0622\u067e \u0633\u06d2 \u0628\u0644\u0646\u06af \u06a9\u06d2 \u0645\u0642\u0627\u0635\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u0628\u0627\u0644\u06a9\u0644 \u0648\u06c1\u06cc \u067e\u062a\u06c1 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062f\u0631\u062c \u06a9\u0631\u0646\u06d2 \u06a9\u0648 \u06a9\u06c1\u06d2 \u06af\u0627\u06d4<\/p>\n<p>WCAG 2.2 \u0646\u06d2 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 3.3.7 \u0644\u06cc\u0648\u0644 A \u06a9\u06cc \u0646\u0642\u0644 \u0645\u062a\u0639\u0627\u0631\u0641 \u06a9\u0631\u0627\u0626\u06cc\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0627\u0633\u06cc \u0639\u0645\u0644 \u06a9\u06d2 \u062f\u0648\u0631\u0627\u0646 \u0635\u0627\u0631\u0641 \u06a9\u06cc \u0637\u0631\u0641 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u062f\u0631\u062c \u06a9\u06cc \u06af\u0626\u06cc \u06cc\u0627 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc \u06af\u0626\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u060c \u062a\u0648 \u0648\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u067e\u064f\u0631 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06cc\u06ba \u06cc\u0627 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0633\u062a\u06cc\u0627\u0628 \u06a9\u0631 \u062f\u06cc \u062c\u0627\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 \u0645\u0639\u06cc\u0627\u0631 \u0645\u06cc\u06ba \u0645\u0633\u062a\u062b\u0646\u06cc\u0627\u062a \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba \u062c\u0628 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0627\u0646\u062f\u0631\u0627\u062c \u0636\u0631\u0648\u0631\u06cc \u06c1\u0648\u060c \u0633\u06cc\u06a9\u0648\u0631\u0679\u06cc \u0648\u062c\u0648\u06c1\u0627\u062a \u06a9\u06cc \u0628\u0646\u0627 \u067e\u0631 \u0636\u0631\u0648\u0631\u06cc \u06c1\u0648\u060c \u06cc\u0627 \u062c\u0628 \u067e\u0686\u06be\u0644\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0632\u06cc\u062f \u062f\u0631\u0633\u062a \u0646\u06c1 \u06c1\u0648\u06ba\u06d4<\/p>\n<p>\u0627\u062f\u0627\u0626\u06cc\u06af\u06cc \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u06cc \u06c1\u06d2:<\/p>\n<pre><code class=\"language-html\"><label>\n  <input type=\"checkbox\" name=\"billing-same-as-delivery\"\/>\n  Use my delivery address as my billing address\n<\/label>\n<\/code><\/pre>\n<p>\u062a\u0642\u0627\u0636\u06d2 \u0627\u0633\u06cc \u0639\u0645\u0644 \u06a9\u06d2 \u0627\u0646\u062f\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4 \u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u06c1\u0631 \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u06a9\u0648 \u06c1\u0631 \u0648\u06c1 \u0642\u062f\u0631 \u06cc\u0627\u062f \u0631\u06a9\u06be\u0646\u0627 \u06c1\u0648\u06af\u06cc \u062c\u0648 \u0635\u0627\u0631\u0641 \u067e\u0686\u06be\u0644\u06d2 \u062f\u0648\u0631\u0648\u06ba \u06a9\u06d2 \u062f\u0648\u0631\u0627\u0646 \u062f\u0627\u062e\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 \u0645\u0639\u06cc\u0627\u0631 \u06cc\u06c1 \u0628\u06be\u06cc \u0638\u0627\u06c1\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0631\u0633\u0627\u0626\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0631\u06cc\u0688\u0631 \u0633\u067e\u0648\u0631\u0679 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u06a9\u06cc\u0648\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u062a\u06a9\u0631\u0627\u0631 \u06a9\u0648 \u06a9\u0645 \u06a9\u0631\u0646\u0627 \u06a9\u0633\u06cc \u06a9\u0627\u0645 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0631\u06a9\u0627\u0631 \u0639\u0644\u0645\u06cc \u0627\u0648\u0631 \u062a\u0639\u0627\u0645\u0644 \u06a9\u06cc \u06a9\u0648\u0634\u0634 \u06a9\u0648 \u06a9\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-keep-help-consistent\">\u0627\u067e\u0646\u06cc \u0645\u062f\u062f \u06a9\u0648 \u0645\u0633\u0644\u0633\u0644 \u06a9\u06cc\u0633\u06d2 \u0631\u06a9\u06be\u06cc\u06ba<\/h2>\n<p>WCAG 2.2 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 3.2.6 \u0644\u06cc\u0648\u0644 A \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u0633\u0644\u0633\u0644 \u0645\u062f\u062f \u0628\u06be\u06cc \u0634\u0627\u0645\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u062e\u0627\u0635 \u0645\u062f\u062f \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u0635\u0641\u062d\u0648\u06ba \u06a9\u06cc \u0627\u06cc\u06a9 \u0633\u06cc\u0631\u06cc\u0632 \u0645\u06cc\u06ba \u0628\u0627\u0631 \u0628\u0627\u0631 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u0627\u0633\u06d2 \u0627\u0633\u06cc \u0631\u0634\u062a\u06c1 \u062f\u0627\u0631 \u062a\u0631\u062a\u06cc\u0628 \u0645\u06cc\u06ba \u0638\u0627\u06c1\u0631 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2 \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0635\u0627\u0631\u0641 \u06a9\u0648\u0626\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc \u0634\u0631\u0648\u0639 \u0646\u06c1 \u06a9\u0631\u06d2\u06d4 \u0627\u0646 \u0645\u06cc\u06a9\u0627\u0646\u0632\u0645 \u0645\u06cc\u06ba \u0627\u0646\u0633\u0627\u0646\u06cc \u0631\u0627\u0628\u0637\u06d2 \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644\u0627\u062a\u060c \u0631\u0627\u0628\u0637\u06d2 \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631\u060c \u062e\u0648\u062f \u0645\u062f\u062f \u06a9\u06d2 \u0627\u062e\u062a\u06cc\u0627\u0631\u0627\u062a\u060c \u0627\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0631\u0627\u0628\u0637\u06d2 \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u0634\u0627\u0645\u0644 \u06c1\u0648 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0641\u0631\u0636 \u06a9\u0631\u06cc\u06ba \u06a9\u06c1 \u0622\u067e \u06a9\u06d2 \u0627\u06a9\u0627\u0624\u0646\u0679 \u06a9\u06d2 \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0627\u062a \u06c1\u06cc\u0688\u0631 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0633\u067e\u0648\u0631\u0679 \u0644\u0646\u06a9 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><header>\n  Acme\n\n  <nav aria-label=\"Primary\">\n    <!-- Navigation links -->\n  <\/nav>\n\n  Support\n<\/header>\n<\/code><\/pre>\n<p>\u0645\u062a\u0639\u0644\u0642\u06c1 \u0635\u0641\u062d\u0627\u062a \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u063a\u06cc\u0631 \u0645\u062a\u0648\u0642\u0639 \u0637\u0648\u0631 \u067e\u0631 \u0627\u0646 \u0633\u067e\u0648\u0631\u0679 \u0645\u06cc\u06a9\u0627\u0646\u0632\u0645 \u06a9\u0648 \u0645\u0646\u062a\u0642\u0644 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u06af\u0631\u06cc\u0632 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06c1\u0645 \u0641\u0631\u0642 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 WCAG 2.2 <strong>~ \u0646\u06c1\u06cc\u06ba<\/strong> \u062a\u0645\u0627\u0645 \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679\u0633 \u0633\u06d2 \u0627\u0646 \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u0645\u062f\u062f \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u06a9\u0648 \u0645\u062a\u0639\u0627\u0631\u0641 \u06a9\u0631\u0627\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0627\u06c1\u0644 \u0645\u062f\u062f \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u062f\u0633\u062a\u06cc\u0627\u0628 \u06c1\u0648 \u0627\u0648\u0631 \u0627\u06cc\u06a9 \u06c1\u06cc \u0633\u06cc\u0679 \u0645\u06cc\u06ba \u0645\u062a\u0639\u062f\u062f \u0635\u0641\u062d\u0627\u062a \u067e\u0631 \u062f\u06c1\u0631\u0627\u0626\u06cc \u06af\u0626\u06cc \u06c1\u0648 \u062a\u0648 \u0645\u0639\u06cc\u0627\u0631 \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u06c1\u0630\u0627\u060c \u062a\u0631\u0642\u06cc \u067e\u0631 \u0627\u062b\u0631 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0645\u0633\u062a\u0642\u0644 \u0645\u0632\u0627\u062c\u06cc \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0628\u0627\u0631 \u062c\u0628 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0645\u0639\u0644\u0648\u0645 \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u06a9\u06c1 \u0627\u06cc\u06a9 \u0635\u0641\u062d\u06c1 \u067e\u0631 \u0645\u062f\u062f \u06a9\u06c1\u0627\u06ba \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u0627\u0646\u06c1\u06cc\u06ba \u0627\u06af\u0644\u06d2 \u0635\u0641\u062d\u06c1 \u067e\u0631 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062a\u0644\u0627\u0634 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u062a\u0631\u063a\u06cc\u0628 \u0646\u06c1 \u062f\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-wcag-22-affects-authentication\">WCAG 2.2 \u06a9\u0633 \u0637\u0631\u062d \u0633\u0631\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/h2>\n<p>\u062a\u0635\u062f\u06cc\u0642 \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u0634\u0639\u0628\u06c1 \u06c1\u06d2 \u062c\u0648 WCAG 2.2 \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644 \u06c1\u0648\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u0627\u06af \u0627\u0646 \u0641\u0627\u0631\u0645 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u062c\u0648 \u062c\u0627\u0646 \u0628\u0648\u062c\u06be \u06a9\u0631 \u067e\u06cc\u0633\u0679 \u06a9\u0631\u0646\u06d2 \u06a9\u0648 \u0631\u0648\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-javascript\">passwordInput.addEventListener(\"paste\", (event) => {\n  event.preventDefault();\n});\n<\/code><\/pre>\n<p>\u0627\u06cc\u0633\u0627 \u0644\u06af\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06cc\u06c1 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0627\u067e\u0646\u06d2 \u067e\u0627\u0633 \u0648\u0631\u0688\u0632 \u06a9\u0648 \u062f\u0633\u062a\u06cc \u0637\u0648\u0631 \u067e\u0631 \u062f\u0631\u062c \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u062a\u0631\u063a\u06cc\u0628 \u062f\u06d2 \u06af\u0627\u060c \u0644\u06cc\u06a9\u0646 \u06cc\u06c1 \u0627\u06cc\u0633\u06d2 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u0645\u06cc\u06ba \u0628\u06be\u06cc \u0631\u06a9\u0627\u0648\u0679 \u0628\u0646 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0627\u0633\u0646\u0627\u062f \u06a9\u0648 \u06cc\u0627\u062f \u0631\u06a9\u06be\u0646\u06d2 \u06cc\u0627 \u0631\u06cc\u06a9\u0627\u0631\u0688 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06a9\u0648 \u06a9\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 3.3.8 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0633\u0631\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645) \u0633\u0631\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 \u06a9\u06d2 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u06a9\u0648 \u0627\u06cc\u0688\u0631\u06cc\u0633 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0639\u0644\u0645\u06cc \u0641\u0639\u0644 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0642\u0628\u0648\u0644 \u0634\u062f\u06c1 \u0645\u062a\u0628\u0627\u062f\u0644 \u06cc\u0627 \u0645\u0639\u0627\u0648\u0646 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u062f\u0633\u062a\u06cc\u0627\u0628 \u06c1\u0648 \u062a\u0648 \u0633\u0637\u062d AA \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u0627\u0633 \u0637\u0631\u062d \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u06cc \u06c1\u06cc\u06ba\u06d4 W3C \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u067e\u0627\u0633 \u0648\u0631\u0688 \u0645\u06cc\u0646\u06cc\u062c\u0631 \u06a9\u06cc \u0645\u062f\u062f \u0627\u0648\u0631 \u06a9\u0627\u067e\u06cc \u0627\u0648\u0631 \u067e\u06cc\u0633\u0679 \u06a9\u0648 \u0627\u06cc\u0633\u06d2 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0634\u0646\u0627\u062e\u062a \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u062a\u0635\u062f\u06cc\u0642 \u0633\u06d2 \u0648\u0627\u0628\u0633\u062a\u06c1 \u0639\u0644\u0645\u06cc \u0628\u0648\u062c\u06be \u06a9\u0648 \u06a9\u0645 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u067e\u0646\u06d2 \u0645\u0648\u062c\u0648\u062f\u06c1 \u0644\u0627\u06af \u0627\u0646 \u0641\u0627\u0631\u0645 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2\u060c \u0622\u067e \u062f\u0631\u062c \u0630\u06cc\u0644 \u0679\u0648\u0644\u0632 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><label for=\"username\">\n  Email address\n<\/label>\n\n<input id=\"username\" name=\"username\" type=\"email\" autocomplete=\"username\"\/>\n\n<label for=\"password\">\n  Password\n<\/label>\n\n<input id=\"password\" name=\"password\" type=\"password\" autocomplete=\"current-password\"\/>\n<\/code><\/pre>\n<p>\u0627\u0633 \u0645\u0639\u06cc\u0627\u0631 \u06a9\u0648 &quot;WCAG 2.2 \u0645\u0646\u0639 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u067e\u0627\u0633 \u0648\u0631\u0688\u0632&#8221; \u067e\u0631 \u0622\u0633\u0627\u0646 \u06a9\u0631\u0646\u0627 \u063a\u0644\u0637 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0633\u0686 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u067e\u0627\u0633 \u0648\u0631\u0688\u0632 \u0627\u06cc\u06a9 \u0639\u0644\u0645\u06cc \u0641\u0646\u06a9\u0634\u0646 \u0679\u06cc\u0633\u0679 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0627\u0633 \u0679\u06cc\u0633\u0679 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0648\u0626\u06cc \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u06c1\u06d2\u060c \u062c\u06cc\u0633\u0627 \u06a9\u06c1 \u067e\u0627\u0633 \u0648\u0631\u0688 \u0645\u06cc\u0646\u06cc\u062c\u0631 \u062c\u0648 \u0627\u0646\u06c1\u06cc\u06ba \u0641\u06cc\u0644\u0688\u0632 \u06a9\u0648 \u0628\u06be\u0631\u0646\u06d2 \u06a9\u06cc \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u06c1\u0645\u0627\u0631\u0627 \u0645\u0639\u06cc\u0627\u0631 \u0627\u0633 \u06a9\u06cc \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633\u06cc \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u06a9\u0627 \u0627\u0637\u0644\u0627\u0642 \u06a9\u062b\u06cc\u0631 \u0639\u0646\u0635\u0631\u06cc \u062a\u0648\u062b\u06cc\u0642 \u067e\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u0639\u0645\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u0648 \u0627\u06cc\u06a9 \u0688\u06cc\u0648\u0627\u0626\u0633 \u067e\u0631 \u06a9\u0648\u0688 \u067e\u0691\u06be\u0646\u06d2 \u0627\u0648\u0631 \u0627\u0633\u06d2 \u062f\u0648\u0633\u0631\u06d2 \u067e\u0631 \u062f\u0633\u062a\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0644\u06a9\u06be\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u06a9\u06c1 \u0622\u06cc\u0627 \u0622\u067e \u06a9\u06cc \u062a\u0635\u062f\u06cc\u0642 \u06a9\u0627 \u0628\u06c1\u0627\u0624 \u0639\u0644\u0645\u06cc \u0628\u0648\u062c\u06be \u0633\u06d2 \u0628\u0686\u0646\u06d2 \u06a9\u0627 \u0631\u0627\u0633\u062a\u06c1 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 W3C \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 \u0648\u0627\u0636\u062d \u0637\u0648\u0631 \u067e\u0631 \u0627\u06cc\u06a9 \u06a9\u062b\u06cc\u0631 \u0645\u0631\u062d\u0644\u06c1 \u062a\u0635\u062f\u06cc\u0642\u06cc \u0639\u0645\u0644 \u0627\u0648\u0631 \u0627\u0633 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0631\u0627\u0633\u062a\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u067e\u0631 \u0628\u0627\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0627\u0633 \u0628\u0627\u062a \u06a9\u06cc \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u0645\u062b\u0627\u0644 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0648\u06ba \u062f\u0631\u0633\u062a \u0645\u0639\u06cc\u0627\u0631\u0627\u062a \u0622\u0633\u0627\u0646 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u0686\u06cc\u06a9 \u0644\u0633\u0679 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0627\u06c1\u0645 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-use-aria-without-replacing-html\">HTML \u06a9\u0648 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u06cc\u06d2 \u0628\u063a\u06cc\u0631 ARIA \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>ARIA \u06a9\u0627 \u0645\u0637\u0644\u0628 \u06c1\u06d2\u06d4 <strong>\u0628\u06be\u0631\u067e\u0648\u0631\u060c \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0627\u0646\u0679\u0631\u0646\u06cc\u0679 \u0627\u06cc\u067e\u0644\u06cc \u06a9\u06cc\u0634\u0646\u0632<\/strong>.<\/p>\n<p>\u0627\u06cc\u0633\u06d2 \u06a9\u0631\u062f\u0627\u0631\u060c \u0631\u06cc\u0627\u0633\u062a\u06cc\u06ba\u060c \u0627\u0648\u0631 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba \u062c\u0648 \u0648\u06cc\u0628 \u0627\u06cc\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u0632 \u06a9\u0648 \u0627\u06cc\u0633\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u067e\u06c1\u0646\u0686\u0627\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba \u062c\u0648 \u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0632 \u0633\u06d2 \u062f\u0633\u062a\u06cc\u0627\u0628 \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>ARIA \u0645\u0641\u06cc\u062f \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0628\u06be\u06cc \u063a\u0644\u0637 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0627 \u0634\u06a9\u0627\u0631 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0646\u062f\u0631\u062c\u06c1 \u0630\u06cc\u0644 \u0645\u062b\u0627\u0644 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-html\"><p>\n  Place order\n<\/p>\n<\/code><\/pre>\n<p>\u06a9\u06c1 <code>role<\/code> \u0631\u0633\u0627\u0626\u06cc API \u06a9\u0648 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0639\u0646\u0635\u0631 \u0627\u06cc\u06a9 \u0628\u0679\u0646 \u06a9\u06cc \u0646\u0645\u0627\u0626\u0646\u062f\u06af\u06cc \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0639\u0646\u0635\u0631 \u06a9\u0648 \u0628\u0679\u0646 \u06a9\u06cc \u0637\u0631\u062d \u0628\u0631\u062a\u0627\u0624 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>W3C ARIA \u062a\u0635\u0646\u06cc\u0641 \u06a9\u06cc \u0645\u0634\u0642\u06cc\u06ba \u06af\u0627\u0626\u06cc\u0688 ARIA \u06a9\u06d2 \u06a9\u0631\u062f\u0627\u0631 \u06a9\u0648 \u0648\u0639\u062f\u0648\u06ba \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4 \u062c\u0628 \u0622\u067e \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba <code>role=\"button\"<\/code>\u0645\u062a\u0648\u0642\u0639 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0627\u0648\u0631 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627 \u0631\u0648\u06cc\u06c1 \u062e\u0648\u062f \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u0627 \u0622\u067e \u06a9\u06cc \u0630\u0645\u06c1 \u062f\u0627\u0631\u06cc \u06c1\u06d2\u06d4 ARIA \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u06a9\u0648 \u0627\u0633 \u0631\u0648\u06cc\u06d2 \u06a9\u0648 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u0646\u06c1\u06cc\u06ba \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0688\u06cc\u0641\u0627\u0644\u0679 HTML \u0639\u0646\u0627\u0635\u0631 \u06a9\u0648 \u062a\u0631\u062c\u06cc\u062d \u062f\u06cc\u06ba \u0627\u06af\u0631 \u0648\u06c1 \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u0645\u0648\u062c\u0648\u062f \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><button type=\"button\">\n  Place order\n<\/button>\n<\/code><\/pre>\n<h3 id=\"heading-how-aria-can-communicate-state\">ARIA \u0627\u0633\u0679\u06cc\u0679\u0633 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/h3>\n<p>ARIA \u0645\u0641\u06cc\u062f \u06c1\u06d2 \u062c\u0628 \u0627\u06a9\u06cc\u0644\u06d2 HTML \u06a9\u0633\u06cc \u062c\u0632\u0648 \u06a9\u06cc \u0645\u0648\u062c\u0648\u062f\u06c1 \u062d\u0627\u0644\u062a \u06a9\u0648 \u06a9\u0627\u0641\u06cc \u062d\u062f \u062a\u06a9 \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0646\u06a9\u0634\u0627\u0641 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u067e\u0631 \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-html\"><button id=\"account-options-trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"account-options\">\n  Account options\n<\/button>\n\n\n<\/code><\/pre>\n<p>\u0622\u067e \u0631\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba <code>aria-expanded<\/code> \u0688\u0633\u067e\u0644\u06d2 \u062d\u0627\u0644\u062a \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06c1\u0645 \u0648\u0642\u062a \u0633\u0627\u0632\u06cc \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-javascript\">const trigger = document.querySelector(\n  \"#account-options-trigger\"\n);\n\nconst panel = document.querySelector(\n  \"#account-options\"\n);\n\ntrigger.addEventListener(\"click\", () => {\n  const isExpanded =\n    trigger.getAttribute(\"aria-expanded\") === \"true\";\n\n  trigger.setAttribute(\n    \"aria-expanded\",\n    String(!isExpanded)\n  );\n\n  panel.hidden = isExpanded;\n});\n<\/code><\/pre>\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u067e\u0679 \u062f\u0648 \u0645\u062a\u0639\u0644\u0642\u06c1 \u06a9\u0627\u0645 \u0627\u0646\u062c\u0627\u0645 \u062f\u06cc\u062a\u0627 \u06c1\u06d2:<\/p>\n<p>\u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u06cc\u06ba \u06a9\u06c1 \u0622\u06cc\u0627 \u067e\u06cc\u0646\u0644 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u0679\u0631\u06af\u0631 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u0633\u0627\u0645\u0646\u06d2 \u0622\u0646\u06d2 \u0648\u0627\u0644\u06cc \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u062d\u0627\u0644\u062a \u06a9\u0648 \u0627\u067e \u0688\u06cc\u0679 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06af\u0631\u0686\u06c1 \u067e\u06cc\u0646\u0644 \u0628\u0635\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u06a9\u06be\u0644\u062a\u0627 \u06c1\u06d2\u060c <code>aria-expanded<\/code> \u06a9\u06be\u0646\u0688\u0631\u0627\u062a <code>false<\/code>\u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0645\u06cc\u06ba \u0627\u0628 \u062f\u0648 \u0645\u062a\u0636\u0627\u062f \u0631\u06cc\u0627\u0633\u062a\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 ARIA \u06a9\u06d2 \u06a9\u0686\u06be \u0645\u0641\u06cc\u062f \u0627\u0635\u0648\u0644\u0648\u06ba \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 <strong>ARIA \u0631\u06cc\u0627\u0633\u062a \u06a9\u0648 \u06cc\u06c1 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2 \u06a9\u06c1 \u0627\u0635\u0644 \u0645\u06cc\u06ba \u06a9\u0648\u0646 \u0633\u0627 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0645\u0648\u062c\u0648\u062f \u06c1\u06d2\u06d4<\/strong><\/p>\n<p>\u0645\u0632\u06cc\u062f \u067e\u06cc\u0686\u06cc\u062f\u06c1 \u0646\u0645\u0648\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u062c\u06cc\u0633\u06d2 \u0688\u0627\u0626\u06cc\u0644\u0627\u06af \u0628\u0627\u06a9\u0633\u0632\u060c \u06a9\u0648\u0645\u0628\u0648 \u0628\u0627\u06a9\u0633\u0632\u060c \u0679\u06cc\u0628\u0632\u060c \u0645\u06cc\u0646\u0648\u0632\u060c \u0627\u0648\u0631 \u06af\u0631\u0688\u0632\u060c W3C ARIA \u062a\u0635\u0646\u06cc\u0641 \u06a9\u06cc \u0645\u0634\u0642\u06cc\u06ba \u06af\u0627\u0626\u06cc\u0688 \u062f\u0633\u062a\u0627\u0648\u06cc\u0632\u06cc \u062a\u0639\u0627\u0645\u0644 \u06a9\u06d2 \u0646\u0645\u0648\u0646\u06d2 \u0627\u0648\u0631 \u0645\u062b\u0627\u0644\u06cc\u06ba \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4 W3C \u06cc\u06c1 \u0628\u06be\u06cc \u0648\u0627\u0636\u062d \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 APG \u0627\u06cc\u06a9 \u0646\u0641\u0627\u0630 \u06af\u0627\u0626\u06cc\u0688 \u06c1\u06d2\u060c \u0627\u06cc\u06a9 \u0646\u0633\u062e\u06c1 \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 \u0646\u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-make-dynamic-status-messages-accessible\">\u0645\u062a\u062d\u0631\u06a9 \u062d\u06cc\u062b\u06cc\u062a \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a \u06a9\u0648 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0628\u0646\u0627\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h2>\n<p>\u062c\u062f\u06cc\u062f \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0646\u0626\u06d2 \u0635\u0641\u062d\u0627\u062a \u06a9\u0648 \u0644\u0648\u0688 \u06a9\u06cc\u06d2 \u0628\u063a\u06cc\u0631 \u06a9\u062b\u0631\u062a \u0633\u06d2 \u0627\u067e \u0688\u06cc\u0679 \u06c1\u0648\u062a\u0627 \u0631\u06c1\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0635\u0627\u0631\u0641\u06cc\u0646 \u0627\u067e\u0646\u0627 \u067e\u0631\u0648\u0641\u0627\u0626\u0644 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u062f\u06cc\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">Your settings were saved.\n<\/code><\/pre>\n<p>\u06cc\u0627 \u06cc\u06c1 \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">18 results found.\n<\/code><\/pre>\n<p>\u062f\u06cc\u06a9\u06be\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0635\u0627\u0631\u0641\u06cc\u0646 \u0627\u06a9\u062b\u0631 \u0627\u067e\u0646\u06d2 \u0645\u0648\u062c\u0648\u062f\u06c1 \u06a9\u0646\u0679\u0631\u0648\u0644 \u06a9\u0648 \u0686\u06be\u0648\u0691\u06d2 \u0628\u063a\u06cc\u0631 \u0627\u0646 \u0627\u067e \u0688\u06cc\u0679\u0633 \u06a9\u0648 \u0686\u06cc\u06a9 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u0639\u0627\u0648\u0646 \u0679\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0648\u06ba \u06a9\u0648 \u0645\u062a\u0639\u0644\u0642\u06c1 \u0627\u0633\u0679\u06cc\u0679\u0633 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0631\u0648\u06af\u0631\u0627\u0645\u06cc \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u06cc \u0628\u06be\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 4.1.3 \u0627\u0633\u0679\u06cc\u0679\u0633 \u0645\u06cc\u0633\u062c\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0645\u0633\u062a\u0646\u062f \u0627\u0633\u0679\u06cc\u0679\u0633 \u0645\u06cc\u0633\u062c \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2 \u062c\u0633\u06d2 \u067e\u0631\u0648\u06af\u0631\u0627\u0645 \u06a9\u06d2 \u0645\u0637\u0627\u0628\u0642 \u062d\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u062a\u0627\u06a9\u06c1 \u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc \u067e\u06cc\u063a\u0627\u0645 \u067e\u0631 \u062a\u0648\u062c\u06c1 \u0645\u0631\u06a9\u0648\u0632 \u06a9\u06cc\u06d2 \u0628\u063a\u06cc\u0631 \u0627\u0633\u0679\u06cc\u0679\u0633 \u0645\u06cc\u0633\u062c \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0633\u06a9\u06d2\u06d4<\/p>\n<p>\u0645\u0639\u0645\u0648\u0644 \u06a9\u06cc \u0627\u0633\u0679\u0648\u0631\u06cc\u062c \u06a9\u06cc \u062a\u0635\u062f\u06cc\u0642 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0622\u067e \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba: <code>role=\"status\"<\/code>:<\/p>\n<pre><code class=\"language-html\"><button id=\"save-settings\" type=\"button\">\n  Save settings\n<\/button>\n\n\n<\/code><\/pre>\n<p>\u067e\u06be\u0631 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0627\u067e \u0688\u06cc\u0679 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-javascript\">const saveButton = document.querySelector(\n  \"#save-settings\"\n);\n\nconst saveStatus = document.querySelector(\n  \"#save-status\"\n);\n\nsaveButton.addEventListener(\"click\", () => {\n  saveStatus.textContent =\n    \"Your settings were saved.\";\n});\n<\/code><\/pre>\n<p>\u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0641\u0648\u06a9\u0633 \u06a9\u0648 \u0633\u06cc\u0648 \u0628\u0679\u0646 \u0633\u06d2 \u06c1\u0679\u0627\u0626\u06d2 \u0628\u063a\u06cc\u0631 \u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc\u0632 \u0645\u06cc\u06ba \u0631\u06cc\u0627\u0633\u062a\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u062a\u0645\u0627\u0645 \u0645\u062a\u062d\u0631\u06a9 DOM \u062a\u0628\u062f\u06cc\u0644\u06cc\u0627\u06ba \u062d\u06cc\u062b\u06cc\u062a \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u0627\u0633 \u0627\u0635\u0637\u0644\u0627\u062d \u06a9\u06cc \u0645\u0632\u06cc\u062f \u0648\u0636\u0627\u062d\u062a \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u0633 \u0645\u06cc\u06ba \u0622\u067e\u0631\u06cc\u0634\u0646 \u06a9\u06d2 \u0646\u062a\u06cc\u062c\u06c1 \u06cc\u0627 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u06cc \u0627\u0646\u062a\u0638\u0627\u0631 \u06a9\u06cc \u062d\u0627\u0644\u062a\u060c \u0639\u0645\u0644 \u06a9\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u060c \u0627\u0648\u0631 \u0627\u06af\u0631 \u0627\u067e \u0688\u06cc\u0679 \u062e\u0648\u062f \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc \u06a9\u06cc \u062a\u0634\u06a9\u06cc\u0644 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062a\u0648 \u063a\u0644\u0637\u06cc\u0648\u06ba \u06a9\u06cc \u0645\u0648\u062c\u0648\u062f\u06af\u06cc \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u0648\u0627\u062f \u06a9\u06cc \u062a\u0645\u0627\u0645 \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u062d\u0642\u06cc\u0642\u06cc \u0648\u0642\u062a \u0645\u06cc\u06ba \u0627\u0639\u0644\u0627\u0646\u0627\u062a \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4 \u0636\u0631\u0648\u0631\u062a \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0686\u06cc\u0679\u06cc \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0627 \u0633\u0628\u0628 \u0628\u0646 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u0679\u06cc\u0679 \u0633\u06cc\u0645\u0646\u0679\u06a9\u0633 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba \u062c\u0648 \u0635\u0627\u0631\u0641 \u06a9\u0648 \u0627\u067e\u0646\u06d2 \u0645\u0648\u062c\u0648\u062f\u06c1 \u06a9\u0627\u0645 \u06a9\u0648 \u062c\u0627\u0631\u06cc \u0631\u06a9\u06be\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u062d\u0627\u0635\u0644 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-test-your-website-for-accessibility\">\u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u062a\u06a9 \u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>\u0631\u0633\u0627\u0626\u06cc \u06a9\u06cc \u062c\u0627\u0646\u0686 \u0637\u0631\u06cc\u0642\u0648\u06ba \u06a9\u06d2 \u0627\u0645\u062a\u0632\u0627\u062c \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u06a9\u0648 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0679\u0648\u0644\u0632 \u0627\u0648\u0631 \u0627\u0646\u0633\u0627\u0646\u06cc \u062a\u0634\u062e\u06cc\u0635 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u062c\u0627\u0646\u0686 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0627\u0633\u06a9\u06cc\u0646\u0631\u0632 \u0628\u06c1\u062a \u0633\u06d2 \u062a\u06a9\u0646\u06cc\u06a9\u06cc \u0645\u0633\u0627\u0626\u0644 \u06a9\u06cc \u0646\u0634\u0627\u0646\u062f\u06c1\u06cc \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0648\u06c1 \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u0637\u0631\u06cc\u0642\u06d2 \u0633\u06d2 \u062a\u0645\u0627\u0645 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u062a\u0642\u0627\u0636\u0648\u06ba \u06a9\u0627 \u062a\u0639\u06cc\u0646 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06cc\u0627 \u0627\u0633 \u0628\u0627\u062a \u06a9\u0627 \u062a\u0639\u06cc\u0646 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06a9\u06c1 \u0622\u06cc\u0627 \u0635\u0627\u0631\u0641 \u06a9\u0627 \u067e\u0648\u0631\u0627 \u0633\u0641\u0631 \u0645\u0646\u0627\u0633\u0628 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-start-with-automated-testing\">\u062e\u0648\u062f\u06a9\u0627\u0631 \u062c\u0627\u0646\u0686 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u06cc\u0633\u06d2 \u0634\u0631\u0648\u0639 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/h3>\n<p>\u062e\u0648\u062f\u06a9\u0627\u0631 \u0679\u0648\u0644\u0632 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0642\u0627\u0628\u0644 \u062a\u06a9\u0646\u06cc\u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0641\u06cc\u062f \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645\u0648\u06ba\u060c \u06a9\u0686\u06be \u0645\u062a\u0636\u0627\u062f \u0646\u0627\u06a9\u0627\u0645\u06cc\u0648\u06ba\u060c ARIA \u06a9\u06d2 \u063a\u0644\u0637 \u0627\u0633\u062a\u0639\u0645\u0627\u0644\u060c \u0641\u0627\u0631\u0645 \u06a9\u06d2 \u062a\u0639\u0644\u0642\u0627\u062a\u060c \u0627\u0648\u0631 \u0645\u0634\u06cc\u0646 \u06a9\u0627 \u067e\u062a\u06c1 \u0644\u06af\u0627\u0646\u06d2 \u06a9\u06d2 \u062f\u06cc\u06af\u0631 \u062d\u0627\u0644\u0627\u062a \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u0628\u06c1\u062a \u0633\u06d2 \u0645\u0633\u0627\u0626\u0644 \u06a9\u06cc \u0646\u0634\u0627\u0646\u062f\u06c1\u06cc \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u062c\u0628 \u062f\u0631\u0633\u062a\u06af\u06cc \u0645\u0639\u0646\u06cc \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u06c1\u0648\u062a\u06cc \u06c1\u06d2 \u062a\u0648 \u062d\u062f\u0648\u062f \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0679\u0648\u0644 \u0622\u067e \u06a9\u0648 \u0627\u062c\u0627\u0632\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4 <code>alt<\/code> \u0627\u0633 \u06a9\u06cc \u0648\u062c\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0627\u0633 \u0628\u0627\u062a \u06a9\u0627 \u062a\u0639\u06cc\u0646 \u06a9\u0631\u0646\u0627 \u06c1\u0645\u06cc\u0634\u06c1 \u0645\u0645\u06a9\u0646 \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u0627 \u06a9\u06c1 \u0622\u06cc\u0627 \u0645\u062a\u0646 \u062a\u0635\u0648\u06cc\u0631 \u06a9\u06d2 \u0645\u0642\u0635\u062f \u06a9\u0648 \u062f\u0631\u0633\u062a \u0637\u0631\u06cc\u0642\u06d2 \u0633\u06d2 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u06c1\u0630\u0627\u060c \u0622\u0679\u0648\u0645\u06cc\u0634\u0646 \u0634\u0631\u0648\u0639 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2\u060c \u062e\u062a\u0645 \u0646\u06c1\u06cc\u06ba\u060c \u062a\u0634\u062e\u06cc\u0635.<\/p>\n<h3 id=\"heading-how-to-perform-keyboard-testing\">\u06a9\u06cc \u0628\u0648\u0631\u0688 \u0679\u06cc\u0633\u0679 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u0627\u06cc\u06a9 \u0635\u0641\u062d\u06c1 \u06a9\u06be\u0648\u0644\u06cc\u06ba\u060c \u0627\u067e\u0646\u06d2 \u0645\u0627\u0624\u0633 \u06a9\u0648 \u0627\u06cc\u06a9 \u0637\u0631\u0641 \u0631\u06a9\u06be\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0635\u0631\u0641 \u0627\u067e\u0646\u06d2 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06a9\u06d2 \u0627\u0635\u0644 \u06a9\u0627\u0645 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0633\u06d2 \u0634\u0631\u0648\u0639 \u06a9\u0631\u06cc\u06ba\u06d4 <code>Tab<\/code> \u0627\u0646\u0679\u0631\u0627\u06cc\u06a9\u0679\u0648 \u0639\u0646\u0627\u0635\u0631 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0622\u06af\u06d2 \u0628\u0691\u06be\u06cc\u06ba\u06d4 <code>Shift + Tab<\/code> \u0648\u0627\u067e\u0633 \u062c\u0627\u0624\u06d4<\/p>\n<p>\u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba <code>Enter<\/code> \u0627\u0648\u0631 <code>Space<\/code> \u062c\u06c1\u0627\u06ba \u0645\u0646\u0627\u0633\u0628 \u06c1\u0648 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0648 \u0641\u0639\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 \u0627\u067e\u0646\u06cc \u0645\u0631\u0636\u06cc \u06a9\u06d2 \u0648\u06cc\u062c\u0679 \u062a\u06a9 \u062a\u06cc\u0631 \u0648\u0627\u0644\u06d2 \u0628\u0679\u0646\u0648\u06ba \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0631\u0633\u0627\u0626\u06cc \u062d\u0627\u0635\u0644 \u06a9\u06cc \u062c\u0627 \u0633\u06a9\u062a\u06cc \u06c1\u06d2 \u06cc\u0627 <code>Escape<\/code> \u062a\u0639\u0627\u0645\u0644 \u06a9\u06d2 \u067e\u06cc\u0679\u0631\u0646 \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u06c1\u06d2\u060c ARIA Authoring Practices \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0631\u06c1\u0646\u0645\u0627 \u062e\u0637\u0648\u0637 \u0639\u0627\u0645 \u0648\u06cc\u062c\u06cc\u0679 \u067e\u06cc\u0679\u0631\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u062a\u0648\u0642\u0639 \u0631\u0648\u06cc\u06d2 \u06a9\u06cc \u062f\u0633\u062a\u0627\u0648\u06cc\u0632 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0628\u0633 \u0627\u0633\u06d2 \u062f\u0628\u0627\u0626\u06cc\u06ba \u0645\u062a\u06d4 <code>Tab<\/code> \u0627\u0633\u06d2 \u0686\u0646\u062f \u0628\u0627\u0631 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u0631\u06a9 \u062c\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06af\u0631 \u0622\u067e \u0627\u062f\u0627\u0626\u06cc\u06af\u06cc \u06a9\u06d2 \u0628\u06c1\u0627\u0624 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u0631 \u0631\u06c1\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<ol>\n<li>\n<p>\u0679\u0648\u06a9\u0631\u06cc \u067e\u0631 \u062c\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0645\u0642\u062f\u0627\u0631 \u06a9\u0648 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0627\u062f\u0627\u0626\u06cc\u06af\u06cc \u062c\u0627\u0631\u06cc \u0631\u06a9\u06be\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0641\u0627\u0631\u0645 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u062c\u0627\u0626\u06cc\u06ba.<\/p>\n<\/li>\n<li>\n<p>\u0628\u0631\u0627\u06c1 \u0645\u06c1\u0631\u0628\u0627\u0646\u06cc \u062c\u0645\u0639 \u06a9\u0631\u0627\u0626\u06cc\u06ba.<\/p>\n<\/li>\n<li>\n<p>\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u063a\u0644\u0637\u06cc \u06a9\u0648 \u062f\u0631\u0633\u062a \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0639\u0645\u0644 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<\/ol>\n<p>\u062c\u06cc\u0633\u0627 \u06a9\u06c1 \u0622\u067e \u0627\u06cc\u0633\u0627 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0633 \u0628\u0627\u062a \u06a9\u0648 \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba \u06a9\u06c1 \u0622\u067e \u062a\u0645\u0627\u0645 \u0636\u0631\u0648\u0631\u06cc \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u062a\u06a9 \u067e\u06c1\u0646\u0686 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0622\u067e\u0631\u06cc\u0679 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0645\u0627\u0645 \u0627\u062c\u0632\u0627\u0621 \u0633\u06d2 \u062f\u0648\u0631 \u0631\u06c1 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u06cc\u06a9 \u0645\u0646\u0627\u0633\u0628 \u0641\u0648\u06a9\u0633 \u0622\u0631\u0688\u0631 \u06a9\u06cc \u067e\u06cc\u0631\u0648\u06cc \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0633 \u0628\u0627\u062a \u06a9\u0627 \u062a\u0639\u06cc\u0646 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u0641\u06cc \u0627\u0644\u062d\u0627\u0644 \u0641\u0648\u06a9\u0633 \u06a9\u06c1\u0627\u06ba \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0627\u0648\u0648\u0631\u0644\u06cc\u0632 \u06a9\u0648 \u0641\u0648\u06a9\u0633\u0688 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0686\u06be\u067e\u0627\u0646\u06d2 \u0633\u06d2 \u0631\u0648\u06a9\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0645\u0633\u0626\u0644\u06c1 \u067e\u06cc\u0634 \u0622\u062a\u0627 \u06c1\u06d2 \u062a\u0648\u060c \u0645\u062a\u0639\u0644\u0642\u06c1 \u062a\u0642\u0627\u0636\u0648\u06ba \u0645\u06cc\u06ba \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.1.1 \u06a9\u06cc \u0628\u0648\u0631\u0688\u060c \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.1.2 \u06a9\u0648\u0626\u06cc \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0679\u0631\u06cc\u067e\u0633 \u0646\u06c1\u06cc\u06ba\u060c \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.4.3 \u0641\u0648\u06a9\u0633 \u0622\u0631\u0688\u0631\u060c \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.4.7 \u0641\u0648\u06a9\u0633 \u0648\u06cc\u0632\u06cc\u0628\u0644\u0679\u06cc\u060c \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.4.7 \u0641\u0648\u06a9\u0633 (Obcusmined 1.2) \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-test-zoom-resizing-and-reflow\">\u0632\u0648\u0645\u060c \u0633\u0627\u0626\u0632 \u062a\u0628\u062f\u06cc\u0644\u060c \u0627\u0648\u0631 \u0631\u06cc \u0641\u0644\u0648 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u0622\u067e \u0628\u0646\u06cc\u0627\u062f\u06cc \u0632\u0648\u0645 \u0679\u06cc\u0633\u0679\u0646\u06af \u0628\u0631\u0627\u06c1 \u0631\u0627\u0633\u062a \u0627\u067e\u0646\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631 \u0645\u06cc\u06ba \u0627\u0646\u062c\u0627\u0645 \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0632\u06cc\u0627\u062f\u06c1 \u062a\u0631 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u0645\u06cc\u06ba:<\/p>\n<p>W3C \u06a9\u0627 \u0632\u0648\u0645 \u0627\u06cc\u0632\u06cc \u0686\u06cc\u06a9 200% \u067e\u0631 \u062c\u0627\u0646\u0686 \u06a9\u0627 \u0645\u0634\u0648\u0631\u06c1 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u067e\u0648\u0631\u06d2 \u0635\u0641\u062d\u06d2 \u06a9\u0648 \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0632\u0648\u0645 \u0628\u0691\u06be\u0627\u0626\u06cc\u06ba \u0627\u0648\u0631 \u062a\u0644\u0627\u0634 \u06a9\u0631\u06cc\u06ba:<\/p>\n<ul>\n<li>\n<p>\u06a9\u0679\u0627 \u06c1\u0648\u0627 \u0645\u062a\u0646<\/p>\n<\/li>\n<li>\n<p>\u0627\u0648\u0648\u0631\u0644\u06cc\u067e\u0646\u06af \u0639\u0646\u0627\u0635\u0631<\/p>\n<\/li>\n<li>\n<p>\u063a\u0627\u0626\u0628 \u06a9\u0646\u0679\u0631\u0648\u0644<\/p>\n<\/li>\n<li>\n<p>\u0646\u06cc\u0648\u06cc\u06af\u06cc\u0634\u0646 \u0646\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u0646\u0627 \u0686\u06be\u0648\u0691 \u062f\u06cc\u0627\u06d4<\/p>\n<\/li>\n<li>\n<p>\u062f\u0648\u0633\u0631\u06d2 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u067e\u06cc\u0686\u06be\u06d2 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 \u0645\u0648\u0627\u062f<\/p>\n<\/li>\n<li>\n<p>\u0639\u0627\u0645 \u0635\u0641\u062d\u06c1 \u06a9\u0627 \u0645\u0648\u0627\u062f \u0627\u0641\u0642\u06cc \u0633\u06a9\u0631\u0648\u0644\u0646\u06af<\/p>\n<\/li>\n<\/ul>\n<p>\u0627\u0633 \u06a9\u06d2 \u0639\u0644\u0627\u0648\u06c1\u060c \u0622\u067e \u06a9\u0627 \u0645\u0648\u0627\u062f \u06a9\u06cc\u0633\u06d2 \u0631\u06cc \u0641\u0644\u0648 \u06c1\u0648\u062a\u0627 \u06c1\u06d2 \u0627\u0633 \u06a9\u0627 \u0645\u0639\u0627\u0626\u0646\u06c1 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u0646\u06af \u0628\u0631\u0627\u0624\u0632\u0631 \u0648\u0646\u0688\u0648\u0632 \u06cc\u0627 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u0624\u0632\u0631 \u0679\u0648\u0644\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 1.4.4 \u0679\u06cc\u06a9\u0633\u0679 \u0627\u0633\u06a9\u06cc\u0644\u0646\u06af \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 1.4.10 \u0631\u06cc \u0641\u0644\u0648 \u0645\u06cc\u06ba \u0628\u06cc\u0627\u0646 \u06a9\u0631\u062f\u06c1 \u0631\u0648\u06cc\u06d2 \u06a9\u06cc \u062a\u0635\u062f\u06cc\u0642 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-test-colour-and-contrast\">\u0631\u0646\u06af \u0627\u0648\u0631 \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u067e\u06cc\u0634 \u0645\u0646\u0638\u0631 \u0627\u0648\u0631 \u067e\u0633 \u0645\u0646\u0638\u0631 \u06a9\u06d2 \u0627\u0645\u062a\u0632\u0627\u062c \u06a9\u06cc \u067e\u06cc\u0645\u0627\u0626\u0634 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u067e\u0646\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06d2 \u0688\u0648\u06cc\u0644\u067e\u0631 \u0679\u0648\u0644\u0632 \u0645\u06cc\u06ba \u062f\u0633\u062a\u06cc\u0627\u0628 \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 \u0686\u06cc\u06a9\u0631 \u06cc\u0627 \u0631\u0646\u06af \u06a9\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0622\u067e \u06cc\u06c1 \u0633\u0627\u062f\u06c1 \u0645\u062a\u0646 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0633\u0627\u062a\u06be \u0627\u06c1\u0645 \u063a\u06cc\u0631 \u0645\u062a\u0646\u06cc \u0639\u0646\u0627\u0635\u0631 \u062c\u06cc\u0633\u06d2 \u0635\u0627\u0631\u0641 \u06a9\u0646\u0679\u0631\u0648\u0644 \u0628\u0627\u0631\u0688\u0631\u0632\u060c \u0634\u0628\u06cc\u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0627\u0633\u0679\u06cc\u0679\u0633 \u0627\u0646\u0688\u06cc\u06a9\u06cc\u0679\u0631\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u067e\u06be\u0631 \u06c1\u0645 \u0631\u0646\u06af \u067e\u0631 \u0645\u0646\u062d\u0635\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u0627\u0644\u06af \u0633\u06d2 \u062c\u0627\u0646\u0686\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0627\u06cc\u0631\u0631 \u0641\u06cc\u0644\u0688 \u0633\u0631\u062e \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u062a\u0648 \u0631\u0646\u06af \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc \u06a9\u0648 \u0639\u0627\u0631\u0636\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0646\u0638\u0631 \u0627\u0646\u062f\u0627\u0632 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u067e\u0648\u0686\u06be\u06cc\u06ba \u06a9\u06c1 \u06a9\u06cc\u0627 \u062f\u06cc\u06af\u0631 \u0628\u0635\u0631\u06cc \u0627\u0634\u0627\u0631\u06d2 \u0627\u0628 \u0628\u06be\u06cc \u063a\u0644\u0637\u06cc \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0686\u06cc\u06a9\u0633 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 1.4.1 \u0631\u0646\u06af \u06a9\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644\u060c \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.3 \u06a9\u0646\u0679\u0631\u0627\u0633\u0679 (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645) \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 1.4.11 \u063a\u06cc\u0631 \u0645\u062a\u0646 \u06a9\u06d2 \u062a\u0636\u0627\u062f \u0633\u06d2 \u0645\u0637\u0627\u0628\u0642\u062a \u0631\u06a9\u06be\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-test-forms-manually\">\u0627\u067e\u0646\u06d2 \u0641\u0627\u0631\u0645 \u06a9\u06cc \u062f\u0633\u062a\u06cc \u0637\u0648\u0631 \u067e\u0631 \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u0635\u0631\u0641 \u062f\u0631\u0633\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u067e\u0646\u06d2 \u0641\u0627\u0631\u0645 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4 \u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u06a9\u06cc\u0633\u0632 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0622\u067e \u06a9\u0648 \u062c\u0627\u0646 \u0628\u0648\u062c\u06be \u06a9\u0631 \u063a\u0644\u0637\u06cc\u0627\u06ba \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0637\u0644\u0648\u0628\u06c1 \u0641\u06cc\u0644\u0688\u0632 \u06a9\u0648 \u062e\u0627\u0644\u06cc \u0686\u06be\u0648\u0691 \u062f\u06cc\u06ba\u06d4 \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u063a\u0644\u0637 \u0641\u0627\u0631\u0645\u06cc\u0679 \u0634\u062f\u06c1 \u0627\u06cc \u0645\u06cc\u0644 \u0627\u06cc\u0688\u0631\u06cc\u0633 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4 \u0648\u06c1 \u0642\u06cc\u0645\u062a \u062c\u0645\u0639 \u06a9\u0631\u0648\u0627\u0626\u06cc\u06ba \u062c\u0633\u06d2 \u0641\u0627\u0631\u0645 \u0645\u06cc\u06ba \u0645\u0633\u062a\u0631\u062f \u06a9\u06cc\u0627 \u062c\u0627\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u067e\u06be\u0631 \u062f\u06cc\u06a9\u06be\u06cc\u06ba \u06a9\u06c1 \u06a9\u06cc\u0627 \u0622\u067e \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<ul>\n<li>\n<p>\u0645\u0633\u0626\u0644\u06c1 \u06a9\u06d2 \u0639\u0644\u0627\u0642\u0648\u06ba \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u063a\u0644\u0637\u06cc \u06a9\u06d2 \u067e\u06cc\u063a\u0627\u0645 \u06a9\u0648 \u0633\u0645\u062c\u06be\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0641\u06cc\u0635\u0644\u06c1 \u06a9\u0631\u06cc\u06ba \u06a9\u06c1 \u0627\u0633\u06d2 \u06a9\u06cc\u0633\u06d2 \u062f\u0631\u0633\u062a \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u063a\u0644\u0637\u06cc\u0648\u06ba \u062a\u06a9 \u067e\u06c1\u0646\u0686\u0646\u0627<\/p>\n<\/li>\n<li>\n<p>\u0627\u067e\u0646\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u06cc\u06ba \u062a\u0631\u0645\u06cc\u0645 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u062c\u0627\u0631\u06cc \u0631\u06a9\u06be\u06cc\u06ba<\/p>\n<\/li>\n<\/ul>\n<p>\u0627\u067e\u0646\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06d2 \u0688\u0648\u06cc\u0644\u067e\u0631 \u0679\u0648\u0644\u0632 \u0645\u06cc\u06ba \u0627\u067e\u0646\u06d2 \u0641\u0627\u0631\u0645 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0648 \u0628\u06be\u06cc \u0686\u06cc\u06a9 \u06a9\u0631\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u06cc\u06c1 \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u06d2 \u06a9\u06c1 \u0645\u0631\u0626\u06cc \u0644\u06cc\u0628\u0644\u0632 \u0627\u0648\u0631 \u0648\u0636\u0627\u062d\u062a\u06cc\u06ba \u0635\u062d\u06cc\u062d \u0641\u06cc\u0644\u0688\u0632 \u0633\u06d2 \u0648\u0627\u0628\u0633\u062a\u06c1 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u0679\u06cc\u0633\u0679 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 3.3.1 \u063a\u0644\u0637\u06cc \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a\u060c \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 3.3.2 \u0644\u06cc\u0628\u0644 \u06cc\u0627 \u06c1\u062f\u0627\u06cc\u0627\u062a\u060c \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 3.3.3 \u063a\u0644\u0637\u06cc \u06a9\u06cc \u062a\u062c\u0648\u06cc\u0632 \u06a9\u06cc \u062a\u0635\u062f\u06cc\u0642 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-test-pointer-and-dragging-interactions\">\u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u0627\u0648\u0631 \u0688\u0631\u06cc\u06af \u062a\u0639\u0627\u0645\u0644 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u0645\u06cc\u06ba \u0688\u0631\u06cc\u06af \u0627\u06cc\u0646\u0688 \u0688\u0631\u0627\u067e \u0634\u0627\u0645\u0644 \u06c1\u06d2 \u062a\u0648 \u067e\u06c1\u0644\u06d2 \u06a9\u0627\u0645 \u06a9\u0648 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0645\u06a9\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 \u067e\u06be\u0631 \u06af\u06be\u0633\u06cc\u0679\u06d2 \u0628\u063a\u06cc\u0631 \u0648\u06c1\u06cc \u0641\u0646\u06a9\u0634\u0646 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u06a9\u0648\u0634\u0634 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06af\u0631 \u06a9\u0633\u06cc \u0627\u06cc\u06a9\u0634\u0646 \u06a9\u0648 \u06a9\u0633\u06cc \u0646\u0626\u06d2 \u0645\u0642\u0627\u0645 \u067e\u0631 \u06af\u06be\u0633\u06cc\u0679 \u06a9\u0631 \u0644\u06d2 \u062c\u0627\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba \u06a9\u06c1 \u062f\u0648\u0633\u0631\u06d2 \u06a9\u0646\u0679\u0631\u0648\u0644 \u062c\u0648 \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u0648\u06c1 \u0628\u06be\u06cc \u0627\u0633 \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u0648 \u0645\u0646\u062a\u0642\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06d2 \u0645\u0639\u06cc\u0627\u0631 2.5.7 \u0688\u0631\u06cc\u06af \u0631\u0648\u06cc\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0639\u0645\u0644\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0686\u06be\u0648\u0679\u06d2 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0627\u067e\u0646\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06d2 \u0688\u0648\u06cc\u0644\u067e\u0631 \u0679\u0648\u0644\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0635\u0631\u0641 \u062f\u06a9\u06be\u0627\u0626\u06d2 \u062c\u0627\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0622\u0626\u06cc\u06a9\u0646 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06cc\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u067e\u06cc\u0634 \u06a9\u0631\u062f\u06c1 \u0627\u0646\u0679\u0631\u0627\u06cc\u06a9\u0679\u0648 \u0627\u06cc\u0631\u06cc\u0627 \u06a9\u0627 \u0645\u0639\u0627\u0626\u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u0627 \u0645\u0639\u06cc\u0627\u0631 2.5.8 \u06c1\u062f\u0641 \u06a9\u06d2 \u0633\u0627\u0626\u0632 (\u06a9\u0645 \u0633\u06d2 \u06a9\u0645) \u06a9\u0627 \u062a\u0639\u06cc\u0646 \u06a9\u0631\u062a\u06d2 \u0648\u0642\u062a\u060c \u06a9\u0644\u0648\u0632 \u0628\u0679\u0646\u060c \u06a9\u06cc\u0631\u0648\u0633\u0644 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632\u060c \u0635\u0641\u062d\u06c1 \u0628\u0646\u062f\u06cc \u06a9\u06d2 \u0622\u0626\u0679\u0645\u0632\u060c \u0622\u0626\u06cc\u06a9\u0646 \u0628\u0679\u0646\u0632\u060c \u0627\u0648\u0631 \u067e\u0631\u06c1\u062c\u0648\u0645 \u0679\u0648\u0644 \u0628\u0627\u0631 \u067e\u0631 \u062e\u0635\u0648\u0635\u06cc \u062a\u0648\u062c\u06c1 \u062f\u06cc\u06ba\u06d4<\/p>\n<h3 id=\"heading-how-to-inspect-the-accessibility-tree\">\u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u062f\u0631\u062e\u062a \u06a9\u0627 \u0645\u0639\u0627\u0626\u0646\u06c1 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h3>\n<p>\u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u0624\u0632\u0631 \u0688\u0648\u06cc\u0644\u067e\u0631 \u0679\u0648\u0644\u0632 \u0639\u0646\u0627\u0635\u0631 \u0633\u06d2 \u0645\u062a\u0639\u0644\u0642 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u06a9\u0648 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06c1\u0645 \u06a9\u0646\u0679\u0631\u0648\u0644\u0632 \u06a9\u0627 \u0645\u0639\u0627\u0626\u0646\u06c1 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u06a9\u06d2 \u0688\u0633\u067e\u0644\u06d2 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u062f\u0631\u062e\u062a \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679 \u06a9\u0627 \u0645\u0648\u0627\u0632\u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0628\u0679\u0646 \u0628\u0635\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u06a9\u0686\u06be \u0627\u0633 \u0637\u0631\u062d \u06a9\u06c1\u06c1 \u0633\u06a9\u062a\u0627 \u06c1\u06d2: <code>Search<\/code> \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0646\u0627\u0645 \u0628\u0627\u0644\u06a9\u0644 \u0645\u062e\u062a\u0644\u0641 \u06a9\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0639\u0648\u0627\u0645 \u0639\u0648\u0627\u0645\u06cc \u062f\u06a9\u06be\u0627\u0626\u06cc \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 <code>aria-expanded<\/code> \u062d\u06cc\u062b\u06cc\u062a \u0628\u0627\u0642\u06cc \u06c1\u06d2 <code>false<\/code>.<\/p>\n<p>\u0631\u0633\u0627\u0626\u06cc \u06a9\u06d2 \u062f\u0631\u062e\u062a \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0627\u0646 \u062a\u0636\u0627\u062f\u0627\u062a \u06a9\u0648 \u0628\u06d2 \u0646\u0642\u0627\u0628 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u0645\u0644 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-how-to-test-with-assistive-technology\">\u0645\u0639\u0627\u0648\u0646 \u0679\u06cc\u06a9\u0646\u0627\u0644\u0648\u062c\u06cc \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0679\u06cc\u0633\u0679 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h3>\n<p>\u0627\u0633\u06a9\u0631\u06cc\u0646 \u0631\u06cc\u0688\u0631 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u062c\u0627\u0646\u0686 \u06a9\u0631\u062a\u06d2 \u0648\u0642\u062a\u060c \u067e\u0648\u0631\u06d2 \u06a9\u0627\u0645 \u067e\u0631 \u062a\u0648\u062c\u06c1 \u062f\u06cc\u06ba\u06d4<\/p>\n<p>\u0641\u0627\u0631\u0645\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0622\u067e \u06a9\u0633\u06cc \u0641\u06cc\u0644\u0688 \u0645\u06cc\u06ba \u062c\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0633 \u06a9\u06d2 \u0644\u06cc\u0628\u0644 \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u063a\u0644\u0637 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0631\u062c \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062c\u0645\u0639 \u06a9\u0631\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u063a\u0644\u0637\u06cc \u06a9\u0648 \u062a\u0644\u0627\u0634 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0633\u0645\u062c\u06be\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0633\u06d2 \u062f\u0631\u0633\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u06a9\u06cc \u0635\u0648\u0631\u062a\u062d\u0627\u0644 \u06a9\u0648 \u0686\u06cc\u06a9 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0633\u0648\u0627\u0644 \u0635\u0631\u0641 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2:<\/p>\n<blockquote>\n<p><strong>\u06a9\u06cc\u0627 \u0633\u06a9\u0631\u06cc\u0646 \u0631\u06cc\u0688\u0631 \u0627\u0633 \u0635\u0641\u062d\u06c1 \u06a9\u0648 \u067e\u0691\u06be \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u061f<\/strong><\/p>\n<\/blockquote>\n<p>\u0645\u0632\u06cc\u062f \u0645\u0641\u06cc\u062f \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u06cc\u06ba \u0634\u0627\u0645\u0644 \u06c1\u06cc\u06ba:<\/p>\n<blockquote>\n<p><strong>\u06a9\u06cc\u0627 \u0635\u0627\u0631\u0641 \u06a9\u0627\u0645 \u0645\u06a9\u0645\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u0633\u0645\u062c\u06be \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0627 \u06c1\u0648\u0627\u061f<\/strong><\/p>\n<\/blockquote>\n<p>\u0645\u0639\u0630\u0648\u0631\u06cc \u06a9\u06d2 \u062d\u0627\u0645\u0644 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0679\u06cc\u0633\u0679 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u06a9\u0627\u0648\u0679\u0648\u06ba \u06a9\u0627 \u067e\u062a\u06c1 \u0686\u0644 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u062e\u0648\u062f\u06a9\u0627\u0631\u060c \u0645\u0639\u06cc\u0627\u0631 \u067e\u0631 \u0645\u0628\u0646\u06cc \u062c\u0627\u0626\u0632\u0648\u06ba \u0645\u06cc\u06ba \u0638\u0627\u06c1\u0631 \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-conclusion\">\u0646\u062a\u06cc\u062c\u06c1<\/h2>\n<p>\u0688\u0628\u0644\u06cc\u0648 \u0633\u06cc \u0627\u06d2 \u062c\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u06a9\u0648 \u0645\u0634\u062a\u0631\u06a9\u06c1 \u062a\u0631\u0642\u06cc\u0627\u062a\u06cc \u0641\u06cc\u0635\u0644\u0648\u06ba \u0633\u06d2 \u062c\u0648\u0691\u0646\u06d2 \u0633\u06d2 \u0627\u0646\u06c1\u06cc\u06ba \u0633\u0645\u062c\u06be\u0646\u06d2 \u0645\u06cc\u06ba \u0622\u0633\u0627\u0646\u06cc \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 \u0627\u06c1\u0645 \u062a\u0628\u062f\u06cc\u0644\u06cc \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0631\u0633\u0627\u0626\u06cc \u06a9\u0648 \u062d\u062a\u0645\u06cc \u0622\u0688\u0679 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u0627 \u0628\u0646\u062f \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4 \u062c\u0628 \u0622\u067e \u0628\u0627\u0642\u06cc \u0633\u0628 \u06a9\u0686\u06be \u0628\u0646\u0627\u062a\u06d2 \u06c1\u0648 \u062a\u0648 \u0627\u0646\u0679\u0631\u0641\u06cc\u0633 \u067e\u0631 \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u0633\u062c\u06cc\u0644\u0627 \u0646\u0638\u0631 \u0622\u062a\u06cc \u06c1\u06d2 \u0627\u0648\u0631 \u0645\u0627\u0624\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0628\u0627\u0644\u06a9\u0644 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u067e\u06be\u0631 \u0628\u06be\u06cc \u06a9\u0686\u06be \u0644\u0648\u06af\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u0627 \u0645\u0634\u06a9\u0644 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4 \u0641\u0627\u0631\u0645 \u0635\u0631\u0641 \u0627\u06cc\u06a9 \u0627\u0634\u0627\u0631\u06d2 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0631\u0646\u06af \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u06a9\u0648\u0626\u06cc \u0645\u0633\u0626\u0644\u06c1 \u067e\u06cc\u0634 \u0622\u06cc\u0627 \u06c1\u06d2\u06d4 \u0627\u06cc\u06a9 \u0686\u0633\u067e\u0627\u06ba \u06c1\u06cc\u0688\u0631 \u0627\u0633 \u0639\u0646\u0635\u0631 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-27928","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/posts\/27928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/comments?post=27928"}],"version-history":[{"count":0,"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/posts\/27928\/revisions"}],"wp:attachment":[{"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/media?parent=27928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/categories?post=27928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umang.pk\/en_us\/wp-json\/wp\/v2\/tags?post=27928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}