in English
លាក់ដោយមើលឃើញ
ប្រើជំនួយទាំងនេះដើម្បីលាក់ធាតុដោយមើលឃើញ ប៉ុន្តែរក្សាពួកវាឱ្យចូលប្រើបច្ចេកវិទ្យាជំនួយ។
លាក់ធាតុដោយមើលឃើញ ខណៈពេលដែលនៅតែអនុញ្ញាតឱ្យវាបង្ហាញជាមួយបច្ចេកវិទ្យាជំនួយ (ដូចជាកម្មវិធីអានអេក្រង់) ជាមួយ .visually-hidden
. ប្រើ .visually-hidden-focusable
ដើម្បីលាក់ធាតុដោយមើលឃើញតាមលំនាំដើម ប៉ុន្តែដើម្បីបង្ហាញវានៅពេលដែលវាត្រូវបានផ្តោត (ឧ. ដោយអ្នកប្រើក្តារចុចប៉ុណ្ណោះ)។ .visually-hidden-focusable
ក៏អាចត្រូវបានអនុវត្តទៅកុងតឺន័រផងដែរ – អរគុណចំពោះ :focus-within
ធុងនឹងត្រូវបានបង្ហាញនៅពេលដែលធាតុកុមារណាមួយនៃកុងតឺន័រទទួលបានការផ្តោតអារម្មណ៍។
<h2 class="visually-hidden">Title for screen readers</h2>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
<div class="visually-hidden-focusable">A container with a <a href="#">focusable element</a>.</div>
ទាំងពីរ visually-hidden
និង visually-hidden-focusable
ក៏អាចប្រើជា mixins ផងដែរ។
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}