ਸਕਰੀਨ ਰੀਡਰ

ਸਕ੍ਰੀਨ ਰੀਡਰ ਨੂੰ ਛੱਡ ਕੇ ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ 'ਤੇ ਤੱਤ ਲੁਕਾਉਣ ਲਈ ਸਕ੍ਰੀਨ ਰੀਡਰ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਨਾਲ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਨੂੰ ਛੱਡ ਕੇ ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ ਲਈ ਇੱਕ ਤੱਤ ਨੂੰ ਲੁਕਾਓ .sr-only। ਤੱਤ ਨੂੰ ਦੁਬਾਰਾ ਦਿਖਾਉਣ ਲਈ ਨਾਲ ਜੋੜੋ ਜਦੋਂ ਇਹ ਫੋਕਸ ਹੋਵੇ (ਜਿਵੇਂ ਕਿ ਕੀਬੋਰਡ-ਸਿਰਫ਼ ਉਪਭੋਗਤਾ ਦੁਆਰਾ .sr-only) । .sr-only-focusableਮਿਸ਼ਰਣ ਦੇ ਤੌਰ ਤੇ ਵੀ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}