caMicroscope icon indicating copy to clipboard operation
caMicroscope copied to clipboard

[Accessibility] HTML element does not have lang attribute

Open nwanduka opened this issue 3 months ago • 1 comments

Describe the bug HTML element does not have a lang attribute. User Impact: Serious Tool used: Axe

To Reproduce Steps to reproduce the behavior:

  1. On the slides page, click open to view one of your uploaded slides
  2. Right-click on the page and click inspect to open the devtools window
  3. If you have the Axe extension installed, open it and run it
  4. One of the accessibility issues discovered is that the html element does not have a lang attribute

Expected behavior In keeping with the WCAG 2.1 standards for accessibility, having a lang attribute in the html element helps assistive technologies, such as screen readers, to properly interpret and pronounce text content for users who may have different language preferences or accessibility needs.

Screenshots image

HTML lang attribute lacking

Desktop:

  • OS: Windows
  • Browser: Microsoft Edge
  • Version: Version 122.0.2365.92

How to fix this issue Add the lang attribute to the element of your HTML documents and specify the appropriate language code. For example, for English content, you would use lang="en", for French content, you would use lang="fr", and so on. Ensure that the lang attribute reflects the primary language of the content on the page.

nwanduka avatar Mar 21 '24 11:03 nwanduka

@nwanduka, I've made an attempt to fix this issue. I would be very appreciative if you could review it.

Ayesh-07 avatar Mar 23 '24 14:03 Ayesh-07

I'll be closing this issue now since it has been resolved in PR #856

nwanduka avatar Mar 28 '24 13:03 nwanduka