އެކްސެސިބިލިޓީ

އެކްސެސިބަލް ކޮންޓެންޓް އުފެއްދުމަށް ބޫޓްސްޓްރެޕްގެ ފީޗާސްތަކާއި ލިމިޓެޝަންތަކުގެ ކުރު ތަފްސީލެއް.

މި ޞަފްޙާގައެވެ

ބޫޓްސްޓްރަޕް އިން ރެޑީ މެއިޑް ސްޓައިލްތަކާއި ލޭއައުޓް ޓޫލްސް އަދި އިންޓަރެކްޓިވް ކޮމްޕޯނެންޓްތަކުގެ ބޭނުން ކުރަން ފަސޭހަ ފްރޭމްވޯކެއް ފޯރުކޮށްދީފައިވާއިރު، ޑިވެލޮޕަރުންނަށް ލޮލުން ފެންނަ، ފަންކްޝަނަލީ ރިޗް، އަދި ފޮށިން ބޭރުން ލިބޭނެ ވެބްސައިޓްތަކާއި އެޕްލިކޭޝަންތައް އުފެއްދުމުގެ ފުރުސަތު ލިބިގެންދެއެވެ.

އޯވަރވިއު އާއި ލިމިޓެޝަންސް

ބޫޓްސްޓްރެޕް އިން ހަދާފައިވާ ކޮންމެ ޕްރޮޖެކްޓެއްގެ ޖުމްލަ އެކްސެސިބިލިޓީ ބޮޑުތަނުން ބިނާވެފައިވަނީ ލިޔުންތެރިޔާގެ މާކަޕް، އިތުރު ސްޓައިލިންގ، އަދި އެމީހުން ހިމަނާފައިވާ ސްކްރިޕްޓިންގ ގެ މައްޗަށެވެ. ނަމަވެސް މިކަންކަން ރަނގަޅަށް ތަންފީޒުކުރެވިފައިވާނަމަ، ޑަބްލިޔުސީއޭޖީ 2.1 (އޭ/އޭއޭ/އޭއޭއޭ)، ސެކްޝަން 508 , އަދި މިފަދަ އެކްސެސިބިލިޓީ ސްޓޭންޑަރޑްތަކާއި ޝަރުތުތައް ފުރިހަމަވާ ވެބްސައިޓްތަކާއި އެޕްލިކޭޝަންތައް ބޫޓްސްޓްރެޕް އިން އުފެއްދުމަކީ ފުރިހަމައަށް ކުރެވޭނެ ކަމެއް ކަމުގައި ވާންޖެހެއެވެ .

ސްޓްރަކްޗަރަލް މާކަޕް

ބޫޓްސްޓްރެޕްގެ ސްޓައިލިންގ އާއި ލޭއައުޓް މާކަޕް ސްޓްރަކްޗަރތަކުގެ ފުޅާ ދާއިރާއެއްގައި ބޭނުންކުރެވޭނެއެވެ. މި ޑޮކިއުމަންޓޭޝަންގެ މަޤްޞަދަކީ ޑިވެލޮޕަރުންނަށް ޚުދު ބޫޓްސްޓްރެޕް ބޭނުންކުރުން ދައްކާލުމަށްޓަކައި އެންމެ ރަނގަޅު އުސޫލުތަކުގެ މިސާލުތައް ފޯރުކޮށްދިނުމާއި، އެކަށީގެންވާ ސެމެންޓިކް މާކަޕް ދައްކުވައިދިނުމެވެ.

އިންޓަރެކްޓިވް ކޮމްޕޯނެންޓްސް

