உரை இடைவெளி அணுகல் கால்குலேட்டர்

உரை இடைவெளி அணுகல் கால்குலேட்டர்

இந்த கால்குலேட்டர் என்ன செய்கிறது

உங்கள் CSS உரை இடைவெளி — வரி உயரம், எழுத்து இடைவெளி, சொல் இடைவெளி, பத்தி இடைவெளி — WCAG 2.1 வெற்றி அளவுகோல் 1.4.12 (உரை இடைவெளி, நிலை AA) வரையறுக்கும் குறைந்தபட்ச தேவைகளை பூர்த்தி செய்கிறதா என இது சரிபார்க்கிறது. குறைந்த பார்வை அல்லது வாசிப்பு/ அறிவாற்றல் குறைபாடுகள் உள்ள பல பயனர்கள் உலாவி நீட்டிப்புகள் அல்லது பயனர் ஸ்டைல்ஷீட்களை பயன்படுத்தி ஒரு தளத்தின் உரை இடைவெளியை மேலெழுதி உள்ளடக்கத்தை படிக்க எளிதாக்குவதால் இந்த அளவுகோல் உள்ளது. பயனர் இந்த அதிக தாராள இடைவெளி மதிப்புகளை பயன்படுத்தும் போது எந்த உள்ளடக்கமோ செயல்பாடோ இழக்கப்படாவிட்டால் மட்டுமே ஒரு தளம் 1.4.12-ஐ கடைபிடிக்கிறது — நடைமுறையில் இதன் பொருள் தளத்தின் சொந்த இயல்புநிலை இடைவெளி ஏற்கனவே இந்த குறைந்தபட்ச மதிப்புகளுக்கு சமமாகவோ அதிகமாகவோ இருக்க வேண்டும், அல்லது குறைந்தபட்சம் இவற்றை அதிகரிக்கும்போது சிதைந்துவிடக் கூடாது.

நான்கு குறைந்தபட்ச தேவைகள்

நான்கு குறைந்தபட்ச தேவைகளும் உறுப்பின் சொந்த எழுத்துரு அளவின் மடங்காக வெளிப்படுத்தப்படுகின்றன:

$$\text{line height} \geq 1.5 \times \text{font size}$$ $$\text{letter spacing} \geq 0.12 \times \text{font size}$$ $$\text{word spacing} \geq 0.16 \times \text{font size}$$ $$\text{spacing following paragraphs} \geq 2 \times \text{font size}$$

இதை எப்படி பயன்படுத்துவது

1. உங்கள் உறுப்பின் எழுத்துரு அளவை பிக்சல்களில் உள்ளிடவும்.
2. நீங்கள் தற்போது பயன்படுத்தும் வரி உயரம், எழுத்து இடைவெளி, சொல் இடைவெளி, பத்தி இடைவெளி (ஒரு பத்திக்கு கீழே உள்ள இடைவெளி, எ.கா. margin-bottom) ஆகியவற்றையும் பிக்சல்களில் உள்ளிடவும்.
3. சமர்ப்பிக்கும்போது ஒரு தேர்ச்சி/தோல்வி சரிபார்ப்பு பட்டியலையும், உங்கள் எழுத்துரு அளவிற்கு தேவையான குறைந்தபட்ச மதிப்புகளுடன் உங்கள் மதிப்புகளை ஒப்பிடும் அட்டவணையையும் காண்பீர்கள்.

எடுத்துக்காட்டு

font-size: 16px, line-height: 22px, letter-spacing: 0px, word-spacing: 0px, margin-bottom: 24px எனப் பாணி அமைக்கப்பட்ட ஒரு பத்தி:

$$\text{required line height} = 1.5 \times 16 = 24\text{px} \Rightarrow 22\text{px fails}$$ $$\text{required letter spacing} = 0.12 \times 16 = 1.92\text{px} \Rightarrow 0\text{px fails}$$ $$\text{required word spacing} = 0.16 \times 16 = 2.56\text{px} \Rightarrow 0\text{px fails}$$ $$\text{required paragraph spacing} = 2 \times 16 = 32\text{px} \Rightarrow 24\text{px fails}$$

இந்த பத்தி 1.4.12-ஐ கடைபிடிக்க அதிக உயரமான வரி உயரம், சேர்க்கப்பட்ட எழுத்து/சொல் இடைவெளி, மற்றும் கீழே அதிக இடம் தேவைப்படும்.

இது ஏன் முக்கியம்

WCAG 1.4.12 ஒரு நிலை AA அளவுகோலாகும், அதாவது பெரும்பாலான அணுகல் இணக்க இலக்குகள் (பரவலாக குறிப்பிடப்படும் WCAG 2.1 AA அடிப்படைக்கோடு உட்பட) இதை கட்டாயமாக்குகின்றன. இணக்கத்தை தாண்டி, தாராள உரை இடைவெளி டிஸ்லெக்ஸியா, குறைந்த பார்வை, மற்றும் சில அறிவாற்றல் குறைபாடுகள் உள்ள வாசகர்களுக்கு வரிகளை கண்காணிக்கவும் தனித்தனி சொற்களை வேறுபடுத்தவும் உண்மையிலேயே உதவுகிறது — மற்றவர்களுக்கு படிக்கும் திறனை பாதிக்காமல்.