Service One
We offer consulting and development services that scale with your needs.
Welcome to Our Site
This is a clean and semantic demo layout using all structural HTML5 tags.
Service Two
We support businesses with tailored strategies and long-term guidance.
Language Attributes: Multilingual Content Done Right
Screen readers rely on the lang attribute to pronounce text correctly and switch to the proper voice. This demo shows what happens when it's used — or ignored.
✅ Proper Language Tag (French)
Je m'appelle Marie. J'aime le chocolat et la musique classique.
Expected: Screen reader switches to French voice and pronunciation.
❌ Missing lang for Foreign Text
Je m'appelle Marie. J'aime le chocolat et la musique classique.
Problem: Screen reader mispronounces French text in English voice.
✅ Inline Language Span
Welcome! We say Καλημέρα in Greek.
Expected: Screen reader switches voice only for the Greek word.
❌ Wrong lang Code
Καλημέρα
Problem: “gr” is not a valid code — use lang="el" for Greek.
✅ Multilingual Quote
Our slogan is: La dolce vita
Best practice: Even a short phrase should be marked if pronunciation matters.
❌ Overuse of lang
We sell books.
Problem: Don’t use lang redundantly for text already in the page’s language.