ބޫޓްސްޓްރެޕްގެ އިންޓަރެކްޓިވް ކޮމްޕޯނެންޓްތައް- މޮޑަލް ޑައިލޮގްސް، ޑްރޮޕްޑައުން މެނޫސް، އަދި ކަސްޓަމް ޓޫލްޓިޕްސް ފަދަ ތަކެތި- ފަރުމާކޮށްފައިވަނީ ޓަޗް، މައުސް، އަދި ކީބޯޑް ބޭނުންކުރާ ފަރާތްތަކަށް މަސައްކަތް ކުރުމަށްޓަކައެވެ. ކަމާބެހޭ ވައި - އޭރިއާ ރޯލްތަކާއި އެޓްރިބިއުޓްތައް ބޭނުންކުރުމުގެ ތެރެއިން ، މި ކޮމްޕޯނެންޓްތައް ވެސް އެސިސްޓިވް ޓެކްނޮލޮޖީތައް (ސްކްރީން ރީޑަރ ފަދަ) ބޭނުންކޮށްގެން ވިސްނޭ އަދި އޮޕަރޭޓް ކުރެވޭ ގޮތަށް ހެދުން މުހިންމެވެ.

ބޫޓްސްޓްރެޕްގެ ކޮމްޕޯނެންޓްތައް ގަސްތުގައި ފަރުމާކުރެވިފައިވަނީ ފުދޭވަރަކަށް ޖެނެރިކް ގޮތަކަށް ކަމުން، ލިޔުންތެރިން އެމީހުންގެ ކޮމްޕޮނެންޓްގެ ސީދާ ޠަބީޢަތާއި ފުންޝަނަލިޓީ މާ ޞަރީޙަކޮށް ފޯރުކޮށްދިނުމަށްޓަކައި އިތުރު އޭރިއާ ރޯލްތަކާއި އެޓްރިބިއުޓްތަކުގެ އިތުރުން ޖާވާސްކްރިޕްޓް ސުލޫކު ހިމަނަން ޖެހިދާނެއެވެ . މިކަން އާންމުކޮށް ލިޔެކިޔުންތަކުގައި ފާހަގަކުރެވެއެވެ.

ކުލަ ތަފާތުވުން

