HTML Compliance and Accessibility Improvements (1st Round)

[AslanGM]

Done

• Removed redundant aria-hidden attribute from hidden inputs
• Added role attribute to dropdown div for improved accessibility
• Removed not allowed 'maxlength' from hidden inputs
• Updated aria-describedby attribute for modal dialog to point to existing element
• Fixed aspect-ratio value to 554 / 107 in CSS
• Replaced space in image URL with %20 for proper encoding
• Modified the 'loading' attribute to adhere to specification

QA

Since the changes are on localhost and can't be validated directly via W3C Validator, I have manually checked the HTML for compliance. Recommend further verification in a staging environment where the site is publicly accessible or using the "Validate by Direct Input" option on W3C Validator.

Issue / Card

None

Screenshots

The attached screenshots were taken from the W3C Validator. For your reference, you can check the validation results for the Homepage, the Press Center page and the Projects page.

Dropdown role attribute:

Redundant aria-hidden attribute from hidden inputs (it appears in many files):

Not allowed 'maxlength' from hidden inputs:

Aria-describedby attribute for modal dialog to point to existing element:

Incorrect aspect-ratio value:

Image issues on the Press Centre page:

[if relevant, include a screenshot]

About W3C Validator:

W3C Validator may report errors like "Malformed byte sequence." These errors can sometimes vanish after a multiple page refresh or time. I guess that these issues might be linked to encoding problems coming from the backend. NOTE: when "Malformed byte sequence" errors appear, all other HTML errors are not displayed.

Please feel free to review and let me know your thoughts on having multiple commits within a single request for better organization.

[webteam-app]

AslanGM is not a collaborator of the repo