{"id":756,"date":"2024-12-02T13:32:59","date_gmt":"2024-12-02T05:32:59","guid":{"rendered":"http:\/\/weitai1.globaldeepsea.site\/focus-ring-css-tutorial\/"},"modified":"2024-12-02T13:32:59","modified_gmt":"2024-12-02T05:32:59","slug":"%d8%a7%d9%84%d8%ad%d9%84%d9%82%d8%a9-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9","status":"publish","type":"post","link":"https:\/\/www.cnvetenergy.com\/ar\/%d8%a7%d9%84%d8%ad%d9%84%d9%82%d8%a9-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/","title":{"rendered":"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0633\u0647\u0644:"},"content":{"rendered":"<p><\/p>\n<figure data-line=\"2\"><img decoding=\"async\" src=\"https:\/\/statics.mylandingpages.co\/static\/aaanxdmf26c522mp\/image\/31bac738845946ceaaf5bc0fa25cfe78.webp\" alt=\"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0633\u0647\u0644:\" class=\"md-zoom\"><\/figure>\n<p><\/p>\n<p data-line=\"4\">\u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0645\u062b\u0627\u0628\u0629 \u062c\u062f\u064a\u0644\u0629 \u0645\u0631\u0626\u064a\u0629 \u062d\u064a\u0648\u064a\u0629 \u060c \u0645\u0639 \u062a\u0633\u0644\u064a\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637 \u062d\u0627\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628. \u064a\u0644\u0639\u0628 \u062f\u0648\u0631\u064b\u0627 \u062d\u0627\u0633\u0645\u064b\u0627 \u0641\u064a \u062a\u0639\u0632\u064a\u0632 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u060c \u0648\u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629. \u062a\u0648\u0641\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u060c \u0645\u062b\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0644\u0644\u0623\u0632\u0631\u0642 \u0648\u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062a\u064a \u0634\u0648\u0647\u062f\u062a \u0641\u064a \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0645\u062b\u0644 Chrome \u0648 Firefox \u060c \u0648\u0638\u0627\u0626\u0641 \u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0644\u0643\u0646 \u0641\u064a \u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0623\u062d\u064a\u0627\u0646 \u062a\u0635\u0637\u062f\u0645 \u0628\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629. \u062a\u0645\u0643\u0646 CSS \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0646 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u0635\u0645\u0645\u0629 \u062a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u064a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629 \u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<h2 data-line=\"6\" id=\"Key Takeaways\">\u0627\u0644\u0645\u062f\u0627\u062e\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h2>\n<p><\/p>\n<ul data-line=\"8\"><\/p>\n<li data-line=\"8\">\u062a\u0639\u062a\u0628\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629.<\/li>\n<p><\/p>\n<li data-line=\"9\">\u064a\u062a\u064a\u062d \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 CSS \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u0639\u0632\u064a\u0632 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u062c\u0645\u0627\u0644\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628.<\/li>\n<p><\/p>\n<li data-line=\"10\">\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0625\u0638\u0647\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0627\u0644\u0645\u0627\u0648\u0633.<\/li>\n<p><\/p>\n<li data-line=\"11\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0643\u0627\u0641\u064a \u0641\u064a \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0636\u0645\u0627\u0646 \u0631\u0624\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/li>\n<p><\/p>\n<li data-line=\"12\">\u064a\u062e\u0637\u0637 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0628\u0631 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0636\u0645\u0627\u0646 \u0639\u0645\u0644\u0647\u0627 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0648\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629.<\/li>\n<p><\/p>\n<li data-line=\"13\">\u062a\u062c\u0646\u0628 \u0625\u0632\u0627\u0644\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u061b \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0630\u0644\u0643 \u060c \u0642\u0645 \u0628\u062a\u062e\u0635\u064a\u0635\u0647\u0627 \u0644\u062a\u062d\u0633\u064a\u0646 \u0643\u0644 \u0645\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/li>\n<p><\/p>\n<li data-line=\"14\">\u062f\u0645\u062c \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0644\u0633\u0629 \u0644\u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u062a\u0639\u0632\u064a\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0648\u0641\u064a\u0631 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644.<\/li>\n<p><\/ul>\n<p><\/p>\n<h2 data-line=\"16\" id=\"Understanding Focus Rings\">\u0641\u0647\u0645 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h2>\n<p><\/p>\n<figure data-line=\"18\"><img decoding=\"async\" src=\"https:\/\/statics.mylandingpages.co\/static\/aaanxdmf26c522mp\/image\/e7412a9d1602465b8b60e288724eddfa.webp\" alt=\"\u0641\u0647\u0645 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632\" class=\"md-zoom\"><\/figure>\n<p><\/p>\n<h3 data-line=\"22\" id=\"What Are Focus Rings?\">\u0645\u0627 \u0647\u064a \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632\u061f<\/h3>\n<p><\/p>\n<p data-line=\"24\">\u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0643\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u060c \u0648\u062a\u0633\u0644\u064a\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637 \u062d\u0627\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628. \u062a\u0648\u0641\u0631 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0645\u062b\u0644 Chrome \u0648 Firefox \u0648 Safari \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u060c \u0648\u0639\u0627\u062f\u0629 \u0645\u0627 \u062a\u0638\u0647\u0631 \u0639\u0644\u0649 \u0623\u0646\u0647\u0627 \u0645\u062e\u0637\u0637 \u0623\u0632\u0631\u0642 \u0623\u0648 \u0645\u0646\u0642\u0637. \u062a\u0636\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0623\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u064a\u0645\u0643\u0646\u0647\u0645 \u0628\u0633\u0647\u0648\u0644\u0629 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/p>\n<p><\/p>\n<h4 data-line=\"26\" id=\"Default behavior of focus rings in browsers.\">\u0627\u0644\u0633\u0644\u0648\u0643 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a.<\/h4>\n<p><\/p>\n<p data-line=\"28\">\u0628\u0634\u0643\u0644 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u060c \u062a\u0637\u0628\u0642 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0646\u0645\u0627\u0630\u062c. \u064a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0633\u0644\u0648\u0643 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0646\u0642\u0644 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0645\u0641\u062a\u0627\u062d \"TAB\" \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0634\u0643\u0644 \u0645\u062a\u062a\u0627\u0628\u0639 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u060c \u0645\u0639 \u0648\u062c\u0648\u062f \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0635\u0631\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637. \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u060c \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u062a\u0635\u0637\u062f\u0645 \u0628\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0648\u0627\u0642\u0639 \u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0628\u062f\u0627\u0626\u0644.<\/p>\n<p><\/p>\n<blockquote data-line=\"30\"><p><\/p>\n<p data-line=\"30\">\"\u0642\u0628\u0644 \u0625\u062f\u062e\u0627\u0644 <code>:focus-visible<\/code>\u060c \u062a\u0645 \u0627\u0639\u062a\u0628\u0627\u0631 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631\u0647\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u063a\u064a\u0631 \u062c\u0630\u0627\u0628\u0629 \u0648\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u062a\u062a\u0645 \u0625\u0632\u0627\u0644\u062a\u0647\u0627 \u062f\u0648\u0646 \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d. \"<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h4 data-line=\"32\" id=\"Examples of focus rings in action.\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0645\u0644.<\/h4>\n<p><\/p>\n<p data-line=\"34\">\u064a\u0645\u0643\u0646 \u0645\u0644\u0627\u062d\u0638\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<ul data-line=\"35\"><\/p>\n<li data-line=\"35\"><strong>\u0634\u0643\u0644 \u0645\u062f\u062e\u0644\u0627\u062a<\/strong>: \u0639\u0646\u062f\u0645\u0627 \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u062a\u062f\u0648\u064a\u0646 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u0628\u0648\u064a\u0628 \u0641\u064a \u062d\u0642\u0644 \u0646\u0635 \u060c \u062a\u062d\u062f\u062f \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0631\u0628\u0639 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u060c \u0645\u0645\u0627 \u064a\u0634\u064a\u0631 \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0646\u0635.<\/li>\n<p><\/p>\n<li data-line=\"36\"><strong>\u0623\u0632\u0631\u0627\u0631<\/strong>: \u062a\u0639\u0631\u0636 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0639\u0646\u062f \u062a\u062d\u062f\u064a\u062f\u0647\u0627 \u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0625\u0644\u0649 \u0645\u0648\u0636\u0639\u0647\u0645 \u0627\u0644\u062d\u0627\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629.<\/li>\n<p><\/p>\n<li data-line=\"37\"><strong>\u0627\u0644\u0631\u0648\u0627\u0628\u0637<\/strong>: \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637\u0627\u062a \u0627\u0644\u062a\u0634\u0639\u0628\u064a\u0629 \u0645\u062e\u0637\u0637\u064b\u0627 \u0645\u0631\u0626\u064a\u064b\u0627 \u0639\u0646\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u0648\u0636\u0645\u0627\u0646 \u0623\u0646 \u064a\u062a\u0645\u0643\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0645\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u062b\u0642\u0629.<\/li>\n<p><\/ul>\n<p><\/p>\n<p data-line=\"39\">\u062a\u0648\u0636\u062d \u0647\u0630\u0647 \u0627\u0644\u0623\u0645\u062b\u0644\u0629 \u0643\u064a\u0641 \u062a\u0639\u0632\u0632 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0648\u0636\u0648\u062d \u0627\u0644\u062a\u0646\u0642\u0644 \u060c \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0637\u0631\u0642 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u063a\u064a\u0631 \u0627\u0644\u0641\u0623\u0631\u0629.<\/p>\n<p><\/p>\n<hr data-line=\"41\"><\/p>\n<h3 data-line=\"43\" id=\"Why Customize Focus Rings?\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632\u061f<\/h3>\n<p><\/p>\n<p data-line=\"45\">\u064a\u062a\u064a\u062d \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0648\u0627\u0621\u0645\u0629\u0647\u0645 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644. \u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062c\u064a\u062f\u064b\u0627 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u062a\u0636\u0645\u0646 \u0634\u0645\u0648\u0644\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<p><\/p>\n<h4 data-line=\"47\" id=\"Enhancing user experience with custom designs.\">\u062a\u0639\u0632\u064a\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0639 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629.<\/h4>\n<p><\/p>\n<p data-line=\"49\">\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0631\u0641\u0639 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0632\u062c \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0628\u062a\u0623\u062b\u064a\u0631 \u062a\u0648\u0647\u062c \u062f\u0642\u064a\u0642 \u0623\u0648 \u062d\u062f\u0648\u062f \u0645\u062a\u0642\u0637\u0639\u0629 \u062a\u062a\u0637\u0627\u0628\u0642 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0645\u0648\u0642\u0639. \u064a\u062a\u0636\u0645\u0646 Bootstrap 5 \u060c \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u0623\u0646\u0645\u0627\u0637 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u062f\u0645\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u060c \u0648\u062a\u0642\u062f\u0645 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u062a\u062c\u0639\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u062f\u064a\u0647\u064a\u0629 \u0648\u0645\u0645\u062a\u0639\u0629 \u0628\u0635\u0631\u064a\u064b\u0627.<\/p>\n<p><\/p>\n<h4 data-line=\"51\" id=\"Addressing accessibility needs effectively.\">\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644.<\/h4>\n<p><\/p>\n<p data-line=\"53\">\u0644\u0627 \u064a\u0632\u0627\u0644 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0628\u0645\u062b\u0627\u0628\u0629 \u0627\u0639\u062a\u0628\u0627\u0631 \u062d\u0627\u0633\u0645 \u0639\u0646\u062f \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0639\u0628\u0631 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0648\u064a\u0628. \u064a\u062c\u0628 \u0623\u0646 \u062a\u062d\u0627\u0641\u0638 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0648\u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u0625\u0646 \u0625\u0632\u0627\u0644\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u060c \u0643\u0645\u0627 \u0641\u0639\u0644 \u0628\u0639\u0636 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u0627\u0636\u064a \u060c \u064a\u062e\u0644\u0642 \u062d\u0648\u0627\u062c\u0632 \u0644\u0647\u0624\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646. \u0628\u062f\u0644\u0627 \u0645\u0646 \u0630\u0644\u0643 \u060c \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644 <code>:focus-visible<\/code> \u064a\u062a\u064a\u062d \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0638\u0647\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u060c \u0648\u062a\u0644\u0628\u064a\u0629 \u0643\u0644 \u0645\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629.<\/p>\n<p><\/p>\n<blockquote data-line=\"55\"><p><\/p>\n<p data-line=\"55\">\u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062c\u0639\u0644 \u062a\u062e\u0635\u064a\u0635 \u0645\u0638\u0647\u0631 \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0623\u0643\u062b\u0631 \u0641\u0627\u0626\u062f\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u060c \u0648\u0644\u0643\u0646\u0647 \u064a\u062a\u0637\u0644\u0628 \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u064a\u0641\u0627\u0621 \u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h2 data-line=\"57\" id=\"Creating Custom Focus Rings with CSS\">\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u062e\u0635\u0635\u0629 \u0645\u0639 CSS<\/h2>\n<p><\/p>\n<figure data-line=\"59\"><img decoding=\"async\" src=\"https:\/\/statics.mylandingpages.co\/static\/aaanxdmf26c522mp\/image\/817ef7719c8b4763ad36ea467e649f15.webp\" alt=\"\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u062e\u0635\u0635\u0629 \u0645\u0639 CSS\" class=\"md-zoom\"><\/figure>\n<p><\/p>\n<p data-line=\"63\">\u064a\u062a\u064a\u062d \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 CSS \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u062a\u0639\u0632\u0632 \u0643\u0644 \u0645\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062c\u0645\u0627\u0644. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0645\u062b\u0644 <code>\u0645\u0648\u062c\u0632<\/code>, <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code>\u0648 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code>\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0635\u064a\u0627\u063a\u0629 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u062a\u064a \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0644\u0645\u0648\u0642\u0639\u0647\u0645 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<h3 data-line=\"65\" id=\"Using the outline Property\">\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0645\u0648\u062c\u0632<\/code> \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a<\/h3>\n<p><\/p>\n<p data-line=\"67\">The <code>\u0645\u0648\u062c\u0632<\/code> \u062a\u0648\u0641\u0631 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u0637\u0631\u064a\u0642\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u062a\u0639\u062f\u064a\u0644 \u0638\u0647\u0648\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u0625\u0646\u0647\u0627 \u0637\u0631\u064a\u0642\u0629 \u063a\u064a\u0631 \u062a\u0627\u0628\u0639\u0629 \u0644\u0627 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u062e\u064a\u0627\u0631\u064b\u0627 \u0645\u062b\u0627\u0644\u064a\u064b\u0627 \u0644\u0644\u062a\u062e\u0635\u064a\u0635\u0627\u062a \u0627\u0644\u0628\u0633\u064a\u0637\u0629.<\/p>\n<p><\/p>\n<h4 data-line=\"69\" id=\"Modifying the default outline style.\">\u062a\u0639\u062f\u064a\u0644 \u0646\u0645\u0637 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a.<\/h4>\n<p><\/p>\n<p data-line=\"71\">\u062a\u0637\u0628\u0642 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0645\u062e\u0637\u0637\u064b\u0627 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629 \u060c \u063a\u0627\u0644\u0628\u064b\u0627 \u0641\u064a \u0634\u0643\u0644 \u062e\u0637 \u0623\u0632\u0631\u0642 \u0623\u0648 \u0645\u0646\u0642\u0637. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062c\u0627\u0648\u0632 \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0645\u0648\u062c\u0632<\/code> \u0645\u0644\u0643\u064a\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u0648\u0646 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636 \u0623\u0648 \u0646\u0645\u0637 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a \u0625\u0644\u0649 \u062c\u0639\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0623\u0643\u062b\u0631 \u062c\u0627\u0630\u0628\u064a\u0629 \u0628\u0635\u0631\u064a\u064b\u0627. \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0634\u0627\u0626\u0639 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0628\u062e\u0637 \u0635\u0644\u0628 \u0623\u0648 \u0645\u062a\u0642\u0637\u0639 \u064a\u0637\u0627\u0628\u0642 \u0646\u0638\u0627\u0645 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0645\u0648\u0642\u0639.<\/p>\n<p><\/p>\n<details  data-line=\"73\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">3px<\/span> \u266a <span class=\"hljs-number\">#ff5733<\/span>; <span class=\"hljs-comment\">\/* \u0625\u0646\u0634\u0627\u0621 \u0645\u062e\u0637\u0637 \u0628\u0631\u062a\u0642\u0627\u0644\u064a \u062c\u0631\u064a\u0621 \u0645\u062f\u0645\u0631*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"79\">\u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u062a\u0643\u064a\u0641 \u0627\u0644\u0628\u0633\u064a\u0637 \u062a\u062d\u0648\u064a\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0625\u0644\u0649 \u0639\u0646\u0635\u0631 \u062a\u0635\u0645\u064a\u0645 \u064a\u0643\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629.<\/p>\n<p><\/p>\n<h4 data-line=\"81\" id=\"Examples of outline customization.\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629.<\/h4>\n<p><\/p>\n<p data-line=\"83\">\u062a\u062e\u0635\u064a\u0635 <code>\u0645\u0648\u062c\u0632<\/code> \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u062a\u0641\u062a\u062d \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0623\u0646\u0645\u0627\u0637 \u0645\u062e\u062a\u0644\u0641\u0629 \u060c \u0645\u062b\u0644:<\/p>\n<p><\/p>\n<ul data-line=\"85\"><\/p>\n<li data-line=\"85\"><strong>\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0627\u0644\u0635\u0644\u0628\u0629<\/strong>: \u0646\u0638\u0631\u0629 \u0646\u0638\u064a\u0641\u0629 \u0648\u0645\u0647\u0646\u064a\u0629.<\/li>\n<p><\/p>\n<li data-line=\"86\"><strong>\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0627\u0644\u0645\u062a\u0642\u0637\u0639\u0629 \u0623\u0648 \u0627\u0644\u0645\u0646\u0642\u0637\u0629<\/strong>: \u064a\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u0645\u0631\u062d\u0629 \u0623\u0648 \u0625\u0628\u062f\u0627\u0639\u064a\u0629.<\/li>\n<p><\/p>\n<li data-line=\"87\"><strong>\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0633\u0645\u0643<\/strong>: \u064a\u0639\u0632\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0623\u063a\u0631\u0627\u0636 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/li>\n<p><\/ul>\n<p><\/p>\n<p data-line=\"89\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c bootstrap <strong>.focus-ring<\/strong> \u062a\u0642\u0648\u0645 \u0641\u0626\u0629 Helper \u0628\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0648\u064a\u062d\u0644 \u0645\u062d\u0644\u0647 \u0628\u0623\u0633\u0644\u0648\u0628 \u0645\u062e\u0635\u0635 \u060c \u0645\u0645\u0627 \u064a\u0639\u0631\u0636 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0640 Frameworks \u062a\u0628\u0633\u064a\u0637 \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/p>\n<p><\/p>\n<h3 data-line=\"91\" id=\"Enhancing Focus Rings with box-shadow\">\u062a\u0639\u0632\u064a\u0632 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code><\/h3>\n<p><\/p>\n<p data-line=\"93\">The <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code> \u062a\u0642\u062f\u0645 Property \u0637\u0631\u064a\u0642\u0629 \u0623\u0643\u062b\u0631 \u062a\u0642\u062f\u0645\u064b\u0627 \u0644\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u0630\u0647\u0644\u0629 \u0628\u0635\u0631\u064a\u064b\u0627. \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0642 \u0623\u0648 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0648\u0647\u062c \u0623\u0648 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0630\u0627\u062a \u0637\u0628\u0642\u0627\u062a \u062a\u0628\u0631\u0632.<\/p>\n<p><\/p>\n<h4 data-line=\"95\" id=\"Adding depth and glow effects.\">\u0625\u0636\u0627\u0641\u0629 \u0622\u062b\u0627\u0631 \u0627\u0644\u0639\u0645\u0642 \u0648\u0627\u0644\u062a\u0648\u0647\u062c.<\/h4>\n<p><\/p>\n<p data-line=\"97\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code>\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u062a\u0628\u062f\u0648 \"\u062a\u0637\u0641\u0648\" \u062d\u0648\u0644 \u0639\u0646\u0635\u0631. \u062a\u0636\u064a\u0641 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0625\u062d\u0633\u0627\u0633\u064b\u0627 \u0628\u0627\u0644\u0639\u0645\u0642 \u0648\u064a\u0644\u0641\u062a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0651\u0632. \u0622\u062b\u0627\u0631 \u0627\u0644\u062a\u0648\u0647\u062c \u060c \u0627\u0644\u062a\u064a \u062a\u062d\u0642\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0637\u0628\u064a\u0642 \u0637\u0645\u0633 \u0646\u0627\u0639\u0645 \u0639\u0644\u0649 \u0627\u0644\u0638\u0644 \u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0632\u0632 \u0627\u0644\u0631\u0624\u064a\u0629.<\/p>\n<p><\/p>\n<details  data-line=\"99\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0645\u062f\u062e\u0644\u0627\u062a<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">8px<\/span> <span class=\"hljs-number\">4px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">123<\/span>, <span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0.75<\/span>); <span class=\"hljs-comment\">* \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0632\u0631\u0642\u0627\u0621 \u0645\u062a\u0648\u0647\u062c\u0629*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"105\">\u064a\u0648\u0636\u062d \u0645\u0642\u062a\u0637\u0641 \u0627\u0644\u0631\u0645\u0632 \u0647\u0630\u0627 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062c\u0639\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0648\u0647\u062c \u0627\u0644\u062f\u0642\u064a\u0642 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0637\u063a\u0649 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p>\n<p><\/p>\n<h4 data-line=\"107\" id=\"Code examples for box-shadow focus styles.\">\u0623\u0645\u062b\u0644\u0629 \u0631\u0645\u0632 \u0644 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code> \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/h4>\n<p><\/p>\n<p data-line=\"109\">\u0628\u0631\u0627\u0639\u0629 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code> \u064a\u0645\u0643\u0651\u0646 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u0629:<\/p>\n<p><\/p>\n<ul data-line=\"111\"><\/p>\n<li data-line=\"111\"><strong>\u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0644\u0646\u063a\u0645\u0629<\/strong>: \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0638\u0644\u0627\u0644 \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u0642\u0627\u062a.<\/li>\n<p><\/p>\n<li data-line=\"112\"><strong>\u0627\u0644\u0638\u0644\u0627\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629<\/strong>: \u0625\u0636\u0627\u0641\u0629 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062f\u0627\u062e\u0644 \u062d\u062f\u0648\u062f \u0627\u0644\u0639\u0646\u0635\u0631.<\/li>\n<p><\/p>\n<li data-line=\"113\"><strong>\u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646<\/strong>: \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u062f\u0631\u062c\u0627\u062a \u0644\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/li>\n<p><\/ul>\n<p><\/p>\n<p data-line=\"115\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u0642\u062f \u062a\u0633\u062a\u062e\u062f\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0630\u0627\u062a \u0627\u0644\u0644\u0648\u0646\u064a\u0646 \u0645\u062e\u0637\u0637\u064b\u0627 \u0623\u062d\u0645\u0631 \u0648\u0623\u0628\u064a\u0636\u064b\u0627 \u0645\u0639 \u0632\u0648\u0627\u064a\u0627 \u0645\u0646\u062d\u0646\u064a\u0629 \u0628\u0644\u0637\u0641 \u060c \u0643\u0645\u0627 \u0647\u0648 \u0645\u0648\u0636\u062d \u0641\u064a \u0628\u0639\u0636 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629. \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u064a\u0633\u0644\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0645\u0631\u0648\u0646\u0629 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code> \u0641\u064a \u0635\u064a\u0627\u063a\u0629 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0641\u0631\u064a\u062f\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"117\" id=\"Using the border Property for Focus Rings\">\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u062e\u0627\u0635\u064a\u0629 \u0644\u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h3>\n<p><\/p>\n<p data-line=\"119\">The <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u062a\u0648\u0641\u0631 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 \u062e\u064a\u0627\u0631\u064b\u0627 \u0622\u062e\u0631 \u0644\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u062e\u0635\u0635\u0629. \u0639\u0644\u0649 \u0639\u0643\u0633 <code>\u0645\u0648\u062c\u0632<\/code>\u060c \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0646\u0635\u0631 \u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647 \u0645\u0646\u0627\u0633\u0628\u064b\u0627 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062f\u0645\u062c \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0627\u0644\u0639\u0646\u0635\u0631 \u0646\u0641\u0633\u0647.<\/p>\n<p><\/p>\n<h4 data-line=\"121\" id=\"Creating focus rings with borders.\">\u062e\u0644\u0642 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 \u0627\u0644\u062d\u062f\u0648\u062f.<\/h4>\n<p><\/p>\n<p data-line=\"123\">\u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062d\u062f\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062d\u0642\u064a\u0642 \u062a\u0643\u0627\u0645\u0644 \u0633\u0644\u0633 \u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0646\u0635\u0631. \u062a\u0639\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f \u0644\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.<\/p>\n<p><\/p>\n<details  data-line=\"125\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0646\u0635 \u0627\u0644\u0639\u0631\u0628\u064a<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0627\u0644\u062d\u062f\u0648\u062f<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#28a745<\/span>; <span class=\"hljs-comment\">\/* \u064a\u0636\u064a\u0641 \u062d\u062f\u0648\u062f\u0627 \u062e\u0636\u0631\u0627\u0621 \u0625\u0644\u0649 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0631\u0643\u0651\u0632\u0629*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"131\">\u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0628\u0645\u062b\u0627\u0628\u0629 \u0645\u0624\u0634\u0631 \u062a\u0631\u0643\u064a\u0632 \u0641\u0639\u0627\u0644.<\/p>\n<p><\/p>\n<h4 data-line=\"133\" id=\"Combining borders with other properties for unique designs.\">\u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062d\u062f\u0648\u062f \u0645\u0639 \u062e\u0635\u0627\u0626\u0635 \u0623\u062e\u0631\u0649 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629.<\/h4>\n<p><\/p>\n<p data-line=\"135\">\u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u062e\u0627\u0635\u064a\u0629 \u0645\u0639 \u062e\u0635\u0627\u0626\u0635 CSS \u0627\u0644\u0623\u062e\u0631\u0649 \u060c \u0645\u062b\u0644 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u0623\u0648 <code>\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0644\u0648\u0646<\/code>\u060c \u0644\u062e\u0644\u0642 \u0623\u0646\u0645\u0627\u0637 \u062a\u0631\u0643\u064a\u0632 \u0645\u0645\u064a\u0632\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<ul data-line=\"137\"><\/p>\n<li data-line=\"137\"><strong>\u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0645\u0633\u062a\u062f\u064a\u0631\u0629<\/strong>: \u0627\u0644\u0627\u0642\u062a\u0631\u0627\u0646 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u0645\u0639 \u0627\u0644\u062d\u062f\u0648\u062f \u0644\u0625\u0644\u0642\u0627\u0621 \u0646\u0638\u0631\u0629 \u0644\u064a\u0648\u0646\u0629.<\/li>\n<p><\/p>\n<li data-line=\"138\"><strong>\u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629<\/strong>: \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062d\u062f\u0648\u062f \u0623\u0648 \u0639\u0631\u0636 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a.<\/li>\n<p><\/p>\n<li data-line=\"139\"><strong>\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u0642\u0627\u062a<\/strong>: \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u062f\u0648\u062f \u062c\u0646\u0628\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code> \u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0645\u0639\u0642\u062f\u0629.<\/li>\n<p><\/ul>\n<p><\/p>\n<p data-line=\"141\">\u062a\u0648\u0636\u062d \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0643\u064a\u0641 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code> \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a \u0641\u064a \u0643\u0644 \u0645\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/p>\n<p><\/p>\n<hr data-line=\"143\"><\/p>\n<h2 data-line=\"145\" id=\"Ensuring Accessibility in Focus Ring Design\">\u0636\u0645\u0627\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h2>\n<p><\/p>\n<h3 data-line=\"148\" id=\"Best Practices for Accessible Focus Rings\">\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0644\u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647\u0627<\/h3>\n<p><\/p>\n<h4 data-line=\"150\" id=\"Maintaining sufficient color contrast.\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0643\u0627\u0641\u064a.<\/h4>\n<p><\/p>\n<p data-line=\"152\">\u064a\u0636\u0645\u0646 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0643\u0627\u0641\u064a \u0623\u0646 \u062a\u0638\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0631\u0626\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u0648\u0644\u0626\u0643 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0636\u0639\u0641 \u0628\u0635\u0631\u064a. \u062a\u0648\u0635\u064a \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0648\u064a\u0628 (WCAG) \u0628\u062d\u062f \u0623\u062f\u0646\u0649 \u0646\u0633\u0628\u0629 \u062a\u0628\u0627\u064a\u0646 \u062a\u0628\u0644\u063a 3: 1 \u0628\u064a\u0646 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0648\u062e\u0644\u0641\u064a\u062a\u0647\u0627. \u062a\u0636\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0646\u0633\u0628\u0629 \u0623\u0646\u0647 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0633\u0647\u0648\u0644\u0629 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0651\u0632 \u060c \u062d\u062a\u0649 \u0641\u064a \u0638\u0631\u0648\u0641 \u0627\u0644\u0648\u0636\u0648\u062d \u0627\u0644\u0645\u0646\u062e\u0641\u0636. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u062e\u062a\u0628\u0627\u0631 \u062a\u0635\u0645\u064a\u0645\u0627\u062a\u0647\u0645 \u0641\u064a \u0638\u0644 \u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631.<\/p>\n<p><\/p>\n<p data-line=\"154\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0639\u0632\u0632 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0630\u0627\u062a \u0646\u0645\u0627\u0630\u062c \u062b\u0646\u0627\u0626\u064a\u0629 \u0627\u0644\u0644\u0648\u0646 \u060c \u0645\u062b\u0644 \u062a\u0644\u0643 \u0627\u0644\u062a\u064a \u0635\u0645\u0645\u0647\u0627 Ben Dansby \u060c \u0648\u0636\u0648\u062d\u064b\u0627 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d. \u064a\u062c\u0645\u0639 \u0647\u0630\u0627 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0628\u064a\u0646 \u0644\u0648\u0646\u064a\u0646 \u0645\u062a\u0645\u064a\u0632\u064a\u0646 \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u062e\u0637\u0637 \u063a\u0627\u0645\u0642 \u0648\u0645\u0639\u0631\u0648\u0641. \u0645\u062b\u0644 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0644\u0627 \u062a\u062d\u0633\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u062d\u0633\u0628 \u060c \u0628\u0644 \u062a\u0638\u0647\u0631 \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0634\u0645\u0648\u0644\u064a\u0629.<\/p>\n<p><\/p>\n<blockquote data-line=\"156\"><p><\/p>\n<p data-line=\"156\">\"\u0625\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u0631\u0626\u064a \u0648\u0627\u0644\u0645\u0639\u0631\u0648\u0641 \u0628\u0648\u0636\u0648\u062d \u0636\u0631\u0648\u0631\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629.\"<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h4 data-line=\"158\" id=\"Avoiding removal of focus outlines without alternatives.\">\u062a\u062c\u0646\u0628 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u062f\u0648\u0646 \u0628\u062f\u0627\u0626\u0644.<\/h4>\n<p><\/p>\n<p data-line=\"160\">\u0625\u0646 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062a\u062e\u0644\u0642 \u062d\u0648\u0627\u062c\u0632 \u0645\u0647\u0645\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d. \u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0643\u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u062d\u0631\u062c\u0629 \u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628. \u0627\u0644\u062a\u062e\u0644\u0635 \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u062f\u0648\u0646 \u062a\u0648\u0641\u064a\u0631 \u0628\u062f\u0627\u0626\u0644 \u064a\u0646\u0627\u0636\u0644 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n<p><\/p>\n<p data-line=\"162\">\u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0639\u0631\u0636 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629. \u064a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0623\u0646 \u062a\u0638\u0644 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u062a\u0627\u062d\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0645\u0639 \u062a\u062c\u0646\u0628 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0627\u0644\u0645\u0627\u0648\u0633. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"164\" id=\"Testing Focus Rings for Accessibility\">\u0627\u062e\u062a\u0628\u0627\u0631 \u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u0648\u0635\u0648\u0644<\/h3>\n<p><\/p>\n<h4 data-line=\"166\" id=\"Tools for testing focus styles.\">\u0623\u062f\u0648\u0627\u062a \u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/h4>\n<p><\/p>\n<p data-line=\"168\">\u064a\u0639\u062f \u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062e\u0637\u0648\u0629 \u062d\u0627\u0633\u0645\u0629 \u0641\u064a \u0636\u0645\u0627\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644 DevTools Chrome \u0623\u0648 AX \u0623\u0648 Lighthouse \u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0636\u0648\u062d \u0648\u0648\u0638\u0627\u0626\u0641 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0646\u0638\u0631\u0629 \u062b\u0627\u0642\u0628\u0629 \u0639\u0644\u0649 \u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u060c \u0648\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u060c \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<p data-line=\"170\">\u064a\u0644\u0639\u0628 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u064a\u062f\u0648\u064a \u0623\u064a\u0636\u064b\u0627 \u062f\u0648\u0631\u064b\u0627 \u062d\u064a\u0648\u064a\u064b\u0627. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u062d\u0629 \u0645\u0641\u0627\u062a\u064a\u062d \u0641\u0642\u0637 \u060c \u0648\u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0645\u0641\u062a\u0627\u062d \"TAB\" \u0644\u0644\u062a\u062d\u0631\u0643 \u0639\u0628\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629. \u064a\u0633\u0627\u0639\u062f \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0639\u0645\u0644\u064a \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0623\u064a \u0641\u062c\u0648\u0627\u062a \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0648\u064a\u0636\u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629.<\/p>\n<p><\/p>\n<h4 data-line=\"172\" id=\"Ensuring compatibility with assistive technologies.\">\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629.<\/h4>\n<p><\/p>\n<p data-line=\"174\">\u064a\u0639\u062f \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u060c \u0645\u062b\u0644 \u0642\u0631\u0627\u0621 \u0627\u0644\u0634\u0627\u0634\u0629 \u0648\u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u060c \u0636\u0631\u0648\u0631\u064a\u064b\u0627 \u0644\u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0623\u0646 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0645\u062a\u0646\u0627\u063a\u0645 \u0645\u0639 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u062a\u0633\u0642\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646. \u064a\u0636\u0645\u0646 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0639\u0628\u0631 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0648\u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0623\u064a\u0636\u064b\u0627 \u0623\u0646 \u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0634\u0643\u0644 \u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0628\u064a\u0626\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n<p><\/p>\n<p data-line=\"176\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u0641\u0625\u0646 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631\u0647\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u062a\u063a\u0644\u0641 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0647\u0627 \u0628\u0633\u0647\u0648\u0644\u0629. \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0631\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0647\u0630\u0627 \u0627\u0644\u0633\u0644\u0648\u0643 \u0645\u0639 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0646\u062f\u0627\u0621 \u0627\u0644\u0628\u0635\u0631\u064a. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<p><\/p>\n<hr data-line=\"178\"><\/p>\n<h2 data-line=\"180\" id=\"Advanced Focus Ring Customization Techniques\">\u062a\u0642\u0646\u064a\u0627\u062a \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h2>\n<p><\/p>\n<h3 data-line=\"183\" id=\"Using the :focus-visible Pseudo-Class\">\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629<\/h3>\n<p><\/p>\n<p data-line=\"185\">The <code>:focus-visible<\/code> \u064a\u0642\u062f\u0645 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0645\u0642\u0627\u0631\u0628\u0629 \u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u0625\u0646\u0647 \u064a\u0639\u0627\u0644\u062c \u0645\u0634\u0643\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u064a\u062b \u062a\u0638\u0647\u0631 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062f\u0648\u0646 \u062f\u0627\u0639 \u0623\u062b\u0646\u0627\u0621 \u0646\u0642\u0631\u0627\u062a \u0627\u0644\u0645\u0627\u0648\u0633 \u0623\u0648 \u062a\u0644\u0645\u0633 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0641\u0642\u0637 \u0648\u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u060c \u064a\u0639\u0632\u0632 \u0647\u0630\u0627 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0643\u0644 \u0645\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062c\u0645\u0627\u0644.<\/p>\n<p><\/p>\n<h4 data-line=\"187\" id=\"Differences between :focus and :focus-visible\">\u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0628\u064a\u0646 <code>:focus<\/code> \u0648 <code>:focus-visible<\/code><\/h4>\n<p><\/p>\n<p data-line=\"189\">The <code>:focus<\/code> \u064a\u0637\u0628\u0642 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0623\u0646\u0645\u0627\u0637\u064b\u0627 \u0639\u0644\u0649 \u0623\u064a \u0639\u0646\u0635\u0631 \u064a\u0643\u0633\u0628 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0625\u062f\u062e\u0627\u0644. \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0624\u062f\u064a \u0647\u0630\u0627 \u0627\u0644\u0633\u0644\u0648\u0643 \u0625\u0644\u0649 \u0638\u0647\u0648\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0623\u062b\u0646\u0627\u0621 \u0646\u0642\u0631\u0627\u062a \u0627\u0644\u0645\u0627\u0648\u0633 \u0623\u0648 \u0625\u064a\u0645\u0627\u0621\u0627\u062a \u0627\u0644\u0644\u0645\u0633 \u060c \u0648\u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0637\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u060c <code>:focus-visible<\/code> \u064a\u0637\u0628\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0628\u0634\u0643\u0644 \u0627\u0646\u062a\u0642\u0627\u0626\u064a \u060c \u0648\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u062d\u0629 \u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0623\u062c\u0647\u0632\u0629 \u0645\u0645\u0627\u062b\u0644\u0629.<\/p>\n<p><\/p>\n<p data-line=\"191\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<details  data-line=\"193\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#007bff<\/span>; <span class=\"hljs-comment\">* \u062a\u0646\u0637\u0628\u0642 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *<\/span><br>}<br><br><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#007bff<\/span>; <span class=\"hljs-comment\">* \u0644\u0627 \u064a\u0646\u0637\u0628\u0642 \u0625\u0644\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0644\u0627\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"203\">\u064a\u0633\u0645\u062d \u0647\u0630\u0627 \u0627\u0644\u062a\u0645\u064a\u064a\u0632 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0625\u0646\u0634\u0627\u0621 \u0623\u0646\u0645\u0627\u0637 \u062a\u0631\u0643\u064a\u0632 \u062a\u0644\u0628\u064a\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0645\u0639 \u062a\u062c\u0646\u0628 \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0644\u0645\u0627\u0648\u0633 \u0623\u0648 \u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0627\u0644\u0644\u0645\u0633. \u0627\u0644 <code>:focus-visible<\/code> \u064a\u0648\u0641\u0631 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u062d\u0644\u0627\u064b \u0645\u062a\u0648\u0627\u0632\u0646\u064b\u0627 \u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p>\n<p><\/p>\n<blockquote data-line=\"205\"><p><\/p>\n<p data-line=\"205\">\"\u0645\u0642\u062f\u0645\u0629 <code>:focus-visible<\/code> \u0623\u062d\u062f\u062b \u062b\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644 \u0648\u0633\u0637 \u0628\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \".<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h4 data-line=\"207\" id=\"Examples of :focus-visible for improved usability\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 <code>:focus-visible<\/code> \u0644\u062a\u062d\u0633\u064a\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/h4>\n<p><\/p>\n<p data-line=\"209\">The <code>:focus-visible<\/code> \u064a\u0645\u0643\u0651\u0646 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0645\u0646 \u0635\u064a\u0627\u063a\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u062a\u064a \u062a\u0639\u0632\u0632 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<ul data-line=\"211\"><\/p>\n<li data-line=\"211\"><strong>\u0644\u0648\u062d\u0629 \u0645\u0641\u0627\u062a\u064a\u062d \u0627\u0644\u0645\u0644\u0627\u062d\u0629<\/strong>: \u062a\u0633\u0644\u064a\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u062d\u0642\u0648\u0644 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0623\u0648 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0639\u0628\u0631 \u0645\u0641\u062a\u0627\u062d \"\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\".<\/li>\n<p><\/p>\n<li data-line=\"212\"><strong>\u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/strong>: \u0636\u0645\u0627\u0646 \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0623\u0648 \u0645\u0631\u0628\u0639\u0627\u062a \u0627\u0644\u062d\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0637 \u0639\u0631\u0636 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d.<\/li>\n<p><\/p>\n<li data-line=\"213\"><strong>\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/strong>: \u062a\u0637\u0628\u064a\u0642 \u0623\u0646\u0645\u0627\u0637 \u0641\u0631\u064a\u062f\u0629 \u060c \u0645\u062b\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0627\u0644\u0645\u062a\u0648\u0647\u062c\u0629 \u0623\u0648 \u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u060c \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0631\u0624\u064a\u0629.<\/li>\n<p><\/ul>\n<p><\/p>\n<details  data-line=\"215\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0645\u062f\u062e\u0644\u0627\u062a<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">5px<\/span> <span class=\"hljs-number\">2px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">123<\/span>, <span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0.75<\/span>); <span class=\"hljs-comment\">\/* \u064a\u0636\u064a\u0641 \u0623\u062b\u0631\u0627 \u0645\u062a\u0648\u0647\u062c\u0627 \u0644\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u0629*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"221\">\u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644 \u0643\u064a\u0641 <code>:focus-visible<\/code> \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062e\u0644\u0642 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u062c\u0630\u0627\u0628\u0629 \u0628\u0635\u0631\u064a\u064b\u0627 \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<h3 data-line=\"223\" id=\"Adding Animations to Focus Rings\">\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0644\u062a\u0631\u0643\u064a\u0632 \u062d\u0644\u0642\u0627\u062a<\/h3>\n<p><\/p>\n<p data-line=\"225\">\u064a\u0645\u0643\u0646 \u0644\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0631\u0641\u0639 \u062a\u0635\u0627\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0629 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0627 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0641\u062d\u0633\u0628 \u060c \u0628\u0644 \u062a\u0648\u0641\u0631 \u0623\u064a\u0636\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644.<\/p>\n<p><\/p>\n<h4 data-line=\"227\" id=\"Creating smooth transitions for focus styles\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a \u0633\u0644\u0633\u0629 \u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h4>\n<p><\/p>\n<p data-line=\"229\">\u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0629 \u062a\u062c\u0639\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062a\u0628\u062f\u0648 \u0623\u0643\u062b\u0631 \u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0623\u0642\u0644 \u0645\u0641\u0627\u062c\u0623\u0629. \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644<\/code> \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062d\u062f\u064a\u062f \u0643\u064a\u0641\u064a\u0629 \u062a\u063a\u064a\u0631 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a. \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u064a\u062e\u0644\u0642 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0635\u0642\u0648\u0644\u0629 \u0648\u0645\u0647\u0646\u064a\u0629.<\/p>\n<p><\/p>\n<details  data-line=\"231\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">3px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#28a745<\/span>;<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644<\/span>\u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0639\u0627\u0645 <span class=\"hljs-number\">0.3<\/span> ' 2` \u0627\u0644\u0633\u0647\u0648\u0644\u0629\u061b; <span class=\"hljs-comment\">\/* \u062a\u063a\u064a\u0631\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0644\u0648\u0646 \u0627\u0644\u0645\u062e\u0637\u0637<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"238\">\u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0646\u062a\u0642\u0644 \u0644\u0648\u0646 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0633\u0644\u0627\u0633\u0629 \u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0644\u064a.<\/p>\n<p><\/p>\n<h4 data-line=\"240\" id=\"Examples of CSS animations for focus rings\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 CSS \u0644\u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h4>\n<p><\/p>\n<p data-line=\"242\">\u062a\u062a\u064a\u062d \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 CSS \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u062a\u0631\u0643\u064a\u0632 \u062d\u0644\u0642\u0627\u062a. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u064a\u0636\u0629 \u0627\u0644\u0646\u0627\u0628\u0636\u0629 \u0623\u0648 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0644\u0648\u0646\u0629 \u0623\u0648 \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u062d\u062f\u0648\u062f. \u0647\u0630\u0647 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u062a\u0633\u062a\u0631\u0639\u064a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629 \u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0648\u0636\u0648\u062d \u0627\u0644\u0645\u0644\u0627\u062d\u0629.<\/p>\n<p><\/p>\n<p data-line=\"244\">\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u0629:<\/p>\n<p><\/p>\n<ul data-line=\"246\"><\/p>\n<li data-line=\"246\"><strong>\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0628\u0636<\/strong>: \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062a\u062a\u0648\u0633\u0639 \u0648\u062a\u062a\u0642\u0644\u0635.<\/li>\n<p><\/p>\n<li data-line=\"247\"><strong>\u0631\u0643\u0648\u0628 \u0627\u0644\u0644\u0648\u0646<\/strong>: \u062a\u062d\u0648\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u0627 \u0644\u0648\u0646 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u062f\u0631\u062c.<\/li>\n<p><\/p>\n<li data-line=\"248\"><strong>\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u062d\u062f\u0648\u062f<\/strong>: \u062a\u062d\u0631\u064a\u0643 \u0639\u0631\u0636 \u0627\u0644\u062d\u062f\u0648\u062f \u0644\u062e\u0644\u0642 \u062a\u0623\u062b\u064a\u0631 \u0645\u062a\u0632\u0627\u064a\u062f.<\/li>\n<p><\/ul>\n<p><\/p>\n<details  data-line=\"250\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">(\u0623)<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: \u0644\u0627 \u0634\u064a\u0621\u061b;<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">3px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0.5<\/span>);<br>  <span class=\"hljs-attribute\">aimation<\/span>: \u0627\u0644\u0646\u0628\u0636 <span class=\"hljs-number\">1<\/span> \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u061b;<br>}<br><br><span class=\"hljs-keyword\">@keyframes<\/span> \u0646\u0628\u0636<br>  <span class=\"hljs-number\">0%<\/span> {<br>    <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">3px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0.5<\/span>);<br>  }<br>  <span class=\"hljs-number\">50%<\/span> {<br>    <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">6px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0.3<\/span>);<br>  }<br>  <span class=\"hljs-number\">100%<\/span> {<br>    <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">3px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">0.5<\/span>);<br>  }<br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"270\">\u064a\u0639\u0631\u0636 \u0645\u0642\u062a\u0637\u0641\u0627\u062a \u0627\u0644\u0631\u0645\u0632 \u062a\u0623\u062b\u064a\u0631 \u0646\u0627\u0628\u0636 \u060c \u0645\u0645\u0627 \u064a\u0636\u064a\u0641 \u0644\u0645\u0633\u0629 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u0644\u062a\u0631\u0643\u064a\u0632 \u062d\u0644\u0642\u0627\u062a. \u0645\u062b\u0644 \u0647\u0630\u0647 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0644\u0627 \u062a\u0639\u0632\u0632 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0641\u062d\u0633\u0628 \u060c \u0628\u0644 \u062a\u0639\u0645\u0644 \u0623\u064a\u0636\u064b\u0627 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627.<\/p>\n<p><\/p>\n<hr data-line=\"272\"><\/p>\n<h2 data-line=\"274\" id=\"Common Mistakes to Avoid in Focus Ring Design\">\u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u062a\u062c\u0646\u0628\u0647\u0627 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/h2>\n<p><\/p>\n<h3 data-line=\"277\" id=\"Removing Focus Styles Entirely\">\u0625\u0632\u0627\u0644\u0629 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/h3>\n<p><\/p>\n<h4 data-line=\"279\" id=\"Why this harms accessibility.\">\u0644\u0645\u0627\u0630\u0627 \u0647\u0630\u0627 \u064a\u0636\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/h4>\n<p><\/p>\n<p data-line=\"281\">\u064a\u0624\u062f\u064a \u0627\u0644\u062a\u062e\u0644\u0635 \u0645\u0646 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u062d\u0648\u0627\u062c\u0632 \u0645\u0647\u0645\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629. \u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0643\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0630\u064a \u064a\u0646\u0634\u0637 \u062d\u0627\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628. \u0628\u062f\u0648\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u060c \u064a\u0635\u0628\u062d \u0627\u0644\u062a\u0646\u0642\u0644 \u0639\u0628\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0631\u0628\u0643\u064b\u0627 \u0648\u0645\u062d\u0628\u0637\u064b\u0627 \u060c \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0630\u0648\u064a \u0627\u0644\u0625\u0639\u0627\u0642\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0623\u0648 \u0627\u0644\u0625\u0639\u0627\u0642\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u064a\u0629.<\/p>\n<p><\/p>\n<p data-line=\"283\">\u0625\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u064a\u0639\u0637\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0625\u0632\u0627\u0644\u0629 \u0623\u062f\u0627\u0629 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062d\u0631\u062c\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u0642\u062f \u064a\u0641\u0642\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0639\u0628\u0631 \u0645\u0641\u062a\u0627\u062d \"\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u0628\u0648\u064a\u0628\" \u0645\u0633\u0627\u0631 \u0645\u0648\u0642\u0639\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u0647\u0630\u0627 \u0627\u0644\u0627\u0641\u062a\u0642\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0625\u0644\u0649 \u0623\u062e\u0637\u0627\u0621 \u060c \u0645\u062b\u0644 \u0625\u0631\u0633\u0627\u0644 \u0646\u0645\u0627\u0630\u062c \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629 \u0623\u0648 \u0627\u0644\u0646\u0642\u0631 \u0641\u0648\u0642 \u0623\u0632\u0631\u0627\u0631 \u063a\u064a\u0631 \u0645\u0642\u0635\u0648\u062f\u0629. \u062a\u0624\u0643\u062f \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0647\u0645\u064a\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u0644\u0623\u0646\u0647\u0627 \u062a\u0636\u0645\u0646 \u0634\u0645\u0648\u0644\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/p>\n<p><\/p>\n<blockquote data-line=\"285\"><p><\/p>\n<p data-line=\"285\">\"\u064a\u062c\u0628 \u0627\u0639\u062a\u0628\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u064a\u0632\u0629 \u060c \u0648\u0644\u064a\u0633 \u062e\u0637\u0623\u064b \u060c \u0648\u0647\u064a \u0645\u0641\u064a\u062f\u0629 \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0644\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d.\"<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h4 data-line=\"287\" id=\"Alternatives to removing focus styles.\">\u0628\u062f\u0627\u0626\u0644 \u0644\u0625\u0632\u0627\u0644\u0629 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/h4>\n<p><\/p>\n<p data-line=\"289\">\u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0625\u0632\u0627\u0644\u0629 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0628\u062f\u0627\u0626\u0644 \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062c\u0645\u0627\u0644. \u0646\u0647\u062c \u0648\u0627\u062d\u062f \u0641\u0639\u0627\u0644 \u064a\u0646\u0637\u0648\u064a \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629. \u062a\u062a\u064a\u062d \u0645\u064a\u0632\u0629 CSS \u0647\u0630\u0647 \u0623\u0646 \u062a\u0638\u0647\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0629 \u0645\u0641\u0627\u062a\u064a\u062d \u060c \u0645\u0645\u0627 \u064a\u0644\u063a\u064a \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0627\u0644\u0645\u0627\u0648\u0633. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0637\u0628\u064a\u0642 \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p>\n<p><\/p>\n<details  data-line=\"291\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#007bff<\/span>; <span class=\"hljs-comment\">\/* \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u0635\u0648\u0631\u0647 \u0625\u0644\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0644\u0627\u062d\u0629 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"297\">\u064a\u062a\u0636\u0645\u0646 \u0628\u062f\u064a\u0644 \u0622\u062e\u0631 \u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0628\u062a\u0648\u0647\u062c \u062f\u0642\u064a\u0642 \u0623\u0648 \u062d\u062f\u0648\u062f \u0645\u062a\u0642\u0637\u0639\u0629 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0646\u062f\u0627\u0621 \u0627\u0644\u0628\u0635\u0631\u064a \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u0629. \u062a\u0636\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u062d\u0644\u0648\u0644 \u0623\u0646 \u062a\u0638\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0631\u0626\u064a\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"299\" id=\"Overcomplicating Focus Ring Designs\">\u062a\u0635\u0627\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0632\u0627\u0626\u062f\u0629<\/h3>\n<p><\/p>\n<h4 data-line=\"301\" id=\"How complex designs can confuse users.\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0623\u0646 \u062a\u062e\u0644\u0637 \u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/h4>\n<p><\/p>\n<p data-line=\"303\">\u064a\u0645\u0643\u0646 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u062f\u0627\u0626\u0631\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0628\u0634\u0643\u0644 \u0645\u0641\u0631\u0637 \u0627\u0644\u062a\u063a\u0644\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u062a\u0642\u0644\u0644 \u0645\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u064a\u0648\u0641\u0631 \u0627\u0644\u062d\u0631\u064a\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0645\u0641\u0631\u0637 \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0635\u0631\u0641 \u0627\u0646\u062a\u0628\u0627\u0647\u0647 \u0639\u0646 \u0627\u0644\u063a\u0631\u0636 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 - \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u0642\u062f \u062a\u062e\u0644\u0637 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 \u0623\u0648 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0623\u0648 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0633\u0642\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u060c \u0648\u062e\u0627\u0635\u0629 \u062a\u0644\u0643 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0636\u0639\u0641 \u0627\u0644\u0625\u062f\u0631\u0627\u0643.<\/p>\n<p><\/p>\n<p data-line=\"305\">\u0642\u062f \u062a\u0639\u064a\u0642 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0623\u064a\u0636\u064b\u0627 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0646 \u0637\u0631\u064a\u0642 \u062c\u0639\u0644 \u0645\u0646 \u0627\u0644\u0635\u0639\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637. \u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0623\u0648 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u062a\u0633\u0642\u0629. \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629 \u062a\u062e\u0627\u0637\u0631 \u0628\u0625\u062e\u0641\u0627\u0621 \u0647\u0630\u0647 \u0627\u0644\u0639\u0638\u0629 \u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0644\u0625\u062d\u0628\u0627\u0637 \u0648\u0627\u0646\u062e\u0641\u0627\u0636 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n<p><\/p>\n<blockquote data-line=\"307\"><p><\/p>\n<p data-line=\"307\">\"\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u0645\u062a\u0641\u0627\u0648\u062a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\"<\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h4 data-line=\"309\" id=\"Tips for balancing aesthetics and usability.\">\u0646\u0635\u0627\u0626\u062d \u0644\u0645\u0648\u0627\u0632\u0646\u0629 \u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/h4>\n<p><\/p>\n<p data-line=\"311\">\u0644\u062a\u062d\u0642\u064a\u0642 \u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u060c \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629 \u0644\u0644\u0628\u0633\u0627\u0637\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u062a\u0635\u0627\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0628\u0639\u0636 \u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0644\u064a\u0629:<\/p>\n<p><\/p>\n<ol data-line=\"313\"><\/p>\n<li data-line=\"313\"><strong>\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u0633\u0627\u0642<\/strong>: \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u0646\u0645\u0627\u0637 \u0645\u0648\u062d\u062f\u0629 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u062a\u0645\u0627\u0633\u0643\u0629.<\/li>\n<p><\/p>\n<li data-line=\"314\"><strong>\u0636\u0645\u0627\u0646 \u0627\u0644\u0631\u0624\u064a\u0629<\/strong>: \u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062a\u0646\u0627\u0642\u0636\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0628\u0631\u0632 \u0639\u0644\u0649 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u060c \u0648\u0627\u0644\u062a\u0645\u0633\u0643 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0645\u062b\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u062f\u0646\u064a\u0627 \u0644\u0640 WCAG 3: 1.<\/li>\n<p><\/p>\n<li data-line=\"315\"><strong>\u062a\u062c\u0646\u0628 \u0627\u0644\u0625\u0641\u0631\u0627\u0637 \u0641\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0622\u062b\u0627\u0631<\/strong>: \u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0623\u0648 \u0627\u0644\u062a\u062f\u0631\u062c\u0627\u062a \u0623\u0648 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0644\u0645\u0646\u0639 \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/li>\n<p><\/p>\n<li data-line=\"316\"><strong>\u0627\u062e\u062a\u0628\u0627\u0631 \u0639\u0628\u0631 \u0627\u0644\u0623\u062c\u0647\u0632\u0629<\/strong>: \u062a\u062d\u0642\u0642 \u0645\u0646 \u0623\u0646 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0637\u0631\u0642 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0648\u0642\u0631\u0627\u0621 \u0627\u0644\u0634\u0627\u0634\u0629.<\/li>\n<p><\/ol>\n<p><\/p>\n<p data-line=\"318\">\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0648\u062c\u0647 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0628\u0633\u064a\u0637\u0629 \u0645\u0639 \u0645\u062e\u0637\u0637 \u0645\u062a\u064a\u0646 \u0648\u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0643\u0627\u0641\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0637\u063a\u0649 \u0639\u0644\u064a\u0647\u0645:<\/p>\n<p><\/p>\n<details  data-line=\"320\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0645\u062f\u062e\u0644\u0627\u062a<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#28a745<\/span>; <span class=\"hljs-comment\">\u0645\u062e\u0637\u0637 \u0623\u062e\u0636\u0631 \u0646\u0638\u064a\u0641 \u0648\u0645\u064a\u0633\u0631*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"326\">\u0628\u0627\u062a\u0628\u0627\u0639 \u0647\u0630\u0647 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u062a\u0639\u0632\u0632 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639 \u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628.<\/p>\n<p><\/p>\n<hr data-line=\"328\"><\/p>\n<hr data-line=\"330\"><\/p>\n<p data-line=\"332\">\u062a\u0644\u0639\u0628 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062f\u0648\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0636\u0645\u0627\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u062a\u0639\u0632\u064a\u0632 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u0623\u0646\u0647\u0627 \u062a\u0648\u0641\u0631 \u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629. \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062e\u0635\u0627\u0626\u0635 CSS \u0645\u062b\u0644 <code>\u0645\u0648\u062c\u0632<\/code>, <code>\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/code>\u0648 <code>\u0627\u0644\u062d\u062f\u0648\u062f<\/code>\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0645\u062e\u0635\u0635\u0629 \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0647\u0645 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062b\u0644 <code>:focus-visible<\/code> \u062a\u0639\u0648\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0645\u0646 \u0627\u0644\u062f\u0631\u062c\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0644\u0633\u0629 \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u062a\u0635\u0627\u0645\u064a\u0645 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u0627\u062a\u0633\u0627\u0642 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631. \u064a\u0636\u0645\u0646 \u0627\u062e\u062a\u0628\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0633\u064a\u0627\u0642\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0646\u0647\u0627 \u062a\u0638\u0644 \u0641\u0639\u0627\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u0628\u0635\u0631\u064a\u064b\u0627.<\/p>\n<p><\/p>\n<h2 data-line=\"334\" id=\"FAQ\">FAQ<\/h2>\n<p><\/p>\n<h3 data-line=\"337\" id=\"How can developers show a focus ring for keyboard users only using CSS?\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0638\u0647\u0627\u0631 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0641\u0642\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 CSS\u061f<\/h3>\n<p><\/p>\n<p data-line=\"339\">\u0644\u0639\u0631\u0636 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062d\u0635\u0631\u064a\u064b\u0627 \u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629. \u062a\u0636\u0645\u0646 \u0645\u064a\u0632\u0629 CSS \u0623\u0646 \u062a\u0638\u0647\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0639\u0628\u0631 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u060c \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u0641\u0648\u0636\u0649 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0623\u0648 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0628\u0627\u0644\u0644\u0645\u0633. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<details  data-line=\"341\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">2px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#007bff<\/span>; <span class=\"hljs-comment\">\/* \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u0635\u0648\u0631\u0647 \u0625\u0644\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0644\u0627\u062d\u0629 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"347\">\u064a\u0639\u0632\u0632 \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0646\u0638\u064a\u0641 \u0644\u0637\u0631\u0642 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0623\u062e\u0631\u0649.<\/p>\n<p><\/p>\n<blockquote data-line=\"349\"><p><\/p>\n<p data-line=\"349\"><em>\"\u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0646\u0635\u0629 \u0627\u0644\u0648\u064a\u0628 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0644\u0625\u0634\u0627\u0631\u0629 \u0625\u0644\u0649 \u0631\u0624\u064a\u0629 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0623\u062f\u0627\u0629 \u0642\u0648\u064a\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644. \"<\/em><\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h3 data-line=\"351\" id=\"What happens in older browsers that do not support :focus-visible or @supports selector?\">\u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u062f\u0639\u0645 <code>:focus-visible<\/code> \u0623\u0648 <code>supports \u0627\u0644\u0645\u062d\u062f\u062f<\/code>?<\/h3>\n<p><\/p>\n<p data-line=\"353\">\u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0641\u062a\u0642\u0631 \u0625\u0644\u0649 \u0627\u0644\u062f\u0639\u0645 \u0644 <code>:focus-visible<\/code> \u0623\u0648 <code>supports \u0627\u0644\u0645\u062d\u062f\u062f<\/code>\u060c \u0633\u064a\u0638\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629. \u064a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0623\u0646 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629. \u062a\u062c\u0633\u062f \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a \u060c \u062d\u064a\u062b \u062a\u0639\u0645\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"355\" id=\"What does Bootstrap 5 offer for focus rings?\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0642\u062f\u0645\u0647 Bootstrap 5 \u0644\u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632\u061f<\/h3>\n<p><\/p>\n<p data-line=\"357\">\u064a\u062a\u0636\u0645\u0646 Bootstrap 5 \u0623\u0646\u0645\u0627\u0637 \u062d\u0644\u0642\u0629 \u062a\u0631\u0643\u064a\u0632 \u0645\u062f\u0645\u062c\u0629 \u0645\u0637\u0628\u0642 \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0646\u0645\u0627\u0630\u062c. \u062a\u062a\u0643\u064a\u0641 \u0647\u0630\u0647 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0646\u0638\u0627\u0645 \u062a\u0635\u0645\u064a\u0645 Framework \u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u0627\u062a\u0633\u0627\u0642 \u0627\u0644\u062c\u0645\u0627\u0644\u064a. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u064f\u0635\u0645\u0645\u0629 \u0645\u0633\u0628\u0642\u064b\u0627 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<blockquote data-line=\"359\"><p><\/p>\n<p data-line=\"359\"><em>\"\u064a\u0648\u0641\u0631 Bootstrap 5 \u0623\u0633\u0627\u0633\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u0644\u062a\u062e\u0635\u064a\u0635 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0644 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647\u0627.\"<\/em><\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h3 data-line=\"361\" id=\"How does the FocusRing component enhance focus ring implementation?\">\u0643\u064a\u0641 <code>\u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u0627\u0644\u0645\u0643\u0648\u0646 \u064a\u0639\u0632\u0632 \u062a\u0646\u0641\u064a\u0630 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632\u061f<\/h3>\n<p><\/p>\n<p data-line=\"363\">The <code>\u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0643\u0648\u0646 \u0628\u062a\u0628\u0633\u064a\u0637 \u0625\u062f\u0627\u0631\u0629 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0644\u0641 \u0623\u064a \u0639\u0646\u0635\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0631\u0643\u064a\u0632. \u064a\u0636\u064a\u0641 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0627\u0644\u0636\u0631\u0648\u0631\u064a <code>\u0631\u0643\u0632<\/code> \u0648 <code>\u0637\u0645\u0633<\/code> \u0627\u0644\u0645\u0633\u062a\u0645\u0639\u0648\u0646 \u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u062a\u0633\u0628 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u062a\u062f\u0645\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u064a\u0632\u0629 \u0628\u0633\u0644\u0627\u0633\u0629 \u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u064a\u062f\u0648\u064a.<\/p>\n<p><\/p>\n<h3 data-line=\"365\" id=\"How can CSS provide alternative focus styles when hiding the browser's default focus ring?\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0640 CSS \u062a\u0648\u0641\u064a\u0631 \u0623\u0646\u0645\u0627\u0637 \u062a\u0631\u0643\u064a\u0632 \u0628\u062f\u064a\u0644\u0629 \u0639\u0646\u062f \u0625\u062e\u0641\u0627\u0621 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u062a\u0635\u0641\u062d\u061f<\/h3>\n<p><\/p>\n<p data-line=\"367\">\u0625\u0630\u0627 \u0623\u0635\u0628\u062d \u0625\u062e\u0641\u0627\u0621 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u062a\u0635\u0641\u062d \u0636\u0631\u0648\u0631\u064a\u064b\u0627 \u060c \u0641\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u0648\u0641\u064a\u0631 \u0623\u0646\u0645\u0627\u0637 \u062a\u0631\u0643\u064a\u0632 \u0628\u062f\u064a\u0644\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644. \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>:focus<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u060c \u064a\u0645\u0643\u0646\u0647\u0645 \u0625\u0646\u0634\u0627\u0621 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p>\n<p><\/p>\n<details  data-line=\"369\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0645\u062f\u062e\u0644\u0627\u062a<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> {<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">5px<\/span> <span class=\"hljs-number\">2px<\/span> <span class=\"hljs-built_in\">rgba<\/span>(<span class=\"hljs-number\">0<\/span>, <span class=\"hljs-number\">123<\/span>, <span class=\"hljs-number\">255<\/span>, <span class=\"hljs-number\">0.75<\/span>); <span class=\"hljs-comment\">\/* \u064a\u0636\u064a\u0641 \u0623\u062b\u0631\u0627 \u0645\u062a\u0648\u0647\u062c\u0627*<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"375\">\u0647\u0630\u0627 \u064a\u0636\u0645\u0646 \u0623\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0646\u0642\u0644\u0648\u0646 \u0645\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0644\u0627 \u064a\u0632\u0627\u0644\u0648\u0646 \u064a\u062a\u0644\u0642\u0648\u0646 \u0625\u0634\u0627\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u0648\u0627\u0636\u062d\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"377\" id=\"What is the mapping of focus rings in Chakra UI to CSS selectors?\">\u0645\u0627 \u0647\u0648 \u062a\u0639\u064a\u064a\u0646 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0641\u064a chakra ui \u0625\u0644\u0649 \u0645\u062d\u062f\u062f\u0627\u062a CSS\u061f<\/h3>\n<p><\/p>\n<p data-line=\"379\">\u0641\u064a \u0634\u0642\u0631\u0627 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u060c \u062e\u0631\u064a\u0637\u0629 \u062e\u0648\u0627\u062a\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0645\u062d\u062f\u062f\u0627\u062a CSS \u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0642\u064a\u0642. \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\u0627\u062a:<\/p>\n<p><\/p>\n<ul data-line=\"381\"><\/p>\n<li data-line=\"381\"><code>&amp;: IS (: \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0645\u0631\u0626\u064a \u060c [Data-Focus-Visible])<\/code> \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.<\/li>\n<p><\/p>\n<li data-line=\"382\"><code>&amp;: IS (: Focus \u060c [Data-Focus])<\/code> \u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0639\u0627\u0645\u0629.<\/li>\n<p><\/ul>\n<p><\/p>\n<p data-line=\"384\">\u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\u0627\u062a \u0645\u0631\u0648\u0646\u0629 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0644\u062a\u062e\u0635\u064a\u0635 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.<\/p>\n<p><\/p>\n<h3 data-line=\"386\" id=\"What is the status of :focus-ring and :-moz-focusring in CSS specifications?\">\u0645\u0627 \u0647\u0648 \u0648\u0636\u0639 <code>: \u0631\u0643\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u0648 <code>: -moz-focusring<\/code> \u0641\u064a \u0645\u0648\u0627\u0635\u0641\u0627\u062a CSS\u061f<\/h3>\n<p><\/p>\n<p data-line=\"388\">The <code>: \u0631\u0643\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u0648 <code>: -moz-focusring<\/code> \u0627\u0644\u0641\u0626\u0627\u062a \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0645 \u064a\u062a\u0645 \u062a\u0648\u062d\u064a\u062f\u0647\u0627 \u0628\u0639\u062f \u0648\u0644\u0643\u0646\u0647\u0627 \u0643\u0627\u0646\u062a \u0645\u062d\u0648\u0631\u064a\u0629 \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u0627\u062a \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u0627\u0644 <code>: \u0631\u0643\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u062a\u0637\u0648\u0631\u062a \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0625\u0644\u0649 <code>:focus-visible<\/code>\u060c \u0627\u0644\u0622\u0646 \u062c\u0632\u0621 \u0645\u0646 \u0645\u0648\u0627\u0635\u0641\u0627\u062a CSS4. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0644\u0641\u064a\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0639\u0628\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0645\u0639 \u062a\u0628\u0646\u064a \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n<p><\/p>\n<blockquote data-line=\"390\"><p><\/p>\n<p data-line=\"390\"><em>\"\u062a\u0637\u0648\u0631 <code>: \u0631\u0643\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632<\/code> \u062f\u0627\u062e\u0644 <code>:focus-visible<\/code> \u064a\u0633\u0644\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0648\u062f \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628. \"<\/em><\/p>\n<p><\/p><\/blockquote>\n<p><\/p>\n<h3 data-line=\"392\" id=\"Why is it important to avoid removing focus rings entirely?\">\u0644\u0645\u0627\u0630\u0627 \u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u062a\u062c\u0646\u0628 \u0625\u0632\u0627\u0644\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u061f<\/h3>\n<p><\/p>\n<p data-line=\"394\">\u062a\u062e\u0644\u0642 \u0625\u0632\u0627\u0644\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062d\u0648\u0627\u062c\u0632 \u0643\u0628\u064a\u0631\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u062a\u0645\u062f\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629. \u062a\u0639\u0645\u0644 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0643\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0631\u0626\u064a\u0629 \u062d\u0631\u062c\u0629 \u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629. \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0625\u0632\u0627\u0644\u062a\u0647\u0627 \u060c \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u062e\u0635\u064a\u0635 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>:focus-visible<\/code> \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062c\u0645\u0627\u0644.<\/p>\n<p><\/p>\n<h3 data-line=\"396\" id=\"Can animations be added to focus rings?\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0644\u062a\u0631\u0643\u064a\u0632 \u062d\u0644\u0642\u0627\u062a\u061f<\/h3>\n<p><\/p>\n<p data-line=\"398\">\u0646\u0639\u0645 \u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0639\u0632\u0632 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0629 \u0623\u0648 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644<\/code> \u062e\u0627\u0635\u064a\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u0638\u0647\u0631 \u0645\u0635\u0642\u0648\u0644:<\/p>\n<p><\/p>\n<details  data-line=\"400\" class=\"md-editor-code\" open=\"\">        <\/p>\n<summary class=\"md-editor-code-head\">          <\/p>\n<div class=\"md-editor-code-flag\"><span><\/span><span><\/span><span><\/span><\/div>\n<p>          <\/p>\n<div class=\"md-editor-code-action\">            <span class=\"md-editor-code-lang\">css<\/span><br \/>            <span class=\"md-editor-copy-button\" data-tips=\"\u590d\u5236\u4ee3\u7801\"\">\u0627\u0646\u0633\u062e \u0627\u0644\u0631\u0645\u0632<\/span><br \/>            <span class=\"md-editor-collapse-tips\"><svg class=\"md-editor-icon\" aria-hidden=\"true\"><use xlink:href=\"#md-editor-icon-collapse-tips\"><\/use><\/svg><\/span>          <\/div>\n<p>        <\/summary>\n<pre><code class=\"language-css\" language=\"css\"><span class=\"md-editor-code-block\"><span class=\"hljs-selector-tag\">\u0627\u0644\u0632\u0631<\/span><span class=\"hljs-selector-pseudo\">:focus-visible<\/span> {<br>  <span class=\"hljs-attribute\">\u0645\u0648\u062c\u0632<\/span>: <span class=\"hljs-number\">3px<\/span> \u0635\u0644\u0628 <span class=\"hljs-number\">#28a745<\/span>;<br>  <span class=\"hljs-attribute\">\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644<\/span>\u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0639\u0627\u0645 <span class=\"hljs-number\">0.3<\/span> ' 2` \u0627\u0644\u0633\u0647\u0648\u0644\u0629\u061b; <span class=\"hljs-comment\">\/* \u062a\u063a\u064a\u0631\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0644\u0648\u0646 \u0627\u0644\u0645\u062e\u0637\u0637<\/span><br>}<\/span><span rn-wrapper aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><\/span><\/code><\/pre>\n<p><\/details>\n<p data-line=\"407\">\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062f\u064a \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0645\u062b\u0644 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u0627\u0628\u0636\u0629 \u0623\u0648 \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0645\u062a\u0648\u0633\u0639\u0629 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0644\u0641\u062a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u0629.<\/p>\n<p><\/p>\n<h3 data-line=\"409\" id=\"How can developers test focus rings for accessibility?\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u062e\u062a\u0628\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0644\u0648\u0635\u0648\u0644\u061f<\/h3>\n<p><\/p>\n<p data-line=\"411\">\u064a\u062a\u0636\u0645\u0646 \u0627\u062e\u062a\u0628\u0627\u0631 \u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0622\u0644\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u064a\u062f\u0648\u064a\u0629. \u064a\u0645\u0643\u0646 \u0644\u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644 Chrome DevTools \u0623\u0648 AX \u0623\u0648 Lighthouse \u062a\u0642\u064a\u064a\u0645 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0644\u062a\u0628\u0627\u064a\u0646 \u0641\u064a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644. \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u064a\u062f\u0648\u064a \u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0641\u062a\u0627\u062d \"TAB\" \u0641\u0642\u0637 \u060c \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u062c\u0648\u0627\u062a \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0632. \u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0648\u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u064a\u0636\u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629.<\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0639\u0644\u0651\u0645 \u0643\u064a\u0641\u064a\u0629 \u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0627\u062a \u062a\u0631\u0643\u064a\u0632 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645. Explore techniques using outline, box-shadow, and :focus-visible.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[107],"tags":[116,115,124,143,128],"class_list":["post-756","post","type-post","status-publish","format-standard","hentry","category-blog","tag-epitaxial-barrel-susceptor","tag-epitaxial-susceptor","tag-etching-disk","tag-focus-ring","tag-icp-etching-carrier"],"_links":{"self":[{"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/posts\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":0,"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/categories?post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cnvetenergy.com\/ar\/wp-json\/wp\/v2\/tags?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}