މިހާރު ބޫޓްސްޓްރެޕްގެ ޑިފޯލްޓް ޕެލެޓް އެކުލެވޭ ބައެއް ކުލަތައް އެއްކޮށްލުމުން- ބަޓަން ތަފާތުވުން، އެލާޓް ތަފާތުވުން، ފޯމް ވެލިޑޭޝަން އިންޑިކޭޓަރސް ފަދަ ކަންކަމަށް މުޅި ފްރޭމްވޯކްގައި ބޭނުންކުރާ- ކުލަ ކޮންޓްރެސްޓް އެކަށީގެންވާ ވަރަށް ނުލިބިދާނެ ( WCAG 2.1 ޓެކްސްޓް ކުލަ ކޮންޓްރެސްޓް ރޭޝިއޯ 4.5:1 އަށް ވުރެ ދަށުގައި އަދި ޑަބްލިޔުސީއޭޖީ 2.1 ނޮން ޓެކްސްޓް ކަލަރ ކޮންޓްރެސްޓް ރޭޝިއޯ 3:1 ގެ ގޮތުގައި، ޚާއްޞަކޮށް ފަނޑު ފަސްގަނޑެއްގައި ބޭނުންކުރާއިރު. ލިޔުންތެރިންނަށް އެމީހުންގެ ވަކި ކުލަތަކުގެ ބޭނުންތައް ޓެސްޓްކޮށް، ބޭނުންވާ ތަންތަނުގައި، އެކަށީގެންވާ ކުލަ ކޮންޓްރެސްޓް ރޭޝިއޯތައް ކަށަވަރުކުރުމަށްޓަކައި، މި ޑިފޯލްޓް ކުލަތައް އަމިއްލައަށް ބަދަލުކޮށް/އެކްސްޓެންޑް ކުރުމަށް ބާރުއަޅައެވެ.

ލޮލުން ފެންނަ ގޮތަށް ފޮރުވާފައި ހުންނަންޖެހޭ، އެކަމަކު ސްކްރީން ރީޑަރ ފަދަ އެހީތެރި ޓެކްނޮލޮޖީތަކަށް ލިބޭނެ ގޮތަށް ދެމިއޮންނަ ކޮންޓެންޓް، .visually-hiddenކްލާސް ބޭނުންކޮށްގެން ސްޓައިލް ކުރެވިދާނެއެވެ. މިއީ ލޮލުގެ ފެނުމުގެ އިތުރު މައުލޫމާތު ނުވަތަ ނިޝާންތައް (ކުލަ ބޭނުންކުރުމުގެ ތެރެއިން ދައްކުވައިދޭ މާނަ ފަދަ) ވެސް ލޮލުން ނުފެންނަ ބޭނުންކުރާ ފަރާތްތަކަށް ފޯރުކޮށްދޭން ޖެހޭ ހާލަތްތަކުގައި ބޭނުންތެރި ކަމެކެވެ.

<p class="text-danger">
  <span class="visually-hidden">Danger: </span>
  This action is not reversible
</p>

ސަގާފީ “ސްކިޕް” ލިންކްތައް ފަދަ ލޮލަށް ފެންނަ ގޮތަށް ފޮރުވިފައިވާ އިންޓަރެކްޓިވް ކޮންޓްރޯލްތަކަށް، .visually-hidden-focusableކްލާސް ބޭނުން ކުރާށެވެ. މިއީ އެއްފަހަރު ފޯކަސް ކުރުމުން ކޮންޓްރޯލް ފެންނަން ހުރިކަން ކަށަވަރުކޮށްދޭނެ (ސައިޓް ކީބޯޑް ބޭނުންކުރާ މީހުންނަށް) އެވެ. ސަމާލުވާންވީ، މާޒީގެ ވަރޝަންތަކުގައި ހުރި އިކުއިވެންޓް .sr-onlyއަދި .sr-only-focusableކްލާސްތަކާ އަޅާބަލާއިރު، ބޫޓްސްޓްރެޕް 5 .visually-hidden-focusableއަކީ ސްޓެންޑަލޯން ކްލާހެއް، އަދި ކްލާހާ ގުޅިގެން ބޭނުންކޮށްގެން ނުވާނެއެވެ .visually-hidden.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

މޮޝަން ކުޑަކޮށްފި އެވެ

prefers-reduced-motionބޫޓްސްޓްރެޕްގައި މީޑިއާ ފީޗާއަށް ސަޕޯޓް ދިނުން ހިމެނެއެވެ . ރިޑޫސްޑް މޮޝަން އަށް ޔޫޒަރަށް އިސްކަންދޭ ގޮތަށް ކަނޑައެޅޭ ބްރައުޒާތަކުގައި/މާހައުތަކުގައި، ބޫޓްސްޓްރެޕްގައި ގިނަ ސީއެސްއެސް ޓްރާންސިޝަން އިފެކްޓްސް (މިސާލަކަށް، މޯޑަލް ޑައިލޮގެއް ހުޅުވާ ނުވަތަ ބަންދުކުރާއިރު، ނުވަތަ ކެރޮސެލްތަކުގައި ސްލައިޑިންގ އެނިމޭޝަން) ޑިސެބިލް ކުރެވޭނެ، އަދި މާނަހުރި އެނިމޭޝަންތައް ( ސްޕިނަރސް ފަދަ) ލަސްވާނެ އެވެ.

އަށް ސަޕޯޓްކުރާ ބްރައުޒާތަކުގައި prefers-reduced-motion، އަދި ޔޫޒަރ ސާފުކޮށް އިޝާރާތް ނުކުރާ ތަންތަނުގައި އެމީހުން އިސްކަންދޭނީ ރިޑޫސްޑް މޮޝަން (އެބަހީ ކޮންތާކު ) ގައި، ބޫޓްސްޓްރެޕް އިން ޕްރޮޕަޓީ prefers-reduced-motion: no-preferenceބޭނުންކޮށްގެން އޮމާން ސްކްރޯލް ކުރެވޭނެ ގޮތް ހަދައިދެއެވެ .scroll-behavior