·

Understanding SC 3.1.1 Language of Page

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated : Understandable, WCAG
3.1.1 Language of Page
3.1.1 Language of Page

3.1.1 Language of Page: The default human language of each Web page can be programmatically determined. (Level A)

This success criterion requires that each web page of a site has its default human language programmatically defined. This, according to the Internationalization best practices plays a critical role in determining the default text-processing language. Apart from this, this is a key factor for screen readers to switch to the correct reading language, load correct pronunciation rules of language variations. Traditional browsers can render the text correctly and visual browsers can load characters and scripts appropriately. Thus language of page helps people with disabilities understand content in a better way.

Points to Ponder

  • Ensure each page of your web site has lang attribute
  • Ensure the language code is correct
  • Use appropriate language tokens in terms of language variations like lang=en-us” for English in US and lang=”en-uk” for English in Britain.

Related WCAG Articles

Useful A11Y Resources on Language of Page

References

Read Next: Understanding SC 3.1.2 Language of Parts
Explore our WCAG Checklist
Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri empowers enterprises with his expertise in digital accessibility and marketing. Through his impactful work, he collaborates with both small businesses and large enterprises, spearheading digital transformation initiatives. Raghavendra is the author behind the influential Accessibility Blog hosted at DigitalA11Y.com, where he delves into the intricate realm of digital accessibility and its significance.
Passionate about fostering change within the tech landscape, Raghavendra actively inspires local tech communities through engaging meetups and mentorship. He is the driving force behind HelloA11Y.com, a vibrant platform that unites accessibility professionals, developers, and enthusiasts, propelling the adoption of accessible practices.
Beyond the digital realm, Raghavendra seeks diverse experiences. You might find him exploring various cuisines at local cafes and restaurants or immersing himself in thought-provoking audio books. His insights and musings also find a home on his Personal Blog at raghava.in, where he shares his thoughts and experiences with a wider audience.

Similar Posts

Understanding SC 1.4.3 – Contrast Minimum
|

Understanding SC 1.4.3 – Contrast Minimum

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large TextLarge-scale text and images of large-scale text have a contrast ratio of at least 3:1; IncidentalText or images of text that are part of an inactive user interface component, that are pure decoration,…

Understanding SC 2.3.1 Three Flashes or Below Threshold
|

Understanding SC 2.3.1 Three Flashes or Below Threshold

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
4 Comments

2.3.1 Three Flashes or Below Threshold: Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. (Level A) Note: Since any content that does not meet this success criterion can interfere with a user’s ability to…

Understanding SC 3.2.1 On Focus
|

Understanding SC 3.2.1 On Focus

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

3.2.1 On Focus: When any component receives focus, it does not initiate a change of context. (Level A) The intent of this success criterion is to make sure that any unwanted actions are not initiated when focus moves on to an element. For example during tab navigation or shift tab navigation if user focus moves…

Understanding SC 2.5.3 Label in Name
|

Understanding SC 2.5.3 Label in Name

Avatar for Sathish KumarAuthored By :Sathish Kumar Last Updated On :
0 Comments

Success Criterion 2.5.3 Label in Name (Level A): For user interface components with labels that include text or images of text, the name contains the text that is presented visually.A best practice is to have the text of the label at the start of the name. Imagine you are using the voice control feature in…

Understanding SC 1.3.2 Meaningful Sequence
|

Understanding SC 1.3.2 Meaningful Sequence

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
6 Comments

1.3.2 Meaningful Sequence: When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined. (Level A) This success criterion requires that content presented on the page must be meaningful during navigation to all users. Users navigate content from left to right & assistive technology users such as…

Understanding SC 2.1.2 No Keyboard Trap
|

Understanding SC 2.1.2 No Keyboard Trap

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

2.1.2 No Keyboard Trap: If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of…

Leave a Reply

Your email address will not be published. Required fields are marked *