ATAG - Feature - Change language

Built-in support for accessible content creation.

The change language feature provides a way to choose the language of the page or paragraph so that it can be read out a loud with correct pronunciation (i.e. using the correct speech engine).

The feature is important to users of assistive technology reading content out a loud, i.e. different kinds of screen readers, aimed for both visually impaired and reading and writing impairments.

Web interface: the end user view

Code of the end user view

<h1>Inspirational Quotes in the French Language About Life</h1>
<p>
The French have a unique perspective on life,
with an appreciation for the beauty that seems
to run into every aspect of their culture.
</p>
<blockquote lang="fr">"On n’est point toujours une bête pour l’avoir été quelquefois." - Denis Diderot</blockquote>
<blockquote>"Being a fool sometimes does not make one a fool all the time."</blockquote>

Explanation of the code example

When there is a language change to the main language of a web page, the lang attribute must be declared in the wrapping <element> tag, using the value of the lang attribute of the language used in the element.

Video documentation

https://youtu.be/BY9_xhjtLV4

Recommendations for implementation

To make sure the implementation of the features is not causing accessibility problems for web authors with disabilities:

avoid drag-and-drop for choosing template, and/or always have a keyboard alternative;
always provide one pointer alternative without specific gestures;
always support keyboard navigation;
consider keyboard shortcuts;
do not rely on sensory characteristics as the sole indicator for understanding and operating content;
do not indicate important information using colour alone;
make sure there is enough contrast between text objects and its background colour.

umbraco / Umbraco-CMS.Accessibility.Issues